[wordpress] Topページのページタイトルを非表示に

タイトル

WordPressでサイトを作る際のTopページの作り方をご紹介します。wordpressでは、固定ページをTopページとして設定する事が出来ます。その場合、通常の固定ページ同様にページタイトルが表示されてしまいます。TopページにTopページと表示されては変なので、Topページの時だけ非表示にする方法です。

WP Bootstrap Starterフレームワークを例にしています。応用で他のテーマでもカスタマイズできます。

タイトル

Topページを準備する

固定ページで任意の名前のページを作ります。例では「home」full widthで設定しました。

次に、「設定」→ 「表示設定」→ [ホームページの表示]で固定ページ(以下を選択) の「ホーム」中から先ほど作成したページを選択します。

ページの下の方[変更を保存]を押すのを忘れないでください。

Header Bannerを非表示にする

WP Bootstrap Starterには、Header Bannerが付いています。「Wordpress+Bootstrap4」という部分です。

「外観」→ 「カスタマイズ」→ 「Header Banner」の下の方「Remove Header Banner」にチェックを入れ[公開]を押してください。

タイトル

テンプレートのカスタマイズ

WP Bootstrap Starterフレームワークの場合、index.phpを見てみると get_template_part( ‘template-parts/content’, ‘page’ ); とあります。

親テーマのtemplate-parts/content-page.phpをコピーます。子テーマに[template-parts]フォルダを作り、その中に置きます。

タイトルを出力する部分のソースコードを見てみると、<h1 class=”entry-title”> の部分だという事が分かります。子テーマのcontent-page.phpを開きentry-titleの部分を探します。

<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header>

該当するタイトルを出力する部分を ”もし、front_pageでなければtitleを表示する” という風に書きます。

<header class="entry-header">
<?php if(is_front_page()) : ?>
<?php else : ?>
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
<?php endif ?>
</header>
これで、「home」というページタイトルが表示されなくなりました。(Topぺージ以外ではタイトルが表示されます)

Topページを書く

最初に作成した固定ページ(Topページ)に書けば良いだけです。

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください