WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマORIONのスマホ表示時に、ヘッダーを非表示にする方法

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
The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。