-
投稿者投稿
-
2020年12月11日 12:51 PM #62877
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】12.0.0
【お使いのブラウザ】chrome
【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)===
こちらのトピックの最後に「トップページのみオーバーレイにする方法」というコードがあったのでそのままmy snow monkeyにコピペしたのですがうまくいきません。
【状況】
トップページのみセクションブロックでメインビジュアルを設定
ヘッダーを「1行」「オーバーレイ(上部固定/スクロール時背景白)」に設定トップページ以外のページでは「上部固定」にしたいのですが、上のコードはそういったカスタマイズではなかったでしょうか?(phpはよく分からないのでコピペしかできません)
♥ 1いいねをした人: 居ません2020年12月11日 12:59 PM #62880補足
「うまくいきません」というのは固定ページなどでオーバーレイのままという状態です。
固定ページ・投稿ページでは「上部固定」にする方法があれば教えてください。
なぜか画像が挿入できませんでした・・・。♥ 0いいねをした人: 居ません2020年12月11日 2:15 PM #62889カスタマイザーのほうでヘッダーを「オーバーレイ」にしているということであれば「トップページ以外のときは上部固定」にするコードを書かないといけません。
add_filter( // PC 用ヘッダー位置をカスタマイズ 'theme_mod_header-position-lg', function( $value ) { // フロントページ以外であれば if ( ! is_front_page() ) { // 上部固定にする return 'sticky'; } // それ以外はカスタマイザーで設定したヘッダー位置 return $value; } );
♥ 0いいねをした人: 居ません2020年12月11日 2:52 PM #62890早速のご返答ありがとうございます。
カスタマイザーで「上部固定」にしていてもトップページのみオーバーレイにはなっていませんでした。ともあれ頂いたコードで無事切替ができました!
スマホでも同様の設定にしたいのですが、theme_mod_header-position-lg
ここを変えたらいいのでしょうか?♥ 0いいねをした人: 居ません2020年12月11日 3:20 PM #62893カスタマイザーで「上部固定」にしていてもトップページのみオーバーレイにはなっていませんでした。
あ、リンク先のトピックはちょっと古くて、前は
theme_mod_header-position
しかなかったんです。
今は PC がheader-position-lg
、モバイルがheader-position
なのでその影響だと思います。スマホでも同様の設定にしたいのですが、theme_mod_header-position-lgここを変えたらいいのでしょうか?
ですね。
header-position
にもフックすることになります。♥ 0いいねをした人: 居ません2020年12月11日 3:55 PM #62900ありがとうございます。
スマホ・PCともにトップページのみオーバーレイの設定が出来ました。リンク先のトピックはちょっと古くて、前は theme_mod_header-position しかなかったんです。
今は PC が header-position-lg、モバイルが header-position なのでその影響だと思います。初歩的なことかとは思うのですが、こういった関数?はどこかで調べることができますか?
♥ 0いいねをした人: 居ません2020年12月11日 5:45 PM #62912スマホ・PCともにトップページのみオーバーレイの設定が出来ました。
良かったです!
初歩的なことかとは思うのですが、こういった関数?はどこかで調べることができますか?
基本的にはコードを直接みるしかありません。
snow-monkey/app/customizer/
の中のcontrols/
ディレクトリ内にある各ファイルがカスタマイザーの各設定項目になっています。このファイル中にFramework::control( 'select', 'header-position-lg', [
のような表記があり、
header-position-lg
の部分が設定項目の名前となっています。これを見ていく感じですね。
ざっとみてよくわからないときはフォーラムに投稿いただければこちらで確認して返答しますので!♥ 0いいねをした人: 居ません2020年12月11日 6:28 PM #62915コードを直接見るしかないのですね。
今の知識では難しそうなのでまたお世話になるかと思います・・・。解決したのでトピック閉じます。お忙しいところありがとうございました。
♥ 1いいねをした人: 居ません -
投稿者投稿
- トピック「トップページのみヘッダーをオーバーレイにしたい」には新しい返信をつけることはできません。