[うなこ]

Gundamさま

お世話になっております。Lightningをご利用いただき、誠にありがとうございます。

ご指摘の通り、スマートフォンサイズでは余白が大きいですね。一度社内で検討させていただきます。

お手数をおかけいたしますが、ひとまず以下のCSSを追加して対応していただけますでしょうか。
外観 > カスタマイズ > 追加CSSなどに以下を追加してください。
767.98px以下で余白が小さくなります。幅の数値や5pxはお好みで変更してください。

/*レイアウト：カード*/
.vk_posts-layout-card{
    justify-content: center;
}
@media (max-width: 767.98px) {
    .vk_post {
        margin-left: 5px;
        margin-right: 5px;
    }
}

[うなこ]

ROCKETS さま

VK Blocks Proのご利用ありがとうございます。

提案となります。
VK投稿リストブロックではなく、WordPressコア側のブロック、クエリーループと投稿テンプレート、ページ送りブロックを設置するのはいかがでしょうか。

VKパターンライブラリに、VK投稿リスト風のパターンがございますので、こちらをコピーして該当の固定ページに設置してください。
ページごとの項目数はクエリーループブロックの表示設定から変更できます。

▼クエリーループ投稿リスト_グリッド_カスタムCSSのパターン

クエリーループ投稿リスト_グリッド_カスタムCSS

Lightningのページ送りと同じデザインにしたい場合は、cssで調整する必要があります。

一度お試しください。

もしうまくいかない場合はお知らせください。

【追記】
↓石川さんのご回答が一番シンプルですので、そちらをお試しくださいー🙇

[うなこ]

suisei98さま
パターンライブラリのご利用ありがとうございます。

添付画像のように、ブロックの「クエリーループ」ブロックを選択して、「表示設定」ボタンをクリックし、ページごとの項目数を「3」にするといかがでしょうか。

もしうまくいかない場合はお知らせください。よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[うなこ]

gundamさま、お世話になっております。

具体的な解決方法の記載、ありがとうございます！

解決したようで安心いたしました。
今後ともよろしくお願いいたします。

[うなこ]

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

固定ページのカスタムCSSで次のコードを試しました。
body{
background-image: url(‘************’);
background-repeat: repeat;
}

このCSSはbody要素に背景画像が設定され、背景画像は繰り返し（repeat）表示されますので、CSSは間違っていないように見えます。

もし可能でしたら症状の出ているページのURLを添付していただけますと、回答が得られやすくなります。

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

[うなこ]

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

見出しの装飾をインライン画像ではなく、cssでつけるのはいかがでしょうか？

以下はスタイルが「装飾なし」のh2見出しの左側に、ラインがつくようなcssになります。

h2.is-style-vk-heading-plain{
padding-left:14px;
}
h2.is-style-vk-heading-plain::before{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 5px;
 height: 25px;
content: '';
background: var(--vk-color-primary);
}

[うなこ]

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

Lightningのご利用ありがとうございます。

余白の件ですが、編集画面の右側になる「固定ページ」の設定の「Lightning デザイン設定」の中にある「余白設定」> 「サイトコンテントの上下余白を無しにする」にチェックを入れていただきますと、余白が無くなると思います。（添付画像参照）

いかがでしょうか。

Attachments:

You must be logged in to view attached files.

[うなこ]

トップページ用の固定ページ内カラムに
画像を6枚程度掲載しております。

それぞれの画像には、画像のリンク先に
「ライトボックス効果で画像を拡大」が
設定できるようになっています。

しかし、それを設定すると
IOSでハンバーガーメニューが開かなくなってしまう現象が生じます。
（三本線は問題なく表示されます。
また、androidではこの現象なくメニュー開きます）

こちらの環境で試したところ、わたしのiPhone(iOS 17.5.1)では問題なくメニューは開きました。
症状のおこるiPhoneでこのデモサイトを開くと、ハンバーガーメニューは開きますか？

また、safari以外の他のブラウザで開くと、ハンバーガーメニューは開きますか。
iOSのバージョンはいくつでしょうか。
あと、もし差し支えなければ症状の起こるサイトのURLを共有していただくことは可能でしょうか。

[うなこ]

解決したようで安心しました！

確認したところ、キーカラーは青色に設定されていて、ボタンも赤ではなくこの青色になっていました。

「？？？」なのですが、LightningのバージョンをG2（PRO）からG3にアップグレードしたので、その際に正常な形に戻されたと推察しています。

はい、そうですね。Lightning Pro テーマでキーカラーが赤色になっていて、テーマを Lightning へ変更をしたので、キーカラーの色が Lightning のデフォルトのキーカラー（ブルー）になったのだと思います。

[うなこ]

お世話になっております。
ボタンのホバー時のカラーですが、キーカラーが適応されるようになっておりますので、
【外観】>【カスタマイズ】>【色】から、キーカラーを設定できます。

サンプルと同じ色にするには、キーカラー部分に#3c8b86と入力してください。

色の設定方法はベクトレの「Lightning 基本設定解説 キーカラー / カスタムカラーの設定」をご確認いただけますと、わかりやすいと思いますので、ぜひご確認ください。

Lightning 基本設定解説 キーカラー / カスタムカラーの設定

Attachments:

You must be logged in to view attached files.

[うなこ]

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

WordPress側の最新の投稿ブロックを利用して、お知らせなどの投稿を作成しているのですが、編集画面右側の「投稿」タブにて、新しくカテゴリーを追加したのですが、その新しく追加したカテゴリーを削除するにはどうすればよろしいのでしょうか？

こちらの質問の件ですが、このVWSフォーラムでは一つの投稿内に複数の質問をしないというルールがありまして、理由としましては、解決済みの部分が分かりづらくなったり、他の方が検索しにくくなることを避けるため、大変お手数ですが、このトピックは解決済みとしていただき、新たに新しい質問をご投稿していただけますと、とても助かります。

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

—追記です—

WordPress側の最新の投稿ブロックを利用しているとのことですので、もしかするとwordpress.orgのサポートフォーラムにご投稿いただいたほうが、もしかすると回答が早いかもしれません。

【wordpress.orgサポートフォーラム】
https://ja.wordpress.org/support/forums/

[うなこ]

VEKUANのご利用ありがとうございます。

ご質問の件ですが、
ダッシュボードの【外観】>【メニュー】から編集するメニューを選択していただき、該当のメニュー項目を展開しますと、「説明」が表示されていると思いますので、そこからご変更いただけます。（添付画像１枚目参照）

もし「説明」項目が表示されていない場合は、ページの上部にある「表示オプション」をクリックして展開していただき、「説明」にチェックを入れてください。（添付画像2枚目参照）

—–

Lightningテーマのナビゲーションの設定方法は、「ベクトレ」にも載せておりますので、もしよろしければこちらも併せてご確認ください。

▼ベクトレ：Lightning 基本設定解説 ナビゲーションの設定

Lightning 基本設定解説 ナビゲーションの設定

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

Attachments:

You must be logged in to view attached files.

[うなこ]

お世話になっております、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.

[投稿者]

投稿