タイトルの下にキャッチフレーズを表示する方法

※Principle6.0以降では、この機能は標準装備となっております。

キャッチフレーズとは

 WordPress管理画面の設定一般にキャッチフレーズという欄があります。
desc1

 このキャッチフレーズ欄には、そのサイト(ブログ)の簡単な説明文を書きます。

キャッチフレーズをタイトルの下に表示する

 Principleでは、デフォルトではこのキャッチフレーズをサイト内に表示はしていません。
 ogp設定の中で使っています。参考:OGPの設定方法

 もしタイトルの下に、このキャッチフレーズを表示したい方は、header.phpを以下のようにカスタマイズしてください。

 デフォルトのheader.phpに以下のコードを挿入します。

<p class="blog_title" style="font-size:1em; line-height:1.6; padding-top:0;"><?php bloginfo('description'); ?></p>

※テンプレートファイルをいじる際はバックアップを取るようにして下さい。

[header.php]

<div id="header">
   <div class="title_back">
      <?php if(is_front_page() || !is_singular()){ ?>
         <a class="no-deco" href="<?php echo home_url(); ?>"><h1 class="blog_title"><?php bloginfo('name'); ?></h1></a>
      <?php }else{ ?>
         <a class="no-deco" href="<?php echo home_url(); ?>"><p class="blog_title"><?php bloginfo('name'); ?></p></a>
      <?php } ?>
   </div><!-- .title_back -->
   <p class="blog_title" style="color:#fff; font-size:1em; line-height:1.4; padding-top:0; padding-right:0;"><?php bloginfo('description'); ?></p>
   <?php if(get_header_image() != ""){ ?>
      <img class="header_pic" src="<?php header_image(); ?>" alt="<?php bloginfo('name'); ?>">
   <?php } ?>
</div><!-- #header -->

 ↑これはheader.phpの一部です。
 場所を間違わないように、赤字の部分を追加して下さい。

 文字の大きさや行の高さを変えたかったら、数字の部分を適当に変えてみてください。

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す



*

関連記事

noimage
Google Analyticsのコードはどこに貼ればいい?
Principleは親子で使ってこそ最強!子テーマについての解説
プロフィール欄の設定方法
ソーシャルボタンの設置方法
OGPの設定方法
noimage
親テーマをバージョンアップする方法
noimage
noimage
子テーマを使ってPrincipleを超簡単カスタマイズ
AdSenseの設定方法
WordPressでブログを始めるなら、絶対初めにするべきこと
全くの初心者がWordPressでブログを始める方法
【WordPress】訪問別PVが増える魔法のコードと、タグの使い方

Menu

HOME

TOP