採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマGorgeous:記事タイトルをh1、ロゴをDIVにする方法

Q.詳細ページで記事のタイトルを<h1>に変更したいのですが、方法はありますか。

A.下記の方法でカスタマイズしてください。

1. トップページではキャッチフレーズを<h1>、それ以外のページでは<div>とする

編集するファイル: header.php
編集する箇所: 83行目付近

<h1 id="site_description"><?php bloginfo('description'); ?></h1>

 ↓

 <?php if ( is_home() || is_front_page() ) : ?>
 <h1 id="site_description"><?php bloginfo('description'); ?></h1>
<?php else : ?>
 <div id="site_description"><?php bloginfo('description'); ?></div>
<?php endif; ?>
2. トップページではロゴを<h2>、それ以外のページでは<div>とする

編集するファイル: functions/header-logo.php
編集する箇所: 15行目付近

if($logo){
    echo '<h2 id="logo" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h2>' . "\n";
  } else {
    echo '<h2 id="logo"><a href="' . $url . '/">' . $title . "</a></h2>\n";
  }
}

 ↓

  if($logo){
	  if ( is_home() || is_front_page() ) {
    echo '<h2 id="logo" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h2>' . "\n";
	 } else {
		  echo '<div id="logo" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></div>' . "\n";
	  }
  } else {
	  if ( is_home() || is_front_page() ) {
    echo '<h2 id="logo"><a href="' . $url . '/">' . $title . "</a></h2>\n";
	  } else {
		  echo '<div id="logo"><a href="' . $url . '/">' . $title . "</a></div>\n";
	  }
  }
}
3. 各投稿ページの記事タイトルがh1になるように変更する

編集するファイル: single.php
編集する箇所: 6行目付近

<h2 class="headline1" id="page_headline"><?php the_title(); ?></h2>

 ↓

<h1 class="headline1" id="page_headline"><?php the_title(); ?></h1>

編集するファイル: page.php
編集する箇所: 6行目付近

<h2 class="headline1" id="page_headline"><?php the_title(); ?></h2>

 ↓

<h1 class="headline1" id="page_headline"><?php the_title(); ?></h1>

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

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

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