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

ワードプレステーマ別

TCDテーマOpinionの投稿ページのh1見出しを変更する

WordPressテーマ「NULL」

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

ダウンロード

Q.投稿ページのh1の内容を記事のタイトルにしたい

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

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


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

  if($logo){
    echo "<div id='logo_image'>\n";
    echo '<h1 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></h1>' . "\n";
    echo "</div>\n";
  } else {
    echo "<div id='logo_text'>\n";
    echo '<h1 id="logo"><a href="' . $url . '/">' . $title . "</a></h1>\n";
    echo '<h2 id="description">'. $tagline ."</h2>\n";
    echo "</div>\n";
  }

  ↓

  if($logo){
    echo "<div id='logo_image'>\n";
if(is_home()||is_front_page()){
    echo '<h1 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></h1>' . "\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";
}
    echo "</div>\n";
  } else {
    echo "<div id='logo_text'>\n";
if(is_home()||is_front_page()){
    echo '<h1 id="logo"><a href="' . $url . '/">' . $title . "</a></h1>\n";
}else{
    echo '<div id="logo"><a href="' . $url . '/">' . $title . "</a></div>\n";
}
    echo '<h2 id="description">'. $tagline ."</h2>\n";
    echo "</div>\n";
  }


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

         echo '.category-' . $category_id . ' #single_title h2 { background:#' . $cat_data['color1'] . "; } \n";

  ↓

         echo '.category-' . $category_id . ' #single_title h1 { background:#' . $cat_data['color1'] . "; } \n";


編集するファイル:single.php
編集する箇所:

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

  ↓

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


編集するファイル:header.php
編集する箇所:

.pc #global_menu li a, .archive_headline, .page_navi a:hover:hover,
#single_title h2, #submit_comment:hover, #author_link:hover,
#previous_next_post a:hover, #news_title h2,
 .profile_author_link:hover, #return_top, .author_social_link li.author_link a
 { background-color:#<?php echo $options['pickedcolor1']; ?>; }

  ↓

.pc #global_menu li a, .archive_headline, .page_navi a:hover:hover,
#single_title h1, #submit_comment:hover, #author_link:hover,
#previous_next_post a:hover, #news_title h2,
 .profile_author_link:hover, #return_top, .author_social_link li.author_link a
 { background-color:#<?php echo $options['pickedcolor1']; ?>; }


編集するファイル:style_pc.css
編集する箇所:

#single_title h2 { margin:0; font-size:16px; background:#ccc; color:#fff; padding:10px 15px; line-height:180%; }

  ↓

#single_title h1 { margin:0; font-size:16px; background:#ccc; color:#fff; padding:10px 15px; line-height:180%; }


編集するファイル:style_sp.css
編集する箇所:

#single_title h2 { (後略)

   ↓

#single_title h1 { (後略)

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

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

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