対馬 俊彦
フォーラムへの返信
-
投稿
-
同じような操作をして、このページでは保存できるけど、このページだとできない、
という現象は WAF の誤検出である可能性が高いです。WAF を無効にしてから反映されるまで時間がかかることがあるので、
10分くらい待ってから試してみたらうまくいくかもしれません。WAF が原因かどうかは、さくらインターネットのサーバーコントロールパネルで
WAF検出ログ を確認すればわかります。> 設定項目が ON に設定されたときに上記のクラスがつく仕様に変更いたしました。
なるほど、あのコードはそういう処理を行っているんですね。
状況を理解しました。ご説明ありがとうございます。石川 様、
仕様変更とのこと、承知いたしました。
私がカスタマイズしたサイトはなんとか対応できると思います。
カスタマイズしたことを思い出せないサイトがありそうですが😅
ページを更新しなければなにも問題は起きませんし、
もし更新したとしてもちょっと見た目が変わるだけなので…
その都度対応していきます。Y.INABA 様、
情報、ありがとうございます。
コードを見ると、たしかに仕様変更のようですね。とりあえず、私がカスタマイズしたサイトでは現在のままでも、
元の HTML に戻っても、どちらでも意図した通りになるように
手を加えておこうと思います。既存のページを保存したら、スライダーのレイアウトが変わってしまった…
という現象があちらこちらで起きるのではないかと気になります。サーバーの会社に問い合わせてください。
.htaccess というファイルに以下の行を追加すると、
特定のIPアドレスの場合だけ WAF を無効にできる場合があります。<IfModule mod_siteguard.c> SiteGuard_User_ExcludeSig ip(***.***.***.***) </IfModule>***.***.***.***は自分のIPアドレスです。
自分のIPアドレスが変わらない通信回線を使っていることがこのやり方の前提です。このやり方はサーバー会社によって使えない場合がありますし、
同じサーバー会社によっても料金プランによっては使えない場合があります。さくらインターネットでも、「できる」という書き込みもあれば
「できない」という書き込みも見かけます。この問題の原因は WAF の誤検出なので、なにもしなくても
別の日に試すとうまくいって、その後も問題なく使えることもあります。いま、現象が起きてますね。
Lightning は端末の種別を判断して、
body タグに以下のどちらかのクラス名が付与されるようになっています。PC の場合: device-pc
モバイル端末の場合: device-mobile現在、トップページを表示すると、最初に device-mobile が付与されていて、
その後 device-pc に変わっています。これが「一瞬動く」の動作です。たぶん、サーバー側に device-mobile が付与されたキャッシュが残っているのだと推測します。
設置されております。「.htaccess」内にキャッシュの制御等がございましたので…
サーバーのこのあたりの設定を見直せばいいのではないかと思います。
> サイト表示時にグローバルナビが一瞬動く（広がる）現象
私の環境（Windows 11 ＋ Chrome / Edge / Firefox）ではこの現象が確認できません。
もし可能でしたら、具体的な動きをスクリーンショットか動画で提示していただくと
回答が得られやすいかもしれません。ことりさん、
このサイト を使うと、どこのサーバーを使っているか調べることができます。不思議ですね…。
念のために確認しますが、以下のページについての質問ですよね。
上記ページの HTML を見る限り、
[siteContentの上下余白を無しにする] にチェックがついていないようなんです。チェックをつければ、添付ファイルのように
siteContent-paddingVertical-off
が付加されて、余白がなくなるのが正常な動きです。siteContentの上下余白を無しにするにチェックをして保存して
↑この操作だけでやりたいことができるはずなんですが…
もう一度試してみたらうまくいくかもしれません。
横から失礼します。
スクロールしたときのボタンのスタイルの書き方は以下のようになります。
.header_scrolled .vk-mobile-nav-menu-btn.position-right { }スクロールしているかどうか以外にも以下のことを考慮して
ボタンのスタイルを CSS で記述する必要があります。[1] ログインしている状態かどうか（ツールバーの有無）
[2] タブレットなどのモバイル端末（body.device-mobile）への対応
[3] 画面幅を変えても見やすい位置になるように調整する下に行くほど難易度が上がります。特に [3] は苦労します。
いまのヘッダーのナビは項目が8個もあって文字数も多めですが、
これによりさらに [3] の難易度が上がっています。どうしてもやってみたい（やらなければならない）ということでなければ、
下記の代替案ではいかがでしょうか？(1) メニューを並べた固定ページを作る。
(2) 画面右側の [資料請求]・[モデルハウス予約] の上にボタンを追加して、(1) にリンクする。横から失礼します。
このエラーって、サーバーの負荷が高いことが原因で起きるようです。
昨日の夕方にエックスサーバーの一部のサーバーで「負荷上昇による著しい速度低下」が起きているので、これと関係あるのかもしれません。
カスタマイズ画面で設定した背景色の方が優先度が高いことが原因です。
以下のように!importantを追加してみてください。.page { background-color: #e8dcc5 !important; }【追記：ご質問者へ】
石川さんと私がほぼ同時に回答して、まったく違う考え方の回答なので
混乱してしまうかもしれませんが、両方試してみてご自分のサイトに
合いそうなやり方でどうぞ。> ハンバーガーメニューの横に電話ボタンを置きたかったので…
モバイル用ヘッダーのナビゲーションを削除して、代わりに電話のアイコンを置き、
（ハンバーガーメニューに被らないように）電話のアイコンの右マージンを設定すれば、
ハンバーガーメニューの左に置くことができますよ。> 今年前半に何等かの機能実装はしたいと考えています。
石川さん、ありがとうございます。楽しみにしてます🥰
> これは仕様なのでしょうか。
そういう仕様になってますね。
ナビゲーションは WordPress 標準のブロックで、
ちょっと試してみたところ、ご希望通りに動作させるのはかなり難しそうです。解決策ですが、Lightning 標準のモバイルナビはご希望の動作をします。
Lightning ヘッダー設定で
モバイル端末では Lightning 標準のモバイルナビゲーションを有効にする
にチェックをつけると、Lightning 標準のモバイルナビを使うことができます。下記ページの最後の方に説明があります。
【ひとりごと】
これ、X-T9 じゃできない、ってことか…サイトを拝見したところ、投稿の先頭に最終更新日だけが表示されていますので、
たぶん、検索エンジンはこの日付を認識してくれるんじゃないかと思います。実際、Bing 検索では現在そうなっていますし…。
このようにしたのが比較的最近なのだとしたら、
そのうちに Google 検索も期待通りの結果になるかもしれませんので、
しばらく様子を見てはいかがでしょうか。また、以下の CSS を追加すると日付の前に「最終更新日時」と表示されます。
.entry-meta-item-updated .screen-reader-text { clip-path: unset; position: static !important; }ご質問者のサイトで効果があるかどうかはわかりませんが、経験的には、
この文字を表示してある方が検索結果に最終更新日が表示されやすい傾向がある
と感じています。この表示が邪魔に感じなければ、試してみたらどうでしょうか？
ベクトル様、
このテキストは「最終更新日時」ではなく「最終更新日」の方が相応しいと思います。
いかがでしょうか？
