- このトピックには2件の返信、2人の参加者があり、最後に
により3年、 5ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
【お使いの Snow Monkey のバージョン】16.4.6
【お使いの Snow Monkey Blocks のバージョン】15.0.6
【お使いの Snow Monkey Editor のバージョン】 7.0.1
【お使いのブラウザ】Chrome【当該サイトのURL】
ローカル環境### 実現したいこと
特定のページのヘッダー画像を、PCおよびスマホ等でレスポンシブに切り替えたい
### 試したこと
ネットにて情報収集を行い、以下のページはヒットしたのですが、
今回実装したいのはデフォルトのヘッダー画像ではないので、上記所望の設定について言及している記事を結果的に見つけられませんでした。お手数お掛けし恐れ入りますが、ご教示いただけますと幸いです。何卒宜しくお願い申し上げます。
Who liked: No userちょっときれいなやり方ではないかもですが、下記のコードでとりあえず実現はできると思います。My Snow Monkey に貼り付けて調整してみてください。
add_filter( 'snow_monkey_template_part_render_template-parts/common/page-header', function( $html ) { // img タグを picture + source + img に置換 // 639px以下のときは source で指定した画像を表示する return preg_replace( '|(<img [^>]+>)|ms', '<picture> <source srcset="https://placehold.jp/100x100.jpg" media="(max-width: 639px)"> $1 </picture>', $html ); } );Who liked:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- トピック「特定のページのヘッダー画像をレスポンシブに切り替えたい」には新しい返信をつけることはできません。