[うなこ]

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

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.

[うなこ]

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

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

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枚(電話番号がある画像)は削除いたしました。

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

[うなこ]

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

[投稿者]

投稿