[うなこ]

試しに1つずつプラグインを無効化してみると、
G3Pro unitを無効化すると解消します。

私の環境では再現できませんでしたので、解決策ではないかもしれませんが、以下の方法をお試しいただけますか？

【01】テーマは「Lightning」にして、プラグインから「Lightning G3 Pro Unit」　と　「Lightning Skin Charm」 を無効化して、カスタマイズ画面を開き、Lightning 機能設定の世代設定を「Generation 3」で選択し「ページを再読み込みする」ボタンを押して「公開」ボタンを押す

【02】プラグインから「Lightning G3 Pro Unit」　を有効化し、カスタマイズ画面が開くかを確認する。

[うなこ]

プライベートウィンドウなどで閲覧していますか？
もしそうでしたら、何か設定の問題なのかな、と思いましたが、、、どうでしょう、、？

[うなこ]

外観 > メニュー 画面 各メニュー項目の「説明」欄 から変更できます。

こちらもぜひ参考にしてみてください。

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

[うなこ]

（１）ハイライト指定した文字の背景色がデフォルトで黄色になってしまう。（透明指定→黄色になる）

おそらく、背景がちゃんとクリアされていないのかなと思いますので、もう一度文字を選択して「ハイライト」→「背景」タブのクリアボタンをクリックして、最後に「更新」ボタンを押してください。(添付画像01.png)

（２）カラムのレイアウトが崩れる

ページレイアウトは2カラムにして、最新の投稿ブロックを投稿の全文を表示させた時に確認できました。

【カスタマイズ】→【追加CSS】に以下のCSSを追加するか、

.wp-block-columns {
    gap: 2em;
}

もしくは、グリッドカラムカードブロックでしたら、崩れないようでしたので、そちらに入れ替えてご利用ください。細かい設定も可能ですのでおすすめのブロックです。（添付画像02.png）

（３）箇条書きの行頭文字（記号）が文字化けする

こちらは現在も文字化けしておりますか？もしよろしければ、キャプチャ画像を添付していただくことは可能でしょうか。

• この返信は2年、 5ヶ月前にうなこが編集しました。
• この返信は2年、 5ヶ月前にうなこが編集しました。
• この返信は2年、 5ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

解決できて良かったです！
もしよければ　子テーマでのアイディアを出していただいた対馬さんの回答の所にベストアンサーをつけるボタンが表示されていると思いますので、表示されていたら是非ベストアンサーをつけていただけますと嬉しいです。

わたしはスタッフになりますので、 モデレーター以上にはベストアンサーが付与できなくなっております。

• この返信は2年、 5ヶ月前にうなこが編集しました。

[うなこ]

ご連絡ありがとうございます。
ソースを確認しましたところ、追加CSSにかいてある一部の閉じカッコがなくて、そこから下のCSSが効いていないようです。

具体的には「Googleカレンダー（PC表示）」の閉じカッコがありません。

【修正前】

/*　Googleカレンダー（PC表示） */

@media (min-width: 960px) {

.googleCalender iframe {
height:600px;
}

【修正後】

/*　Googleカレンダー（PC表示） */

@media (min-width: 960px) {

.googleCalender iframe {
height:600px;
}
}

ここを修正しますと表示されると思います。

[うなこ]

しかしモバイルでは、ボタンが表示されませんでした。

「カスタマイズ」の「追加 CSS」に以下のCSSは貼っていますか？

/* ヘッダーコンテナ */
@media (max-width: 991.98px){
.site-header-container {
    display: flex;
    justify-content: space-around;
}
}
/* ヘッダー右側ウィジェットを表示 */
@media (max-width: 991.98px){
.site-header-sub {
    display: block;
    float: none;
    padding: 0;
}
}

もし差し支えなければ、サイトのURLを貼っていただくと解決が早いかもしれません

[うなこ]

ExUnitプラグインは最新でしょうか？

あとは、バックアップをとった上で以下の点を確認ください。

• 関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？
• 独自に追加したCSSがあれば削除して改善するかどうか？
• 子テーマの場合は親テーマに設定して改善するかどうか？

お手数ですが、一度上記をご確認いただけますでしょうか？

[うなこ]

ブラウザは何で閲覧されていますか？

といいますのも、私の環境では再現されないため、確認のためお聞きしました

[うなこ]

別の問題かもしれませんが、念の為
設定 > 一般設定 のURLが http:// のままになっていないかを確認していただけますでしょうか。

[うなこ]

具体的にはLINEのお友達追加ボタンを表示させ、目立たせたく、ボタンをひとつだけ設置したいです。
特にモバイル表示で、ヘッダーロゴの右隣りに表示させたいです。

いろいろ方法があると思いますが、一つの案を提案します。

【01】「外観」→「カスタマイズ」の「Lightning ヘッダー設定」を「ヘッダーウィジェットあり & ナビ貫通」にします。
【02】「ウィジェット」→「ヘッダー右側エリア」に「カスタムHTML」ブロックを配置して、LINEのお友達追加ボタンのソースコードを貼ります。
【03】「カスタマイズ」の「追加 CSS」に以下のCSSを貼り付けてください。

/* ヘッダーコンテナ */
@media (max-width: 991.98px){
.site-header-container {
    display: flex;
    justify-content: space-around;
}
}
/* ヘッダー右側ウィジェットを表示 */
@media (max-width: 991.98px){
.site-header-sub {
    display: block;
    float: none;
    padding: 0;
}
}

CSSはもう少し調整がいるかもしれませんが、いかがでしょうか。

★もし他の案がある方はいろいろ参考になりますので、ぜひご提案お願いいたします。★

• この返信は2年、 5ヶ月前にうなこが編集しました。

[うなこ]

一時的なものだと良いのですが、現在も見えない状態でしょうか？

検索すると、
「Facebookにログインしていると見えて、ログインしていないと見れなくなっている」、というようなツイートを見かけまして、ログアウトした状態で確認しましたところ、私の環境では問題なく見えているようでした。

[うなこ]

現在調査中ですが、
Tree shaking 有効化設定　を「何もしない」にすると治ったりしますか？

https://github.com/vektor-inc/lightning/issues/851

• この返信は2年、 5ヶ月前にうなこが編集しました。

[うなこ]

VK Blocks Proプラグインは最新でしょうか
もし最新でない場合は、プラグインを更新することで改善しますか？

確認できました。
少々お待ちください

• この返信は2年、 5ヶ月前にうなこが編集しました。

[うなこ]

add_action( 'lightning_site_footer_content_prepend', function(){
アクションフック名がfooterのコンテンツ内になっているので、
add_action( 'lightning_site_header_logo_after', function(){
にするとどうでしょうか。

アクションフックの場所を名称を調べる方法は、カスタマイズ→開発ツール「アクションフックの場所を表示」で表示することができます。

[投稿者]

投稿