-
投稿者投稿
-
2023年4月3日 11:31 AM #121100
【お使いの Snow Monkey のバージョン】20.0.1
【お使いの Snow Monkey Blocks のバージョン】バージョン 19.0.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.2.0
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
投稿詳細のページと、カテゴリーアーカイブのページの上部にデフォルトで同じメインビジュアルを表示させたい。
### 発生している問題
固定ページに画像ブロックでメインビジュアル画像を配置しているのですが、それと同じものを投稿詳細ページとカテゴリーアーカイブページに設置したいです。
### 試したこと
デフォルトページヘッダーを設置したのですが、画像ブロックと見え方が異なってしまいました。
詳細ページとアーカイブページでデフォルトで必ず同じブロックを表示させるという実装はどのようにすれば良いでしょうか。
何卒宜しくお願いいたします。
♥ 0Who liked: No user2023年4月3日 9:50 PM #121132基本的には次のいずれかになるのかなと思います。
1. デフォルトページヘッダー画像を設定する(固定ページも画像ブロックを使わずにページヘッダー + アイキャッチ画像を使用する)
2. フックを使って投稿とカテゴリーアーカイブに画像を追加する1が簡単だと思いますが、もし2でやる場合はページレイアウトによってどこにフックしたら良いのか(具体的にどこに画像をだしたいのか)でフックする位置が変わってくるので詳細を教えてもらえればと思います。
♥ 0Who liked: No user2023年4月5日 6:03 AM #121185ご回答いただきありがとうございます。返信が遅れ大変申し訳ございません。
デフォルトページヘッダーで実装してみたのですが、画像ブロックで配置したものと画面幅を動かしたときの挙動が異なっておりました。
画像ブロックはもとの画像のまま縮小、拡大されるのに対し、デフォルトページヘッダーは両端が切り取られて真ん中によっていきます(うまく説明出来ず申し訳ございません)
ですので、2の方法で実装できればと思います。
具体的に画像を入れたい箇所は、コンテンツの1番上になります。(ヘッダーのすぐ下です。)
また可能であればブレイクポイントで差し込む画像を切り替えたいです。
お忙しい中大変申し訳ございませんが、ご教示のほど何卒宜しくお願いいたします。
♥ 0Who liked: No user2023年4月5日 9:11 AM #121203具体的に画像を入れたい箇所は、コンテンツの1番上になります。(ヘッダーのすぐ下です。)
snow_monkey_prepend_contents
が全ページのヘッダーのすぐ下のフックポイントになります。下記のコードでとりあえず画像が表示できます。全ページで実行されるので、表示が不要なページは条件分岐で弾いてください。add_filter( 'snow_monkey_prepend_contents', function() { // トップページの場合は表示しない if ( is_front_page() ) { return; } ?> <img src="https://placehold.jp/1024x768.jpg" alt="" style="width: 100%"> <?php } );
また可能であればブレイクポイントで差し込む画像を切り替えたいです。
srcset
を使うのが一般的かなと思います。♥ 0Who liked: No user2023年4月5日 3:09 PM #121217 -
投稿者投稿
- トピック「投稿詳細ページとカテゴリーアーカイブページに固定で表示されるメインビジュアルを設置したい」には新しい返信をつけることはできません。