ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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>

     ↓

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

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

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事