• 現在、固定ページごとにヘッダー画像をページ分岐で変更しています。
    ここに更に、モバイル分岐を追加してスマホでの画像の表示を変更しようとしているのですが、上手くいきません。

    <?php if (is_home()) {?>
        <p><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/headerimage.jpg" alt="topヘッダー画像" widht="980px" height="450px"></p>
    <?php } else if (is_page('155')) { ?>
        <p><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/works_header.jpg" alt="worksヘッダー画像" widht="980px" height="450px"></p>
    <?php } else if (is_page('162')) { ?>
        <p class="about_header "><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/about_header.jpg" alt="aboutヘッダー画像" widht="980px" height="450px"></p>
    <?php } ?>

    現在、このようなマークアップでページ分岐をしています。
    スマホ分岐で画像を差し替えたい場所にabout_headerというクラスをつけています。この箇所をスマホの表示の時に別の画像に差し替えたいのですが可能でしょうか?

    ご教示いただけるとありがたいです。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • ヘッダー画像をスマホの表示の時に別の画像に差し替えることは可能でしょう。
    同じことを Moesia テーマではカスタマイズに設定があります。仕組みを探ってみるのも、何か参考になるかと思います。
    Moesia
    https://ja.wordpress.org/themes/moesia/

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「ページ分岐とモバイル分岐との組み合わせについての質問です」には新たに返信することはできません。