フォーラムへの返信
-
以下のページを参考にお問い合わせページは非表示にできたのですが、
別のページにもフォームを設置しているので、そのページも加えたいです。お問い合わせページは 表示 で、それ以外は 非表示 でですか？
トピックで提示されている参考のコード
ページスラッグがcontactのとき以外、「reCAPTCHA」を読み込ませない
とありますので…
if ( ! is_page( 'contact' ) ) {の部分を
if ( ! is_page( array('contact', '該当するページのスラッグA', '該当するページのスラッグB') ) ) {で良いと思います。
!はcontact（ページ）を除く、を意味しています。is_page以外の条件はこちらが参考になると思います。いいねをした人:カスタムリンクでメニューが構成されていると思いますが、それぞれのメニューにクラス名をつけ、画面幅で表示を制御するのが簡単だと思います。
シングルページ内の遷移ということでu-smooth-scrollもつけておくと動きがあっておすすめです。
@media ( max-width: 768px ) { .pc_menu { display: none; } } @media ( min-width: 769px ) { .sp_menu { display: none; } }いいねをした人:
あるカテゴリーの記事一覧ページ
bodyに固有のクラス名が付与されていると思いますので、それと.c-entry-summary__contentの組み合わせとしてCSSで色を指定する方法が簡単だと思います。例えばこんな感じです。
.category-スラッグor番号 .c-entry-summary__content { color: #ff0000; }いいねをした人:
キタジマさん
アップデートして追加された機能を確認しました。
メニューで個別に設定できるのはとても良いですね！
素早い対応に感謝します。ありがとうございます。
今後はメガメニューを積極的に活用したいと思います。いいねをした人:
ここ、改めて考えると、ヘッダーが全幅になったときは親メニューも横に広がるからメガメニューもそれにあわせて全幅になるほうが素直なのでは？と思ったりしたのですがどうでしょうね？
そうですねぇー。ヘッダーが全幅の場合はメガメニュー内も全幅が自然かも。と思いました。
ちょっといろんなメガメニューを見てみましたが、結論が出ない感じになるので、CSSで調整するのが柔軟かな、とも思います。
ただ、有料のアドオンということで、カスタマイザーで【ヘッダーを全幅にする】下あたりに【メガメニューも全幅にする】みたいなチェックボックスが追加されるといいかもしれません。参考：コンテンツ幅のメガメニュー
参考：全幅／ヘッダーの幅にあわせたメガメニュー
参考：コンテンツより狭いメガメニュー風ドロップダウン（一部のぺージを除く）
いいねをした人:
横からすみません。
ローカルで検証していましたが、該当箇所をデベロッパーツールで見ると、--_container-max-widthがグレーアウトしており、定義されていません。と表示されます（下図黄枠参照）。
これを--_global--container-max-widthに差し替えると最大幅に合致するので、このあたりが怪しいかなーと思いますが、どうでしょうか。この対策として、自身の追加したCSSに定義しています。
:root { --_container-max-width: var(--_global--container-max-width); }いいねをした人:Snow Monkey フォーラムは、1トピックにつき1つの質問や話題というルールになっていますので、トピックは分けてください。
１．メガメニューで独自の画像を設定したい。
こちらのご質問ですが、メガメニューの画像はもともとアイキャッチ画像を表示させるようになっていると思いますので、アイキャッチのないアンカーリンクの場合は表示されません。
私がもし独自の画像を表示させるなら、通常のメガメニューに実装されている擬似要素に画像のURLなどを指定して表示させます。
※メニューのセレクタには、固有の番号が振られていますので、検証ツールでご確認ください。
例li#menu-item-番号 .snow-monkey-mega-menu__figure::before { background: url(画像のURL) no-repeat 50% 50% / cover; }いいねをした人:
こちらのトピックは Intuitive Custom Post Order（プラグイン）で投稿順を変更した場合の対応例があります。
【最近の投稿】ブロックなので、snow_monkey_recent_posts_widget_argsを使うと思いますが…あるブロックの場合だけ
とあるので、【最近の投稿】ブロックの HTML アンカーに
sort_postsと入力すれば
以下のように指定すれば、該当のブロックだけ適用されます。
snow_monkey_recent_posts_widget_args_sort_posts
あとは、前述のトピックにあるように $query_args を指定してあげればカスタムフィールドの値で順番は変更できると思います。$query_args['meta_key'] = 'カスタムフィールド名'; $query_args['orderby'] = 'meta_value_num'; // 数値 $query_args['order'] = 'ASC'; // 昇順（小さい→大きい）
もっとスマートな方法もあるかと思いますが、一度お試しください。いいねをした人:
こちらの設定はどのようになっていますか？
私の環境はこの（上図）状態で<i class="fa-solid fa-moon"></i>メニュー名でアイコンが表示されます。
理由：ページ速度最適化の「軽量なFontAwesome」にチェックを入れたいため
軽量なFontAwesomeは一部のアイコンなので、どれなら表示できるか試していきたいとのことですが、固定メニューの頻繁な変更がなければ、FontAwesomeを使用せず、擬似要素でSVGアイコンを入れることも可能だと思います。
いいねをした人:↑でご提示いただいたコード内にURLがあったので、サイトを拝見しました。
ナビゲーション下のアイキャッチ画像＋タイトルは、 この画像から、c-page-header__contentのh1と思い込んでましたが、コンテンツ上部に表示するc-entry__headerだったんですね。
アイキャッチもCSSのバックグラウンドで設定されていたようなので、気づきませんでした。
当然、この方法だとテンプレートの場所が違うので、私が示したコードでは何も起こりませんね（汗）このトピックの冒頭で提示されている
snow_monkey_template_part_render_template-parts/content/entry/header/headerは、テンプレート指定がcontentになっているのでおわかりかと思いますが、アーカイブページでは効きません。
アーカイブページの場合は、snow_monkey_template_part_render_template-parts/archive/entry/header/headerを使えば適用されると思います。
※WordPress をデバッグモードにするとソースコード上にどのテンプレートを読み込んでいるかが表示されるので、確認してみてください。
で、今回の対策案ですが、例えば・・・add_filter( 'snow_monkey_template_part_render_template-parts/archive/entry/header/header', function ( $html ) { if ( 'land' === get_post_type() ) { $html = preg_replace( '|(<h1 class="c-entry__title">.*?</h1>)|ms', '<h1 class="c-entry__title">土地情報</h1><p>初生・三方原エリア多数！</p>', $html ); } return $html; } );こんな感じではどうでしょうか？
もう仕事納めされているかと思いますので、年明けにでもお試しくださいませ。いいねをした人:
