[対馬 俊彦]

私の以下のサイトで試したところ、ご質問者とほぼ同じメッセージが表示されました。

WordPress 6.0.3

Lightning 15.5.1 (G2モードで動作)

VK All in One Expansion Unit 9.87.0.1
VK Block Patterns 1.25.6
VK Blocks 1.51.0.1

※テーマ、プラグインは Pro 版ではありません。

【対策として行ったこと】

wp-config.php の最後近くにある

define('WP_DEBUG', true);

を

define('WP_DEBUG', false);

にするとメッセージが表示されずに、作業しやすくなります。

【その後で試したこと】

このサイトを WordPress 6.1.1 にアップデートしたら、

define('WP_DEBUG', true);

にしてもメッセージが表示されなくなりますので、WordPress のバージョンが原因に関わっているようです。

【以下、余談です】

WordPress 6.1.1 って、リストブロック関係の重大なバグがあり(と私は思っている)、既存サイトを 6.1.1 にアップデートするのを躊躇っています。

6.1.2 で修正されるらしいので、それを待っていますが、もう 6.2 リリースの情報が出てきましたね。

[対馬 俊彦]

【エラーの原因について】

私もロリポップを使っていますが、「工務店 TOP」で同じエラーが起きています。

原因は WAF の誤検知です。

この手のエラーは何日か後でまた試してみるとエラーが起きなくなっていることがあります。

どういう条件のときにエラーが起きるかわからないので、

該当するパターンにひとこと入れておいて…

というのは現実的ではないのかもしれません。

【とりあえずのエラー回避策 – ハイスピードプランでも可】

まず WAF を無効にして編集画面を開く必要があります。

エラーが起きている投稿リストブロックの カスタム CSS のコメント (添付画像の赤枠で示した部分) を削除すれば、WAF を有効に戻してもエラーが起きずに設定変更できるようになります。

CSS にコメントを書くと、WAF が誤検出することがよくありますし、
transition: top... だとエラーになって、transition: all... にしたらOK、なんてこともありました。

【もうひとつのエラー回避策 – ハイスピードプランでは不可】

.htaccess に以下の行を追加して、自分自身のIPアドレス xxx.xxx.xxx.xxx を WAF のチェックから除外できます。

<IfModule mod_siteguard.c>
SiteGuard_User_ExcludeSig ip(xxx.xxx.xxx.xxx)
</IfModule>

このやり方はロリポップのスタンダードプランでは使えますが、ハイスピードプランでは使えません。

他のサーバーではこういったことは起こらないのでしょうか？

ロリポップ以外でも起こることがあります。

• この返信は2年、 3ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

サイドバーの位置（PC閲覧時）を、下端固定優先、上端固定優先のいずれに設定しても
状況に変化はありませんでした。

サイドバーを固定しない にしてみたらどうなりますか？

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

横から失礼します。

サイドバー表示不具合の直接の原因ではないかもしれませんが、
貼り付けた CSS に入力した文字がまだ間違っているように見えます。

添付画像をご参照ください。

赤矢印で示した部分の文字が正しくないようなので、CSS を修正してみてください。

青矢印で示した文字を緑矢印で示した位置にコピー(入力)すれば正しい表記になります。

【以下、追記です】

このフォーラムではマイナス「-」を2つ並べて書くと自動的に違う文字になるんですね。
そのことに気づかずに投稿してしまい、すみませんでした。

だとすると…

.main と .sub で始まるクラス名は正しく CSS に入力されているかもしれません。

calc の数式で指定されている「-」を修正するだけでいいかもしれません。

【2つめの追記です】

以下のように ↓ コードで書いたら文字がそのまま表示されています。

@media (min-width: 992px){
.main-section--col--two {
width: 82.5%;
}
.sub-section--col--two {
width: calc(17.5% - 2rem);
}
}

これを CSS として貼り付けてみたらうまくいくかもしれません。

• この返信は2年、 3ヶ月前に対馬 俊彦が編集しました。
• この返信は2年、 3ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

② の操作を行うとハンバーガーメニューが閉じるのが Lightning の仕様なので、
閉じないようにするのは難しそうですが…

試しに以下の jQuery を書いたらメニューが閉じないようになりました。

$(".vk-mobile-nav li > a").click(function(){
  $('.vk-mobile-nav').addClass('vk-mobile-nav-open');
  $('.vk-mobile-nav-menu-btn').addClass('menu-open');
});

ただし、これはテーマ側で行っている処理と喧嘩するので、
たまたまうまくいってるだけで、実行のタイミングによっては
期待通りの結果にならないかもしれません。(未検証です)

どうしてもハンバーガーボタンを使いたいのであれば、
PHP / jQuery 等のスキル(勉強)が必要になりますが、
デフォルトのハンバーガーボタンを display:none; で非表示にして、
クリックで閉じないハンバーガーメニューを独自に実装するのが
確実な方法だと思います。

ハンバーガーボタンにこだわならいのであれば、固定ページでメニューを作って、
このページ経由で閲覧してもらうようなやり方も検討するといいかもしれません。

[対馬 俊彦]

わぁ… ありがとうございます!!

楽しみにしています。

[対馬 俊彦]

何かうまくいかなかったようです。時間を置いてもう一度お試しください。

一時的にエックスサーバーの WAF を無効にすれば、
このメッセージが消えて G3 モードに切り替わるかもしれません。

[対馬 俊彦]

石川さん

私の環境 ( Windows 11 ＋ Chrome / Firefox ) で症状を確認できました。

新規固定ページに段落ブロックを追加するだけで症状が再現します。

添付の動画で動きをご確認ください。

フォントサイズをクリックすると設定パネルが左上に飛んでいきます。
動画で「L」をクリックしているところです。

設定パネルが左上にある状態をデベロッパーツールで確認した画像も添付します。

私の場合、フォントサイズを設定してある部分の設定パネルを開くと正しい位置に表示されます。

【以下、追記です】

症状を再現した環境は以下の通りの最小構成です。

WordPress 6.1.1
　＋
テーマ
Lightningバージョン 15.4.0 親テーマ
　＋
プラグイン
Lightning G3 Pro Unit 0.23.4
VK Blocks Pro 1.48.1.0
WP Multibyte Patch 2.9

• この返信は2年、 3ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

VK Blocks のスライダーで枠外にはみ出したものが表示されないのは
以下の CSS が効いているからです。

.swiper-container {
    overflow: hidden;
}

hidden を visible にすれば表示されます。

[対馬 俊彦]

VK Blocks のスライダーブロックについて質問されている、
という前提で回答します。

コンテナが overflow: hidden; になっているので、
overflow: visible; に変更すれば表示されると思います。

[対馬 俊彦]

外観 → ウィジェット → フッターウィジェットエリア2

にある ソーシャルアイコン です。

アイコンの色を一時的に白以外に変更しないと作業ができないです。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

横からすみません。

Lightning G3 ではテーブルのフォントサイズが本文よりも小さめになるように以下の CSS が設定されています。

table td, table th { font-size: var(--vk-size-text-sm); }

ブロックエディターのタイポグラフィの設定がこの CSS に負けているために設定が効かなくなっていることが原因なのですが…

* テーブルが本文と同じフォントサイズになってもかまわない
* テーブルと本文が同じフォントサイズの方が好みである ← 対馬はこちらです

という場合、子テーマの style.css などに以下の CSS を追加すればタイポグラフィの設定が反映されるようになります。

table td, table th { font-size: unset; }

Lightning Pro でもこのやり方が使えます。

[対馬 俊彦]

横からすみません。

もうひとつの案として、
WordPress コアの検索ブロックだと、デフォルトで空白をはじいてくれます (^^♪

ただし、資料を限定的に公開したい という目的なので、
空白のチェックだけだと不十分なのでは？ と感じます。

例えば、検索キーワードに「が」または「は」を指定すると、
日本語サイトの場合はほぼすべてのページがヒットしそうです。

DRILL LANCER さんが回答されているやり方がよいと思いますし、
資料の数が多かったり、見せたい相手のパターンが複雑ならば、
希望に合うようなプラグインを探すのがよいと思います。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

数値を大きくして試してみたのですが、変化は起きませんでした。

アップロード済みの画像にはこの設定が反映されません。

アイキャッチ画像を再度アップロードすれば変わると思います。

私は使ったことがないので詳しくは知りませんが、
アップロード済みの画像のサムネイル画像を再生成するプラグインがあります。

アップロード済みの画像が多いなら、
そういうプラグインを使って再度アップロードする手間を省けると思います。

[対馬 俊彦]

興味があったので調べてみたところ…

Lightning G3 Pro Unit では 大サイズ の画像が投稿のページヘッダー背景画像として使われています。

なので、[メディア設定] → [大サイズ] の数値を大きくすればよいのではないかと思います。

[投稿者]

投稿