プラグインを使わずWordPressのカテゴリー一覧ページに説明文をいれてみよう

2018年7月17日 2018年7月20日 5分44秒

WordPressでは、カテゴリーで「名前」「スラッグ」を入れたらすぐ

よくあるWordPressのカテゴリー一覧ページは次のようなもの。

「アフィリエイトを始める前に」の場合

カテゴリのタイトルがあって

そのあとに記事一覧があります。

これでも十分使えるのですが記事一覧の前に「説明文」を入れてみたい！

説明文を入れるとこんな感じになります。

うん！やっぱり冒頭になにか入っていたほうがわかりやすい！

と思った方は、ぜひこのページで設定方法について学んでいってください。

説明文をカテゴリー一覧ページへ挿入する方法

説明文のテキスト入力

サイドバーの「投稿」から「カテゴリー」を選択
登録されている「カテゴリー」から編集したい「カテゴリー」を選択
下にスクロールすると説明のテキストフォームがあります。

こちらにテキストを入力してください。

テーマのテンプレートを編集

サイドバーの「外観」から「テーマの編集」

「カテゴリーテンプレート(category.php)を選択」

このcategory.phpを編集します。

まずは、category.phpのバックアップを取ってください。

バックアップのとり方は、メモ帳などにコピーアンドペーストしておく程度で大丈夫です。

ここから先はテーマによって多少入力して設置する箇所が違う場合があります。

私が使っているテーマ「Diver」の場合は

の上に設置します


<?php if (is_category() && !is_paged()) : ?>
<div class="cat-post-main">
<div class="content"><?php echo category_description(); ?></div>
</div>
<?php else : ?>
<?php endif; ?>

一行ずつ説明します。

`<!-- 説明文 -->`	`<!-- xxxx -->`コメントと言われるものでブログには表示されません。ソースコードが何を記述しているかを書くものになります。
`<?php if (is_category() && !is_paged()) : ?>`	phpの条件文です。もし、カテゴリーの説明文にテキストが入っていたらどういう処理をするかになります。
`<div class="cat-post-main">` `<div class="content">` `<?php echo category_description(); ?>` `</div>` `</div>`	phpの条件文で「説明文が入っている場合」どういった処理をするかを入れます。今回は、「説明文」が入っていたら以下を表示させるという記述にしてます。 `<?php echo category_description(); ?>` こちらが説明文を挿入する為の記述で必須です。 ※classの「cat-post-main」や「content」はテーマによって異なります。
`<?php else : ?>`	phpの条件文で「説明文が入っていない場合」どういった処理をするかを入れます。ここは、なにも表示させず空欄のままにしてます。
`<?php endif; ?>`	phpの条件文を終了するという記述です。