Q.ヘッダー画像を非表示にしたい
パソコン表示の時は、ヘッダー画像を表示したいのですが、スマホ表示の時はヘッダー画像を非表示にしたい。
A.下記のphpファイルの該当箇所を削除してください
今回は、通常記事の場合でご説明致します。各ページともにファイルが異なりますので、ページによってご設定ください。
編集するファイル：single.php
編集する箇所：
<?php if(!empty($image)) { ?>
<div id="header_image">
<div class="image"><?php if(!empty($image)) { ?><img src="<?php echo $image[0]; ?>" title="" alt="" /><?php } else { ?><img src="<?php echo bloginfo('template_url'); ?>/img/common/no_image4.gif" title="" alt="" /><?php }; ?></div>
<div class="caption" style="text-shadow:<?php echo $shadow1; ?>px <?php echo $shadow2; ?>px <?php echo $shadow3; ?>px #<?php echo $shadow4; ?>; color:#<?php echo $font_color; ?>; ">
<p class="title rich_font" style="font-size:<?php echo $font_size; ?>px;"><?php echo $headline; ?></p>
</div>
</div>
↓
<?php if(!empty($image)) { ?>
<?php if(is_mobile()) { ?>
<?php } else { ?>
<div id="header_image">
<div class="image"><?php if(!empty($image)) { ?><img src="<?php echo $image[0]; ?>" title="" alt="" /><?php } else { ?><img src="<?php echo bloginfo('template_url'); ?>/img/common/no_image4.gif" title="" alt="" /><?php }; ?></div>
<div class="caption" style="text-shadow:<?php echo $shadow1; ?>px <?php echo $shadow2; ?>px <?php echo $shadow3; ?>px #<?php echo $shadow4; ?>; color:#<?php echo $font_color; ?>; ">
<p class="title rich_font" style="font-size:<?php echo $font_size; ?>px;"><?php echo $headline; ?></p>
</div>
</div>
<?php }; ?>
各ページのファイルは、下記になります。
- お知らせページ：single-news.php
- 特別ページ：single-distinations.php
- 固定ページ：page.php
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！