対馬 俊彦
フォーラムへの返信
-
投稿
-
提示していただいた情報だけだと、原因の特定ができませんし、
原因の推測も難しい気がします。外部から攻撃を受けたとのことなので、
もしかしたらその後遺症が残っているかもしれません。その固定ページの URL を提示していただけば、
回答を得られるかもしれません。固定位置を下げるのでよければ、↓これでいけそうです。
【想定】
top: 40px; を top: 100px; 相当の位置にカスタマイズする。
【手順①】
ウィジェット サイドバー(共通上部) に 60px のスペーサーブロックを置き、
追加 CSS クラス にsidebar-spacerと指定する。60px = 100px – 40px
【手順②】
以下の CSS を追加する。
aside:has(.sidebar-spacer) { display: none; /* スペーサーを含むウィジェットを非表示 */ margin-bottom: 0; /* ウィジェット下の余白をなしに */ } /* 2カラムレイアウトでスクロールしたときにスペーサーを表示する */ @media (min-width: 992px) { .header_scrolled .sub-section--col--two aside:has(.sidebar-spacer) { display: block; } }やりたいことが具体的にはわからないのですが、
なんとなく、VK Blocks Pro の固定表示ブロックが適していそうな気がします。解決したようでよかったです。
1点、気になったことがあるので、お伝えします。
PNG の画像をお使いですが、重たい画像なので、WebP に変換して使うといいですよ。
ファイルサイズが10分の1以下になります。カバーブロックの設定で 解像度 が 大 になっているので、
フルサイズ に変更してみてください。ご質問者がいまお使いのロリポップのプランは ライト または スタンダード だと思います。
もしそうであれば、PHP の設定が CGI版 と モジュール版 の2種類あります。
違いは以下の通りです。【CGI版】
PHP メモリ上限 128M （設定により増やすことができる）【モジュール版】
PHP メモリ上限 300M （増やすことができない）モジュール版には、WordPress を高速化できるというメリットもあります。
もしかしたら意図的に CGI版 に設定してあるのかもしれませんので、
業者に制作依頼して作ったサイトの場合などは、
念のため モジュール版 に変更して問題ないかを確認してください。ということで、現在の設定は CGI版 になっていると思いますので、
モジュール版に変更するだけでエラーが解消するかもしれません。デフォルトでナビゲーションブロックの説明が非表示になっているのは
WordPress の仕様↓みたいですね。.wp-block-navigation .wp-block-navigation-item__description { display: none; }ナビゲーションブロックの 追加 CSS クラス に
custom-navを指定して
以下のコードを書けば説明が表示されると思います。.custom-nav.wp-block-navigation .wp-block-navigation-item__description { display: block; }【追記】
たぶん、VK Blocks Pro をお使いなので、追加 CSS クラス を使わず、
カスタム CSS に以下のコードを書く方が楽ですね。selector .wp-block-navigation-item__description { display: block; }以下のトピックでうなこさんが回答されている CSS で幅が狭くなります。
このトピック↑はアーカイブページに関する質問ですが、
表示タイプをカードに設定してある選択投稿リストでも同じコードが使えます。VK Blocks Pro の投稿リストは自動的に文字の色を濃くする仕様になっていません。
投稿リストを使わずに、クエリーループで作って、
カテゴリーの表示に VK Blocks Pro のカテゴリーバッジを使えば
自動的に文字の色が濃くなります。学習塾トップページのお知らせのブロックをコピーして使うのがかんたんです。
ベクトレのレッスンが参考になります。
該当なしのメッセージのフィルターフック vk_blocks_post_list_render_no_post は
投稿リストブロックと共通なので、上記のページのコードがそのまま使えます。【追記】条件を以下のように書いた方がよさそうです。
if ( $wp_query->found_posts === 0 && $wp_query->query['post_type'][0] === 'info2' ){info2はカスタム投稿タイプ お知らせ２ のスラッグです。うまくいったようでよかったです。
参考にされた5年前のトピックの CSS は、
Lightning 標準のモバイルメニューのボタンをカスタマイズするコードです。
このボタンには MENU のテキストが隠れていて、それを表示するだけでよいので、
かんたんに表示できました。そのコードでボタンの下に MENU と表示されるはずですが…
> 表示はアイコンボタンにしているのですが、
デフォルト状態ではないってことでしょうか？
VK All in One Expansion Unit 9.117.0 にアップデートして、
画像の幅と高さの入力欄が追加されていることを確認しました。
ご対応ありがとうございます。> サイズ入力欄を追加する方がいいかな…
もしかしたら、もうこの機能を CSS でカスタマイズして使い始めた方が
いるかもしれませんので、その方が無難かもしれませんね。サイズ指定なしで img タグでそのまま出力してもらった方がありがたい派
vs
サイズ指定できた方が画像を縮小しないでいいからありがたい派どっちが多いんだろう？
Lightning 15.35.2 / Lightning Pro 8.27.1 にアップデートして、両方とも
$options['header_scroll']
$options['header_scrool']
のどちらでも期待通りの結果になることを確認しました🙌ご対応、ありがとうございました。
