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

ワードプレステーマ別

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

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、single-news.php

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

 ↓

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

 
single-work.php

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

 ↓

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

 
page.php、page-noside.php

<h2 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;"><?php the_title(); ?></h2>

 ↓

<h1 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;"><?php the_title(); ?></h1>

 
archive-news.php

<h2 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;"><?php echo esc_html($headline); ?></h2>

 ↓

<h1 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;"><?php echo esc_html($headline); ?></h1>

 
archive-work.php
「制作実績」という文言がありませんので、任意に設定頂くか、
キャッチフレーズ部分をh1にするには下記を編集ください。

<h3 class="title rich_font" style="…中略…" ><?php echo nl2br(esc_html($catch)); ?></h3>

 ↓

<h1 class="title rich_font" style="…中略…" ><?php echo nl2br(esc_html($catch)); ?></h1>

 
index.php 9箇所あります。

<h2 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;">…中略…</h2>

 ↓

<h1 class="headline rich_font" style="font-size:<?php echo esc_html($headline_font_size); ?>px;">…中略…</h1>

 
page-noside-notitle.php、page-notitle.php
記事の見出し(記事タイトル)部分がありませんので、記事内に任意に<h1>タグを入力ください。

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

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

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