カスタム投稿専用のカテゴリを作ってサイドバーに表示させるには

CSS, カテゴリー, サイドバー

こんにちは!

今日は、カスタム投稿にカテゴリーを持たせる方法や、プラグインを使ってサイドバーにカスタム投稿のカテゴリ一覧を表示したり、カスタム投稿の新着記事を表示する方法をご案内します!

カスタム投稿の実装には Pods – Custom Content Types and Fields (前述
ウィジェットの作成には Custom Post Type Widgets
という2つのプラグインを使用しますので初心者でもかんたんです!

カスタム投稿にカテゴリを作成する

Podsのカスタムタクソノミーを新規作成する

  1. メニューの「Pods Admin」から「新規作成」を開きます。
  2. コンテンツタイプで「カスタムタクソノミー」を選択し、LabelやPod Nameを入力します。
  3. 「Next Step」をクリックします。
  4. カスタム投稿新規作成img

  5. 「高度なオプション」タブを開いて、一番下のAssociated Post Typesの一覧から「つぶやき」にチェックをつけます。
  6. Associated Post Types-img

  7. 画面右側の「Save Pod」をクリックして保存します。
  8. 管理画面の「つぶやき」の中に「つぶやきのカテゴリー」があるのを確認します。
  9. CustomPost-Taxonomy

カスタム投稿にカテゴリーを作成する

通常投稿のカテゴリーを作るのと同じ要領で、「つぶやき」にカテゴリーを作成します。
ここでは、2つのカテゴリーを作りました。

CustomPost-category-img

カスタム投稿の記事をカテゴリーに分類する

「大掃除まだ?」の記事をカテゴリー「家事」に分類しました。
CustomPost-category-img

同様にすべての記事にカテゴリーを設定します。

プラグインでカスタム投稿用ウィジェットを作成する

Custom Post Type Widgetsをインストールする

Custom Post Type Widgetsキャプチャ画面

ウィジェットをサイドバーに追加する

「外観」→「ウィジェット」の一覧に新たに7種類のウィジェットが追加されています。
その中から、「カテゴリー(カスタム投稿タイプ)」を選んで任意のサイドバーに追加します。
その際、分類:からカスタム投稿のカテゴリーを選択しておきます。
カテゴリー(カスタム投稿)のキャプチャ画面
サイドバーにカスタム投稿のカテゴリが表示されていることを確認します。
CustomPostサイドバーに表示

カテゴリー一覧を表示させたのと同様、最近のカスタム投稿もCustom Post Type Widgetsプラグインを使えば、簡単にサイドバーに表示することができます!

デザインをカスタマイズする

通常の投稿の新着表示はルクセリタスオリジナルウィジェットに任せておいて、カスタム投稿の新着表示をカスタマイズしましょう。

Widget customizationキャプチャ画像

最近のカスタム投稿一覧をカスタマイズ

/* 最近のカスタム投稿一覧表示 */
#side .widget_recent_entries ul li:before {
	content: "\f09e";
	font-family: FontAwesome;
	margin-right: 7px;
	display: inline-block;
	color: #E44D26; /* アイコンの色 */
}
#side .widget_recent_entries ul li{
	border-bottom: 1px solid #e9e9e9;
    list-style: none outside;
}

テーマLuxeritas(ルクセリタス)で、記事の新着表示にデフォルトのウィジェット[最近の投稿]をお使いの場合、いっしょに変わっちゃいますので~

関連見出しのカスタマイズはこちらで

関連カテゴリー一覧のカスタマイズはこちらで

関連カテゴリーとアーカイブの一覧に下線を引くカスタマイズはこちらで

あとがき

こんなに便利なカスタム投稿機能が、どうしてWordPressにはデフォルトで備わっていないのか?理解に苦しむどらみです。
次回は、カスタム投稿で更新した記事をPing送信する方法についてご案内できるよう頑張りたいと思います。最後までお付き合いいただきましてありがとうございました。
それにしても、プラグイン使いすぎ・・・

参考プラグイン使いすぎるといろいろよくないです

0