[対馬 俊彦]

横から失礼します。

VKパターンライブラリではないのですが、
私のサイトでも Lightning をアップデートしたら、
レイアウトが変わってしまったページがありました。

調べたところ、/lightning/_g3/assets/css/style-theme-json.css
に以下の margin-block-end が追加されたことが原因でした。

.wp-block-column[class*=wp-container-]>:is(p,ul,ol,dl), 
.wp-block-group[class*=wp-container-]>:is(p,ul,ol,dl) {
    margin-block-start: unset;
    margin-block-end: var(--vk-margin-element-bottom);
}

このトピックの症状も同じ原因のようです。

以上、とりあえず報告させていただきます。

[対馬 俊彦]

グリッドカラムカードアイテムを12個ずつ固定ページに持たせればよさそうです。

[対馬 俊彦]

グリッドカラムカードアイテムを少なくしたものを固定ページで複数作って、
その複数の固定ページを VK 固定ページ本文 ブロックで読み込むようにしたら
この問題が解決するかもしれません。

[対馬 俊彦]

テーマが最新版で、プラグインをすべて止めてあれば、そんなにメモリを使わないと思います。

独自にカスタマイズしたコードに問題があるのかもしれません。

[対馬 俊彦]

横から失礼します。

以下のように理解しました。
違ってたらご指摘ください。＞質問者様

[1] ページ先頭を表示しているときはグローバルナビを表示しない。
[2] スクロールするとグローバルナビが現れる。
[3] トップページだけ [1] [2] のようにしたい。

[1] [2] だけでよいなら（すべてのページに適用するなら）、

.global-nav {
	display:none;
}

[1] [2] [3] をやりたいなら、

body.home .global-nav {
	display:none;
}

という CSS でいけそうです。

[対馬 俊彦]

該当URL をシェアデバッガーで試したところ、
閲覧禁止を意味するレスポンスコード 403 が返ってきますね。

この現象について Facebook の開発者コミュニティフォーラムでも話題になってますが、
[ 未解決 ] のままです。

https://developers.facebook.com/community/threads/825654679324994/?locale=ja_JP

なんとなく、解決が難しいような…

なんとなく、放っておけば、そのうちに 403 が解消するような…

そんな気がします。← 根拠はないです。なんとなく経験的に…

[対馬 俊彦]

Lightning G3 のトップページのスライドショーのフォントサイズの CSS は以下のようになっています。

/* スライドタイトル */
.ltg-slide .ltg-slide-text-title {
    font-size: clamp(16px,3dvw,32px);
}

/* スライドテキスト */
.ltg-slide .ltg-slide-text-caption {
    font-size: clamp(12px,2dvw,18px);
}

とりあえず、
スライドタイトルの 16px
スライドテキストの 12px
の部分を書き換えればスマホ表示に反映されます。

お時間があれば、VK Blocks のスライダーブロックを使ってみるといいと思います。

https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-blocks/block-slider/

ちょっとだけ手間は増えますが、
Lightning 標準のスライドショーよりもできることがはるかに多いし、柔軟な設定が可能です。

[対馬 俊彦]

[ 解決済 ]
VK Blocks Pro 1.84.1.0 にアップデートして修正を確認しました。
ありがとうございます。

[対馬 俊彦]

[ 解決済 ] となりましたが、横から失礼します。

ベクトルさんがまだ修正作業中でしたら、ご容赦ください。

今回の問題の原因は、

VK Blocks Pro 1.84 にアップデートすると
ブロックの カスタム CSS に入力した > が ＆ｇｔ; に置き換わって出力されるようになった

ということなので、それを修正する必要があると思います。

カスタム CSS に

selector > p {
  font-size: 1.5em;
}

と入力すると、VK Blocks Pro 1.83 までは

.vk_custom_css_1 > p {
  font-size: 1.5em;
}

と出力されていましたが、1.84 になって出力が以下のようになりました。

.vk_custom_css_1 ＆ｇｔ; p {
  font-size: 1.5em;
}

※内容が伝わるように ＆ｇｔ; を全角文字にしてあります。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

不要なプラグインがあれば削除してみたら解決するかもしれません。

それでも解決しないようであれば、
PHP の memory_limit を増やすやり方をサーバーの会社に問い合わせてみてください。

[対馬 俊彦]

[表示されている枚数] ＋ [1枚] 以上のスライドが必要、というのは
VK Blocks にバンドルされている JavaScript ライブラリ「Swiper」の仕様ですので、
対策はむずかしいと思います。

https://swiperjs.com/swiper-api#param-loop

以前にこのようなケースがあって、そのときは同じ3枚のスライドの組み合わせを複製して、
合計6枚にして対応しました。ページネーションは非表示にしました。

[対馬 俊彦]

一応営業用のデモサイトなので、ここに載せてよいのかどうか判断できませんので、
私のプロフィールに書いておきました。

[対馬 俊彦]

うまくいったようで、よかったです。

最初の質問に関してですが…
Evergreen のようなヘッダー透過のデザインだと、
マウスホバーでテキストが入れ替わる動きがいいカンジになりますね。
私のデモサイトでも使ってみました🥰

[対馬 俊彦]

林 有一 様、

このフォーラムは「一つの投稿内に複数の質問をしない」というルールになっています。
質問が複数あると、どこまで解決済みかわからなくなったり、他の人が検索するときに探しにくい、
という理由によるものです。

ということで、
「グローバルメニューのメニューの下線を消したい」という質問を新たに投稿していただくのがよいです。

【以下、追記です】

新たに投稿していただくのがよい、と書きましたが、
以下のトピックに答えがありますので、質問は不要です。

Lightning G3 でヘッダーナビの下線を消したい

[対馬 俊彦]

> var(–ujs_menu_height)などが何処に定義してあるのかも判らない状態ですが

先頭の :root { } のところで定義してあります。

var(–ujs_menu_height) → 62px
var(–ujs_text_height) → 20px
に置き換わって計算(calc)されます。

グローバルナビの高さやフォントサイズなどをカスタマイズしてある場合に対応しやすいようにこういうやり方をしていますが、特にいじっていなければ 62px / 20px のままの設定でいけると思います。

[投稿者]

投稿