[石川＠Vektor,Inc.]

下記参照ください。

ページ内リンクの設定

[石川＠Vektor,Inc.]

ページ内リンクをさせたい箇所のid名の調べ方はわかりますか？
id名がわかるならメニューを作る際にリンク先を #id名 にすればOKです。

わからない場合はウィジェット主体でページを作っていますか？
固定ページのブロックで作っていますか？

[石川＠Vektor,Inc.]

多分テーマの問題じゃないと思うけど原因は何だろうなーと今見ていましたが、
1024px以下だと表示されませんね。

[石川＠Vektor,Inc.]

## 症状について

デザインスキン JPNSTYLE 利用時に縦横比が正方形に近い横長の画像を設定し、
横長のウィンドウサイズで閲覧した際に発生

## 原因

現行のLightning ではスライドの縦横比をユーザーが決めやすいようにスライドでのトリミングは行っておらず、アップロードした画像の縦横比のままとなる。
その縦横比でスライド上の文字などは上下中央に配置されるが、JPNSTYLE に限ってはスライドが固定なため、文字やボタンが下部に隠れるという症状が発生する。

## 解決に対する検討

■ スライド画像を上を添えにして画面下にはみ出している部分をトリミングすれば可能。しかし、上下中央にしたいという声も出るので下部をトリミングするのか画像を上下中央配置で上下はみ出し分をカットするのか選択機能をつける必要がある
（この対応はさほど難しくない）しかしながら…
■ 画面の表示エリアを基準にしたスライドエリアのトリミング方法にすると画面幅が狭い時にスライドの表示エリアは縦長になる。
　□ 表示横幅に併せてスライド画像を縮小すると下の部分に元の画像の高さ以上の空白ができる
　→ これを回避するためのモバイル時に縦長の画像をユーザーが指定する
　→→ どの画面サイズでも問題ないように調整するにはPC・モバイル両画像の縦横比をいろいろ試す必要がある
　→→→ 今の仕様のままカスタマイズ画面に記載の推奨サイズの画像をPC版用に用意して貰うのと本質的にかわらない
□ 表示横が狭い時に表示横幅からはみ出る左右部分をトリミングする
　→ 画面全部が入る前提で画像を用意して既に利用しているサイトで、左右が切れるようになるのでユーザーから苦情がくる

と、いう事情で、いろいろと技術検証しましたが、今の段階で仕様変更はできません。
変更するとしたら、Bootstrap4対応版などを出すタイミングで根本的に表示領域に応じて自動で上下左右をカットする仕様に変更するというような対応になります。

推奨サイズよりも縦サイズの大きい画像を使いたい場合は、CSSを外観 > 追加CSSなどに記載してください。

@media ( min-width:992px ){
	.slide picture {
		width:100%;
		height:85vh;
		display:block; overflow:hidden;
	}
}

• この返信は5年、 4ヶ月前に石川＠Vektor,Inc.が編集しました。
• この返信は5年、 4ヶ月前に石川＠Vektor,Inc.が編集しました。

[石川＠Vektor,Inc.]

Beta Tester の更新タイミングはどこかでキャッシュを持っているようで（もともと弊社で開発したものではなく、過去に他の人が作成して存在していたがメンテされなくなって公開停止されたものを弊社で再調整したものなので構造を完全に把握しているわけではない）、通常１日程度のタイムラグが発生するのは確認していますが、流石にいい加減更新通知が出てもよいと思います。

更新通知の処理について、今構造をスタッフが確認中です。

お急ぎの場合は ExUnitの VK Blocks を停止して、単体プラグイン版の VK Blocks をご利用ください。
※単体プラグイン版のVK Blocksでもしかして表示が崩れる場合は 外観 > カスタマイズ で　VK Blocks が Bootstrap4 の CSSを読み込んでいないか確認ください。

• この返信は5年、 4ヶ月前に石川＠Vektor,Inc.が編集しました。

[石川＠Vektor,Inc.]

すみません、子テーマの functions.phpに

$skin = get_option( 'lightning_design_skin' );
if ( $skin == 'charm' ) {
	require get_parent_theme_file_path( './inc/header-top/class-header-top.php' );
}

追加するだけで概ねいけました。

[石川＠Vektor,Inc.]

ちょっとののような状況になる状況がよくわかりません。
スライドテキストの文字量非常にが多いとかでしょうか？

スライド画像によりますが
タイトル・テキストがとても見えずらいです。

こちらは スライドに被せる色 (任意) と スライドに被せる色の濃さ で調整してください。
テキスト部分だけの背景などは、機能として追加すると設定項目が多くなりすぎて使いづらくなると思うので個別にCSSカスタマイズにて対応ください。

• この返信は5年、 4ヶ月前に石川＠Vektor,Inc.が編集しました。

[石川＠Vektor,Inc.]

補足です。

<input type=”submit” class="btn btn-primary">

で概ねいけるかと思います。

超初心者のためのWordPressのサイトのデザインの微調整方法 from Hidekazu Ishikawa

[石川＠Vektor,Inc.]

Charm についてはもともと販売開始時にはヘッダー上部の拡張機能が存在せず、
既に請負のウェブ制作などでも多数利用されている事から、今の段階で仕様変更すると既存サイトでの表示崩れを引き起こす原因となるので、簡単には追加できない状態です。

この問題は８月後半頃に対応を想定しています。

個別にカスタマイズすれば可能ではありますが、それなりに時間がかかる上にいずれ別の方法で対応すると無効になってしまうので、新着投稿ブロックの実装など他に多くのユーザーにもメリットになる事を優先して作業したいと考えていますが急ぎますか？

単純にロゴを真ん中にしたいからCharmを利用しているという理由でしたら下記なども検討ください。

CSSでプチカスタマイズ！Lightning標準デザインのロゴとヘッダーメニューを中央に配置する（PC版のみ）方法

[石川＠Vektor,Inc.]

VK Mobile Nav 以前は外部プラグインでしたが、今はテーマ内部既に内部に取り込まれており、
旧標準モバイルナビは廃止になって VK Mobile Nav 以外はなくなったので、選択項目はありません。

問題の件ですが、メニュー項目が多い場合、当然横幅には限りがあるので、例えば

* メニューの項目あるいは文字数を減らす
* ロゴの表示サイズをもっと小さくする
* メニューの文字が改行されてもロゴと同じ段で表示する
* 文字サイズを小さくして段落ちしないようにする

のような対応が考えられますが、それぞれユーザーの好みが分かれる都合上、
特定の処理で対応という事はテーマ側ではしていません。
メニューの項目あるいは文字数を減らす以外は何らかのカスタマイズが必要ですが、
希望の対応によりその方法が異なります。

上記あるいは他のどういった処理をご希望ですか？

[石川＠Vektor,Inc.]

ちなみに本来表示されて欲しいカスタムフィールドはどんな項目ですか？

[石川＠Vektor,Inc.]

特定のカテゴリーだけレイアウトを変更したいという事はそのカテゴリーだけ特性が違うのですよね？
いろいろカスタマイズするより、そのカテゴリーをカスタム投稿タイプで運用した方が無改造で対応できるかなと思いました。

カスタム投稿タイプの設定

[石川＠Vektor,Inc.]

ヘッダーではないのですが、下部のモバイル固定ナビではだめですか？
外観 > カスタマイズ のモバイル固定ナビから設定できる箇所です。

ヘッダーの場合はいろいろコードを書いてカスタマイズが必要になります。

[石川＠Vektor,Inc.]

カスタム投稿タイプの設定に関しては下記を参照してみてください。
※ページ内にコードがいくつかかかれていますが、通常はコードを書かなくてもExUnitのカスタム投稿タイプマネージャーだけで対応できると思います。

カスタム投稿タイプの設定

[石川＠Vektor,Inc.]

確認しました。

固定ページや投稿の表示順をコントロールするプラグイン「Intuitive Custom Post Order」が原因でした。
設定 > 並び替え設定 画面で固定ページ以外のチェックを外してください。

大変失礼しました。
元データも修正いたします。

[投稿者]

投稿