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

TCDテーマBRIDGE:記事タイトルをh1に設定する方法

Q.記事タイトルをh1に設定したいです。

記事タイトルをh1に設定した際は、ロゴは<div>トップページのみロゴテキストが<h1>という設定をしたいのですが、どのようにすればいいでしょうか。

A.下記ファイルをご編集下さい。

編集するファイル:functions/logo.php
編集する箇所:

 <h1 class="logo">
  <a href="<?php echo esc_url($url); ?>/" title="<?php echo
esc_attr($title); ?>">
   <?php if(!empty($logo_image)) { ?>
   <img class="pc_logo_image" src="<?php echo
esc_attr($logo_image[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($pc_image_width); ?>"
height="<?php echo esc_attr($pc_image_height); ?>" />
   <?php }; ?>
   <?php if(!empty($logo_image_mobile)) { ?>
   <img class="mobile_logo_image" src="<?php echo
esc_attr($logo_image_mobile[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($mobile_image_width);
?>" height="<?php echo esc_attr($mobile_image_height); ?>" />
   <?php } elseif(!empty($logo_image)) { // モバイル専用の画像が無い場合はPC用の画像を表示 ?>
   <img class="mobile_logo_image" src="<?php echo
esc_attr($logo_image[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($pc_image_width); ?>"
height="<?php echo esc_attr($pc_image_height); ?>" />
   <?php }; ?>
  </a>
 </h1>
 <?php if($options['show_tagline'] == 1){ ?><h2 id="tagline"
style="font-size:<?php echo esc_html($options['tagline_font_size']);
?>px;"><?php echo esc_html($tagline); ?></h2><?php }; ?>

     ↓

<?php if(is_front_page()){ ?>
 <h1 class="logo">
<?php }else{ ?>
 <div class="logo">
<?php }; ?>
  <a href="<?php echo esc_url($url); ?>/" title="<?php echo
esc_attr($title); ?>">
   <?php if(!empty($logo_image)) { ?>
   <img class="pc_logo_image" src="<?php echo
esc_attr($logo_image[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($pc_image_width); ?>"
height="<?php echo esc_attr($pc_image_height); ?>" />
   <?php }; ?>
   <?php if(!empty($logo_image_mobile)) { ?>
   <img class="mobile_logo_image" src="<?php echo
esc_attr($logo_image_mobile[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($mobile_image_width);
?>" height="<?php echo esc_attr($mobile_image_height); ?>" />
   <?php } elseif(!empty($logo_image)) { // モバイル専用の画像が無い場合はPC用の画像を表示 ?>
   <img class="mobile_logo_image" src="<?php echo
esc_attr($logo_image[0]); ?>?<?php echo esc_attr(time()); ?>"
alt="<?php echo esc_attr($title); ?>" title="<?php echo
esc_attr($title); ?>" width="<?php echo esc_attr($pc_image_width); ?>"
height="<?php echo esc_attr($pc_image_height); ?>" />
   <?php }; ?>
  </a>
<?php if(is_front_page()){ ?>
 </h1>
<?php }else{ ?>
 </div>
<?php }; ?>
<?php if($options['show_tagline'] == 1){ ?><?php if(is_front_page()){
?><h2 id="tagline" style="font-size:<?php echo
esc_html($options['tagline_font_size']); ?>px;"><?php }else{ ?><div
id="tagline" style="font-size:<?php echo
esc_html($options['tagline_font_size']); ?>px;"><?php }; ?><?php echo
esc_html($tagline); ?><?php if(is_front_page()){ ?></h2><?php }else{
?></div><?php }; }; ?>

編集するファイル:single.php、single-news.php、single-ranking.php、page.php、page-noside.php
編集する箇所:
ここではsingle.phpの記述を例にご案内いたします。
他のファイルにつきましてもh2タグを使用している箇所を同様に修正してください。

<h2 id="post_title" class="rich_font"><?php the_title(); ?></h2>

     ↓

<div id="post_title" class="rich_font"><?php the_title(); ?></div>

尚、誠に恐れ入りますが、テーマファイルのカスタマイズ、プラグインの使用、
設定方法につきましてはサポートの対象外となっておりますため、
万が一不具合が生じました場合弊社では責任を負う事ができかねます。何卒ご了承下さいませ。
つきまして、カスタマイズに関しましては必ずバックアップをご用意の上、
恐縮ながらお客様の責任において実施して頂けますようお願い申し上げます。

The following two tabs change content below.

tcd

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

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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