アーカイブページに説明文を入れる方法と5つのカスタマイズ
  • アーカイブページに説明文を入れる方法と5つのカスタマイズ
  • 記事公開:2017/07/07
  • 最終更新:-------------

アーカイブページに説明文を入れる方法と5つのカスタマイズ

アーカイブページに固有の説明文を設置する方法をご紹介します。コピペで設置できる様にしておりますので、興味のある方は挑戦してください。説明文周りの役立つカスタマイズも5つほど合わせてご紹介します。

この記事は約 10 分で読めます。

カテゴリーページとタグページに説明文を表示させる手順

以外と知らない方も多いのかも知れませんが、WordPressのアーカイブページには、固有の説明文を表示させることができます。

ここでいうアーカイブページとは、カテゴリーとタグのこと。
年別のアーカイブページなどに固有の説明文は表示できません。

カテゴリーページというのは、このサイトで言えば以下のページです。
WordPressのカテゴリーページ

タグページというのは、このサイトで言えば以下のページです。
カスタマイズののタグページ

また、説明文として表示できるのはテキストだけではありません。
HTMLを使えるようにすることもできますので、画像を設置したりレイアウトすることも可能です。

早速、カテゴリーページとタグページに説明文を追加する手順を見ていきましょう。

表示させる説明文を登録する

まずは、表示させたい説明文をカテゴリー単位で登録していきます。

説明文を登録したカテゴリーの編集画面を開きましょう。
管理画面「投稿」⇒「カテゴリー」⇒ 説明文を登録したいカテゴリーの「編集」をクリックします。

編集画面を見ると【説明】というテキストエリアがあります。
上記の赤枠部分です。

ここに登録した内容が、カテゴリーページの指定した個所に表示されることになります。

表示させたい説明文を登録してください。

後述するカスタマイズで、HTML反映させることができます。
HTMLタグを使用しても構いません。

タグページも同じ要領で説明文を登録することができます。
管理画面「投稿」⇒「タグ」⇒ 説明文を登録したいタグの「編集」から説明文を登録してください。

説明文をテーマ内で出力する手順

先ほど登録した説明文をカテゴリー(タグ)ページで表示できる様に、テーマファイルにコードを新しく追加します。

テーマによってカスタマイズするファイルが異なってくるのですが、今回はカテゴリーページもタグページも「archive.php」で管理しているものとして解説します。

「archive.php」で管理されていない場合、カテゴリーページとタグページを管理しているファイルを探し、そのファイルに後述するコードをコピペしてください。

テーマファイルから「archive.php」を開いてください。
管理画面「外観」⇒「テーマの編集」⇒「archive.php」とアクセスします。

説明文を表示したい箇所に以下のコードを記述しましょう。

カテゴリーページで説明分を表示させたい箇所に以下のコードを。

<?php echo category_description(); ?>

タグページで説明分を表示させたい箇所に以下のコードを。

<?php echo tag_description(); ?>

カテゴリーとタグで記述するコードが異なるので注意してください。

以上の操作で、カテゴリーページとタグページに個々の説明文を設置することができます。

実際に説明文を登録したカテゴリーページかタグページを確認してください。
説明文が表示されているかと思います。

ちょっとしたカスタマイズ5選

カテゴリーページとタグページに設置した説明文をカスタマイズしてみましょう。
知っておくと便利なカスタマイズを5つご紹介します。

説明文が未入力の時、説明文を囲む要素を消す

説明文をテーマに表示させる時、<div>など何らかの要素で囲むことが考えられます。
例えば、以下の様な感じですね。

<div id="test">
<?php echo category_description(); ?>
</div>

この様な場合、説明文が未入力の場合でも【<div id=”test”></div>】と空の要素が表示されてしまいます。marginなどを設定していると、レイアウトが崩れているように見えてしまうかもしれません。

空要素が表示されるのを回避するために、以下の様な条件分岐を加えてやりましょう。

<?php if(category_description()):?>
<div id="test">
<?php echo category_description(); ?>
</div>
<?php endif;?>

こうしてやれば説明文に入力がない場合、説明文を囲む要素【<div id=”test”></div>】も非表示にすることができます。

上記はカテゴリーページの場合です。
タグページの場合は、以下のように記述してやりましょう。

<?php if(tag_description()):?>
<div id="test">
<?php echo tag_description(); ?>
</div>
<?php endif;?>

説明文を1ページ目だけに表示させる

カテゴリーページもタグページも記事数が増えてくれば、一覧ページが何ページにも分割されるかと思います。その様な場合、前述したコードを記載するだけでは、説明文は全てのページで表示されることになります。

全ページに表示させても良い場合もありますが、最初の1ページ目だけに説明文を表示させたい場合もあるかと思います。
そんな時は、以下の様に条件分岐を加えてやりましょう。

<?php if(!is_paged()):?>
<?php echo category_description(); ?>
<?php endif;?>

これで、1ページ目にしか説明文が表示されなくなります。

タグページの場合は、以下のように記述してやります。

<?php if(!tag_description()):?>
<?php echo tag_description(); ?>
<?php endif;?>

説明文でHTMLタグを使えるようにする

説明文の中でHTMLタグを使いたいケースがあるかもしれません。

しかし、デフォルトではHTMLを使うことができません。
説明文のエリアにHTMLを記述しても、HTMLがそのまま表示されてしまいます。

HTMLタグを使えるようにする場合は、以下のコードをfunctions.phpに追記しましょう。

remove_filter( 'pre_term_description', 'wp_filter_kses' );

これだけで、説明文でHTMLタグが使えるようになります。

説明文でショートコードを使えるようにする

説明文の中でショートコードを使いたいケースがあるかもしれません。

しかし、デフォルトではショートコードをを使うことができません。
説明文のエリアにショートコードを記述しても、ショートコードがそのまま表示されてしまいます。

ショートコードを使えるようにする場合は、以下のコードをfunctions.phpに追記します。

add_filter( 'term_description', 'custom_term_description' );
function custom_term_description( $term ){
if( empty( $term ) ) return false;
return apply_filters( 'the_content', $term );
}

これだけで、ショートコードが使えるようになります。

説明文をリンクタイトルに反映させない

説明文を使用すると、その説明文がリンクタイトルとして使用されてしまう場合があります。
例えば、以下のテンプレートタグを使った場合など。

<?php wp_list_categories(); ?>

カテゴリー名が【WordPress】ですで、説明文が100文字程度だとした場合、カテゴリーページの【WordPress】へのリンクタイトル部分に100文字程度の説明文が挿入されてしまうわけです。

あまり好ましい状態ではありません。

そんな時は、テンプレートタグを以下の様に変更することで対応可能です。

<?php wp_list_categories('use_desc_for_title=0'); ?>

こうしておけば、説明文がリンクタイトルとして使用されなくなります。

まとめ

カテゴリーとタグページに説明文を入れる方法をご紹介しました。

単調なカテゴリーページやタグページにオリジナリティを出すことができます。
ぜひ、説明文を上手く活用してください。

今回の内容で分からないことがあれば、お問い合わせをいただければと思います。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2014-12-29

    ちょっと手間取った!WordPressで複数のカスタム投稿タイプを設置する方法

    カスタム投稿タイプを複数設置する場合、単純にカスタム投稿タイプを有効にするだけでは正常に動きません。このページでは、複数のカスタム投稿タイプをコピペだけで実装できる手順を解説しています。 記事を読む

  • 2016-09-10

    WordPressのパスワード保護ページをカスタマイズする方法

    WordPressのパスワード保護ページをカスタマイズする方法をご紹介します。パスワード保護ページのタイトルや本文をカスタマイズする方法です。興味のある方は、3分間だけこのコンテンツを見てください。カスタマイズ方法をマスターできます。 記事を読む

  • 2015-01-13

    WordPressのテキストエディタにプラグインを使わずオリジナルボタンを設置する方法

    WordPressのテキストエディタにオリジナルボタンを追加する方法をご存知ですか?頻繁に利用するタグを呼び出すオリジナルボタンを設置するだけでも、作業効率は大きく向上します。今回は、プラグインを使うことなく、WordPressのテキストエディタにオリジナルボタンを追加する方法をご紹介いたします。 記事を読む

  • 2015-02-04

    WordPress投稿画面の「ここにタイトルを入力」を別の文章に変更する方法

    WordPress投稿画面の「ここにタイトルを入力」を別の文章に変更する方法をご紹介します。投稿画面のタイトルを入力する項目に薄く表示されている文章を変える方法です。参考にしてください。 記事を読む

  • 2016-07-20

    レスポンシブ対策!電話番号リンクをスマホの場合だけ有効にする方法

    電話番号リンクをPC表示の場合は無効にする方法をご紹介します。レスポンシブサイトで電話番号サイトを設置すると、PC表示の場合もリンクが生きており上手くありません。この辺りをサクッと解決する方法をご紹介しています。 記事を読む

コメントを残す


(必須)