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

TCDテーマPrecious:記事タイトルをh1に変更する方法

Q.記事タイトルがそのままh1になるようにしたいのですが、どこを変更すればよいのでしょうか?

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

①トップページでは<h1>、それ以外では<div>でロゴを表示するための変更
編集するファイル:functions/header-logo.php
編集する箇所:10行目付近

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

  ↓

  if($logo){
if(is_home()||is_front_page()){
    echo '<h1 id="logo_image" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h1>' . "\n";
}else{
    echo '<div id="logo_image" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></div>' . "\n";
}
  } else {
if(is_home()||is_front_page()){
    echo '<h1 id="logo_text"><a href="' . $url . '/">' . $title . "</a></h1>\n";
}else{
    echo '<div id="logo_text"><a href="' . $url . '/">' . $title . "</a></div>\n";
}
    echo '<h2 id="description">'. $tagline ."</h2>\n";
  }

②各記事の見出しをh1に変更
【投稿】
編集するファイル:single.php
編集する箇所:5行目付近

<h2 class="headline1"><span><?php echo $options['index_headline_blog']; ?></span></h2>

  ↓

<div class="headline1"><span><?php echo $options['index_headline_blog']; ?></span></div>

編集する箇所:11行目付近

<h2><?php the_title(); ?></h2>

  ↓

<h1><?php the_title(); ?></h1>

【固定ページ】
編集するファイル:
page.php(7行目付近)
page-co-noside.php(16行目付近)
page-co.php(15行目付近)
page-noside-short.php(14行目付近)
page-noside.php(14行目付近)
編集する箇所:

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

  ↓

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

【お知らせ】
編集するファイル:single-news.php
編集する箇所:7行目付近

<h2 class="headline1"><span><?php echo $options['news_headline']; ?></span></h2>

  ↓

<div class="headline1"><span><?php echo $options['news_headline']; ?></span></div>

編集する箇所:11行目付近

<h2><?php the_title(); ?></h2>

  ↓

<h1><?php the_title(); ?></h1>

【商品】
編集するファイル:single-product.php
編集する箇所:7行目付近

<h2 class="headline1"><span><?php echo $options['news_headline']; ?></span></h2>

  ↓

<div class="headline1"><span><?php echo $options['news_headline']; ?></span></div>

編集する箇所:11行目付近

<h2><?php the_title(); ?></h2>

  ↓

<h1><?php the_title(); ?></h1>

③h1のスタイル調整
管理画面【外観】→【テーマオプション】→【基本設定】→「カスタムCSS」に下記をコピー&ペーストしてください。

 
h1.product_title {font-size: 1.17em; }
#post_title h1 { margin:0; padding:0; font-size:18px; line-height:160%; }
@media screen and (max-width:768px){
#post_title h1 { margin:0; padding:0; font-size:18px; line-height:160%; }
}

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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