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

ワードプレステーマ別

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

WordPressテーマ「NULL」

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

ダウンロード

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

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

1. トップページでは<h1>、それ以外では<div>でロゴを表示させる

編集するファイル: functions/logo.php
編集する箇所: 2箇所ずつあります。

<h1 class="logo">

 ↓

<?php if(is_front_page()){ ?>
 <h1 class="logo">
<?php }else{ ?>
 <div class="logo">
<?php }; ?>

 

</h1>

 ↓

<?php if(is_front_page()){ ?>
 </h1>
<?php }else{ ?>
 </div>
<?php }; ?>
2. 記事の見出しをh1に変更

single.php、page.php、page-noside.php

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

 ↓

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

 
page-noside-notitle.php、page-notitle.php
記事の見出し(記事タイトル)部分がありませんので、記事内に任意に<h1>タグを入力ください。
 
page-profile-noside.php、page-profile.php(プロフィールページ)
記事の見出し(記事タイトル)部分がありませんので、記事内に任意に<h1>タグを入力頂くか、
もしくは、「ユーザーの名前」をh1にするには下記を編集ください。

<h3 class="user_name"><?php echo esc_html($user_name); ?></h3>

 ↓

<h1 class="user_name"><?php echo esc_html($user_name); ?></h1>

 
index.php(アーカイブページ)
カテゴリー名の部分をh1にする方法です。

<h2 class="headline"><?php echo single_cat_title('', false); ?></h2>

 ↓

<h1 class="headline"><?php echo single_cat_title('', false); ?></h1>

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

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

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