[うなこ]

お世話になっております、Lightningのご利用ありがとうございます。

おそらく現在はWordPress側の最新の投稿ブロックを利用されていると思いますが、VK パターンライブラリから「投稿リスト・お知らせ一覧」のパターンカテゴリーで検索しますと、ご希望に近いブロックパターンが見つかると思いますので、コピー&ペーストしていただき、そこから少し調整していくと希望の形になるかなと思います。

この中でもこちらのブロックパターンが、ご希望の形に近そうですがいかがでしょうか？

[うなこ]

Lightningのご利用ありがとうございます。
Lightning のFooter Navigationの部分につきまして、通常は1列に収まるメニューの数を想定しております。そのため、メニューの数が多い場合は、CSSでカスタマイズが必要となります。
例えば、以下のCSSを【外観】→カスタマイズ→追加CSSに記述しますと余白ができると思います。

.footer-nav-list li {
    margin: 5px 0;
}

メニューが多いと、特にモバイルデバイスでの表示でスクロールが多くなりすぎることがありますので、
現在設置されているメニューの数を一度ご検討いただき、数を調整することも一つの方法かなと思います。

どうぞよろしくお願いいたします。

[うなこ]

お世話になっております。

該当の固定ページの編集画面の、「Lightning デザイン設定」の「非表示設定」の「パンくずリストを表示しない」にチェックが入っていないかをご確認ください。

よろしくおねがいいたします。

Attachments:

You must be logged in to view attached files.

[うなこ]

ただ、今度は最初の添付画像にありました「最近の投稿」「カテゴリー」「アーカイブ」の項目が消失してしまいました。

今回設置した「リンク」の上部に、従来のウィジェットを挿入すると、設置し直せると思います。
以下の手順でいかがでしょうか？

1. 「ウィジェット」の「サイドバー(投稿)」を展開して、「➕」をクリックして検索窓に「従来のウィジェット」と入力して従来のウィジェットを挿入します。（添付画像1枚目参照）
2. 「ウィジェットを選択」が出ますので、「VK 最近の投稿」を選択します。（設定項目はそのままで一旦大丈夫です）
3. 続いて1と同じように「従来のウィジェット」を挿入して「ウィジェットを選択」から「VK カテゴリー/カスタム分類リスト」を選択します。
4. 続いて同じように「従来のウィジェット」を挿入して「ウィジェットを選択」から「VK アーカイブリスト」を選択します。
5. 更新ボタンを押して、フロント画面をご確認ください。

※VK_最新記事などが出てこない場合は、ExUnitプラグインの「有効化設定」> 「ウィジェット機能」のウィジェットにチェックが入っていることを確認してください（添付画像2枚目参照）。

Attachments:

You must be logged in to view attached files.

[うなこ]

画像ありがとうございます。

以下の作業でやりたいイメージに近いと思いますが、いかがでしょうか(添付画像参照)

1. 「ウィジェット」の「サイドバー(投稿)」を展開して、「➕」マークから「見出し」ブロックと「リスト」ブロックを挿入します
2. 見出しの文字をリンクに変更して、上に出てくるツールバーをH4に変更します（他のサイドバータイトルと見出しレベルを合わせるため）。続いて右側にあるブロックの設定画面の「高度な設定」を展開して「追加 CSS クラス」にwidget-title sub-section-titleと入れます（他のウィジェットのタイトルとデザインを揃えるため）注意：管理画面上ではデザインが変わっていませんが、表画面では変わっていると思います
3. リストブロックにテキストとリンクを挿入します。リスト項目は増やせますので自由に増やして設定してください。
4. 「更新」を押して確認してください。

Attachments:

You must be logged in to view attached files.

[うなこ]

お世話になっております、Lightningのご利用ありがとうございます。

投稿ページのウィジェットエリアに「リンク」の項目を追加したい件ですが、
編集画面の「外観」 > 「ウィジェット」を開くと「サイドバー(投稿)」がありますので、クリックして展開していただきますと「➕」マークからブロックや従来のウィジェットを挿入できます。（添付画像参照）

また「リンク」の項目を挿入したいとのことですが、どのような「リンク」なのかをもう少し具体的に教えていただけますと、回答が得られやすくなります。

よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[うなこ]

お世話になっております。Lightningのご利用ありがとうございます。

iOSの設定からダークモードを選択しているということであっていますか。

ダークモード対応用のCSSを入れていらっしゃるようですので、ダークモードに対応されないようでしたら以下のCSSを削除すると良いのかなと思います。

          @media (prefers-color-scheme: light) {
                body {
                    background-color: #fff;
                    color: #000;
                }
            }

            @media (prefers-color-scheme: dark) {
                body {
                    background-color: #000;
                    color: #fff;
                }
            }

ダークモードに対応する場合
添付画像を確認しますと、おそらくですが、グループブロックで囲ってある部分が薄いグレーでラップされているため、ダークモードにしても、ここの背景色は変わらないため、テキストだけが白くなり見えづらくなっているのではないかと思います。

具体的には、女性の画像の部分から「顎関節不調のセルフチェックしてみませんか」のセクションまでがグループブロックで囲ってあり、そのグループブロックの背景色が薄いグレーなので、薄いグレーの部分の背景色はダークモードにしてもそのまま変わらないため、テキストが白くなってしまっているように思います。

編集画面からグループブロックの背景色を確認してください。
おそらく #f4f4f4　が入っていると思いますがいかがでしょうか。

#f4f4f4の部分を黒の半透明の薄い色にするのはどうでしょうか。
たとえばこちらの色はどうでしょう。#0000000F

[うなこ]

ご連絡ありがとうございます、1枚(電話番号がある画像)は削除いたしました。

今後ともよろしくお願いいたします。

[うなこ]

解決したようで安心しました！
また解決されたコードもご記入くださりありがとうございます。
今後ともよろしくお願いいたします。

[うなこ]

こちらの投稿のDRILL LANCERさんんの回答が参考になると思います。

お問い合わせ情報のアイコンを変更したい

[うなこ]

お世話になります、気づいた点がありましたので投稿します

石川さんのおっしゃる通り、個別で追加CSSに追加したCSSが問題のようです。

以下の部分ですが、最大幅が1300pxと1450pxと違うので、3枚目はリンクが設定していないので（aタグがつかない）幅が１３００pxになっているのだと思います。
数字を合わせるのが一番管理しやすいかなと思います。

.ltg-slide picture {
max-width:1300px;
height: auto;
}
.ltg-slide .swiper-slide>a {
max-width:1450px;
height: auto;
}

[うなこ]

ページを拝見しましたところ、ブログページの表示がくずれておりました。
表示崩れは、高速化を目的としたプラグインが原因の可能性がございます。

問題の原因がどこにあるのかを特定するため、
お手数ですが、もし高速化のプラグインを利用しているようでしたら、
一時的にそのプラグインを停止し、表示が改善されるかどうかご確認いただけますでしょうか。

どうぞよろしくお願いいたします。

[うなこ]

お世話になっております、バージョンアップで解決したとのことで安心しました！

管理画面では『VK Pattern Library のアカウント連携が設定されていません。』と表示されるのですが、どんな設定が必要になるんでしょうか??

上記の質問は、この投稿とは別の質問になりますので、この投稿は「解決済み」としていただき、
大変お手数ですが、別途、質問を投稿していただけますでしょうか。
他の人が検索するときに探しにくくなったり、どこまで解決済みかわからなくなるため、ご協力をお願いいたします。

どうぞよろしくお願いいたします。

[うなこ]

サイトを確認しましたところ、VK Blocks Pro のバージョンが 1.32.0.1 と古いようです。
（現在は1.72.1.0が最新バージョンになります。）

バックアップをとった上で、
VWSサイトのマイアカウントのダウンロードからダウンロードして、インストールしていただくか、
もしくは一度プラグインを削除しますと管理画面にインストールの案内が出てきますので、そこからインストールしてください。

VK Blocks Pro 1.33.0 からアップデートにライセンスキーの入力が必要になりますので、
VWSのマイアカウントの「ライセンスキー」からライセンスキーをコピーして、ご自身のサイトのダッシュボードの設定→VK Blocks から設定してください。

VK Blocks Pro 1.33.0 からアップデートにライセンスキーの入力が必要になります（Katawara除く）

[うなこ]

お世話になっております、Lightningのご利用ありがとうございます。

【外観】 > 【カスタマイズ】 > 「Lightning 機能設定」 の　「theme.json 設定」 の 「theme.json を有効にする」 にチェックをいれると全幅になると思います。

theme.json を有効にしますと、ユーザー独自に追加したCSSで .wp-block-group__inner-container に対して装飾をつけている部分については表示が崩れる可能性がありますので、事前に確認よろしくお願いいたします。

↓theme.json設定の詳細につきましては以下をご確認ください。
https://www.vektor-inc.co.jp/product-update/lightning-15-theme-json/

どうぞよろしくお願いいたします。

[投稿者]

投稿