フォーラムへの返信
-
投稿者投稿
-
ありがとうございます!
お二人のヒントのお陰様で無事に実装することが出来ました。
どちらの方法でも実装できたので、
今後同じように実装したい方のためにコードメモしておきます。@まーちゅうさん
お客様のご要望で今回は「オーバーオール」ではなく「デフォルト」のままでの実装でした。
なのでヒントいただいた以下のようにして、無事実装することができました。.c-drawer-close-zone[aria-hidden=false] { background: rgba(3,3,3,.5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
navのところばかり見ていて
.c-drawer-close-zone[aria-hidden=false]
を利用するのは気が付かず
どんどん難しく考えてしまってました。
ありがとうございました。@GONSYさん
サイト参考になりました!
bodyに付与される「u-noscroll」を利用するのは全く思いつかなかったです。
教えていただいたコードからヒントを得まして以下のように実装できました。.u-noscroll .c-site-branding, .u-noscroll .l-contents, .u-noscroll .c-page-header{ filter: brightness(50%); } .u-noscroll .l-contents { background: rgba(3,3,3,.5); }
また一つ知識が増えました。
ありがとうございました。解決しましたのでトピックも閉じますね。
@まーちゅうさん、@GONSYさん、ありがとうございました!何度もすみません!
先ほどの質問とは別の方法で解決いたしました。先ほどの質問の意図ですが、
entry-summary-products.php
として上書きしてしまうと
一覧ページの写真の右上のカテゴリ表記が消えてしまっていたので
figure.php
やterm.php
も
何かしないといけなかったのかと思い質問しました。でも問題はそこではなく
カスタム投稿のアーカイブページのビューテンプレートを
「投稿のビューテンプレート」にすることで
右上のカテゴリ表記が復活しました。ただ「投稿のビューテンプレート」を選択すると
entry-summary-products.php
は上書きされないので
entry-summary-post.php
をMy Snow Monkeyへコピーして
カスタム投稿だけ上書きにする以下のコードにして解決しました!add_filter( 'snow_monkey_template_part_root_hierarchy_template-parts/loop/entry-summary', function( $hierarchy ) { if (get_post_type() === 'products'): //カスタム投稿 productsに限定する $hierarchy[] = untrailingslashit( __DIR__ ) . '/override'; endif; return $hierarchy; } );
もし上記コードの対応でおかしいようでしたらご指摘いただけますと幸いです。
どうぞよろしくお願いします!
すみません。
追加で教えていただけますと幸いです。template-parts/loop/entry-summary-products.php
の中では、
template-parts/loop/entry-summary/figure/figure
を読み込んでいますがfigureの内容もproducts用にしたかったら
figure-products.php
をMy Snow Monkeyの中に作って
以下のように追加で設定する必要がありますか?add_filter( 'snow_monkey_template_part_root_hierarchy_template-parts/loop/entry-summary/figure/figure', function( $hierarchy ) { $hierarchy[] = untrailingslashit( __DIR__ ) . '/override'; return $hierarchy; } );
♥ 0いいねをした人: 居ませんキタジマさんありがとうございます!
aタグは入れ子にできない…という初歩的なことで恥ずかしすぎます…。entry-summary-products.phpをMy Snow Monkeyの中に作って以下のように設定し、
無事に解決いたしました!add_filter( 'snow_monkey_template_part_root_hierarchy_template-parts/loop/entry-summary', function( $hierarchy ) { $hierarchy[] = untrailingslashit( __DIR__ ) . '/override'; return $hierarchy; } );
ありがとうございました!
今後ともどうぞよろしくお願いします。♥ 0いいねをした人: 居ません僕の環境だと特に透明になるということはありませんでした。Edge のバージョンは 44.18362.449.0 です。倉田さんのバージョンはいくつでしょうか?
キタジマさん、ご確認ありがとうございます。
バージョンは、38.14393.2068.0でしたので
最新のEdge(86.0.622.61)をダウンロードしてみたところ、
透明になっている現象がなくなりました!古いEdgeがダメだったようです。。
お騒がせして申し訳ございませんでした。。お客様の方にも、最新のブラウザで確認するように伝えていきます!
♥ 1いいねをした人: 居ませんありがとうございます!
まさに、軽量な FontAwesome を使用するにチェックが入っておりました。。
軽量にすると表示されないアイコンがあるんですね!
チェックを外したところ、無事にアイコンが表示されました。
気がつかず、すみませんでした。。♥ 0いいねをした人: 居ません早速のお返事ありがとうございます!
「モバイルのみに表示される」というのは Snow Monkey のデフォルトの機能で、ということすかね?それともご自身でモバイルのみに表示されるようにつくった何らかの機能でこの不具合が発生しているという感じでしょうか?
説明不足で失礼しました。
Snow Monkeyのデフォルト機能のメニュー
footer_navi(フッター固定ナビゲーション(モバイル用))
に設定したアイコンになります。Autoptimize が IE と Edge をサポートしていないという可能性もあるかも…?
なるほど。プラグインがサポートしてないという可能性もあるんですね!
引き続きどうぞよろしくお願いいたします。
♥ 0いいねをした人: 居ませんキタジマさん
修正のコードありがとうございます!
問題ございませんでしたー!♥ 0いいねをした人: 居ませんキタジマさん
コードをお送り頂きありがとうございます!
返信が大変遅くなり失礼しました!最後にお送りいただいたコードは、タイトルが出ましたが、
サイドバーがメインコンテンツの下に入り込むようになりました。その前に送っていただいたコードは問題ございませんでした!
どうぞよろしくお願いいたします。
♥ 0いいねをした人: 居ませんお忙しい中ありがとうございます!
そのまま貼り付けると、
「サイトに技術的な問題が発生しています。」と出てしまいます。。。
どこか間違えたかなと、よーく見ていますが取り急ぎご報告です。♥ 0いいねをした人: 居ませんすみません。
ウィジェットの設定で、
アーカイブページのサイドバー
を設定しましたら表示されました。
簡単なことでしたのに失礼いたしましたm_ _m
引き続きどうぞよろしくお願いします。
♥ 0いいねをした人: 居ませんアップデートして表示の確認できました!
早速のご対応ありがとうございます!今後ともどうぞよろしくお願いいたします。
♥ 0いいねをした人: 居ません -
投稿者投稿