[Simplicity]フロント(トップ)ページのページタイトルを消す方法


94f18a4a4db9391ea5582afb4c2483a5_s

Simplicityのテーマで、一般Webサイト(ブログサイトではない)を作成する場合、トップページ(フロントページ)を、固定ページにする方が多いと思います。

その場合、次の設定をします。

WordPressの管理画面の左メニューから、「設定」>「表示設定」と進み、「フロントページの表示」を固定ページに変更。

しかし、2点の不具合が発生します。

  1. トップページ(フロントページ)では、サイトタイトルがh1タグとなるので、ページタイトルのh1タグと合わせて、h1が2つ存在することになる
  2. トップページ(フロントページ)のメインコンテンツ内にページタイトルが表示される

①「h1タグ」は、1つのページ上に、1つとすべきです。

②トップページのメインコンテンツに「見出し」が大きく出るのは、不自然でブサイク。また、固定ペ−ジを作成した際のページタイトルが、そのまま出てしまう。

この2点の問題点を解決するために、『トップページ(フロントページ)のメインコンテンツ内にページタイトル(h1タグ)が表示されない』ようにします。

titiledisappear2

注意点
親テーマをいじるので、テーマを更新するたびに、変更が必要です。
スポンサーリンク

Simplicityのフロントページだけのページタイトルを消す

変更作業の概要

親テーマのpage.phpの一部を変更します。


<h1 class="entry-title"><?php echo get_the_title(); ?></h1>


<?php if(!is_home() && !is_front_page()): ?>

<h1 class="entry-title"><?php echo get_the_title(); ?></h1>
<?php endif; ?>

に変更します。

単に、「ページタイトルの出力コード」を「↓下の条件分岐構文」でサンドイッチしただけです。


<?php if(!is_home() && !is_front_page()): ?>
◯◯◯◯
<?php endif; ?>

上記のコードは、『フロントページ以外は、◯◯◯◯を表示する』というPHPの条件分岐構文です。

これにより、フロントページには、ページタイトルが表示されませんが、フロントページ以外では、ページタイトルが表示されます。

  • フロントページ   ⇒ページタイトル無し
  • フロントページ以外 ⇒ページタイトル有り
スポンサーリンク

 変更手順

  1. 親テーマの編集画面を開く
  2. 親テーマのpage.phpを開く
  3. ページタイトルのコードを探し、変更する

①WordPress管理画面の左メニューから、「外観」>「テーマの編集」と進みます。

そして、編集するテーマを親テーマに変更します。

②親テーマの右メニューから、固定ページテンプレート(page.php)をクリック

③page.phpの編集画面から、次のコードを探します。※上の方にあります。

<h1 class="entry-title"><?php echo get_the_title(); ?></h1>

titledisappear1

そして、上のコードを下のコードに変更します。

<?php if(!is_home() && !is_front_page()): ?>
<h1 class="entry-title"><?php echo get_the_title(); ?></h1>
<?php endif; ?>

最後に、「ファイルを更新」をクリックして終了です。

お疲れさまでした。

さらにメタ情報も非表示にするなら…

titledisappear4

上記のように「ページタイトル」だけでなく、「投稿日やカテゴリー表示などのメタ情報」も非表示にしたい場合は、以下のようにしてください。

<?php if(!is_home() && !is_front_page()): ?>
◯◯◯◯
<?php endif; ?>

で囲む範囲を、次のように広げます。

<?php if(!is_home() && !is_front_page()): ?>
 <h1 class="entry-title"><?php echo get_the_title(); ?></h1>
 
 <p class="post-meta">
 <?php get_template_part('datetime') //投稿日と更新日?>
 <?php get_template_part('edit-link') //編集リンク?>
 <?php wlw_edit_post_link('WLWで編集', '<span class="wlw-edit"><span class="fa fa-pencil-square-o fa-fw"></span>', '</span>'); ?>
 </p>
<?php endif; ?>

メタ情報の表示は<p class=”post-meta”>〜</p>で、出力されます。

このpタグも、囲むことによって、タイトル同様に、トップページ(フロントページ)のみ非表示にできます。

メタ情報が固定ページにおいて、不要ということでしたら、<p class=”post-meta”>〜</p>を削除してください。※page.phpの<p class=”post-meta”>〜</p>を削除して消えるのは、固定ページのメタ情報のみです。

最後に

一度のコピペで、終わる簡単作業なので、「テーマの更新」をした後でも、再度、簡単に変更できます♪

トップページ(フロントページ)は、Webサイトの看板なので、できる限り、こだわって作りたいですよね。

そのためにも、トップページの余計な「ページタイトル」を非表示にしてください。

ではでは…

スポンサーリンク
ページ先頭へ