Web・SNS集客実践 テクノロジー戦記

WordPressのカテゴリーの記事一覧をオリジナルにカスタマイズしろ!!

2016年4月14日

こんちにわ。

ITが苦手な会社をITが活用できる会社に変える専門家、Web集客先生のやまもと(@heronokenta)です。

今日は、随分前から書きたいと思っていた記事を書きます。

記事の内容はWordpressのカスタマイズ。このブログでも人気のある記事の一つです。

ぼくの紹介するWordpress関連のカスタマイズ方法は、基本的に初心者でもできる簡単且つインパクトのあるものを選んで書いています。

ちなみに、この方法は利用しているテーマでは動かない場合もありますので、あしからずご了承下さい。

では、早速、とっておきのカスタマイズ方法をシェアしていきます。

相棒は自称美人アンカーウーマンのカツヨです。

自動作成されるカテゴリーの記事一覧をカスタマイズする方法

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]Wordpressのカテゴリー一覧って自動生成されるじゃない?だから、Wordpressで作られているブログなら全部同じでしょ。ココをなんとか差別化できないかしら?[/voice]

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]良い質問ですね(池上彰風)

ちょっと、Wordpressでできたブログのカテゴリーの記事一覧を見てみようか。とりあえずは、ぼくのブログ。[/voice]

[su_note note_color="#ffffff" radius="0"]wp_category_01[/su_note]

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]まぁ〜、ごくごく一般的なカテゴリーの記事一覧よね。記事がだ〜〜〜〜〜って並んでるだけの・・・。[/voice]

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]ここの記事の一覧の上の部分に、画像や文字やリンクを入れて固定ページのや投稿ページのようにできると良いと面白いと思わない?[/voice]

[su_note note_color="#ffffff" radius="0"]wp_category_02[/su_note]

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]そうね〜。一覧だけより、わかりやすくなると思うわ。

差別化にも繋がりそうだし、みんなも喜ぶんじゃないかしら?[/voice]

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]じゃぁ〜、早速、手順を解説していくよ。[/voice]

 

プラグイン「Rich Text Tags」のインストール

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]まずは、プラグインのインストールが必要なんだ。プラグインの名前は「Rich Text Tags」。カテゴリーやタグの説明欄にHTMLを書く事できるようになるプラグインだよ。[/voice]

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]へ〜。そんなことが出来るようになるんだね。[/voice]

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]そうなんだよ。今回はカテゴリーの説明欄を使ってカテゴリー一覧の上部にコンテンツを追加するんだよ。

と、言うことで早速「Rich Text Tags」をインストールするよ。[/voice]

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]まずは、プラグイン→新規追加[/voice]

wp_category_03

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]次に、検索窓に「Rich Text Tags」を入力して、エンターキーね[/voice]

wp_category_04

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]検索結果に出てきたら、今すぐインストールをクリックね。[/voice]

wp_category_05

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]インストールが完了したら、プラグインを有効化をクリック[/voice]

wp_category_06

 

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]インストールが完了したら、早速、カスタマイズをしていこう[/voice]

 

カテゴリーの説明欄をコンテンツにする

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]オッケー。投稿→カテゴリーを開くわね。[/voice]

wp_category_07

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_surprise.png"]あ〜〜〜、カテゴリーの説明欄が変わってる!![/voice]

[su_row] [su_column size="1/2"]

インストール前

wp_categoy_13

[/su_column] [su_column size="1/2"]

インストール後

wp_category_08 [/su_column] [/su_row]

 

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]そそ。これで画像やリンクを書けるようになるんだよ。[/voice]

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]じゃぁ〜、早速、カテゴリーの説明欄を編集するわよ。[/voice]

wp_category_09

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]投稿や固定ページと同じね。[/voice]

wp_category_10

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_front.png"]とりあえず、さっき作った画像を貼ってみたわ。[/voice]

wp_category_11

 

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]更新したら、早速、カテゴリー一覧を見てみよう。[/voice]

wp_category_12

 

[voice type="l" name="カツヨ" icon="https://marketinghero.jp/wp-content/uploads/2015/11/ka24_surprise.png"]やった〜〜〜〜!!!!!

もっともっと、カスタマイズして差別化よ。[/voice]

[voice type="l" name="やまもと" icon="https://marketinghero.jp/wp-content/uploads/2015/11/yamamoto-smile2.jpg"]全てのカテゴリーの変更をしても良いし、必要なカテゴリーだけ変更しても良いからね。[/voice]

 

[btn class="big lightning"]今回カスタマイズしたカテゴリーの記事一覧を見る[/btn]

 

やまもとの視点

WordPressのカスタマイズに関する記事は、ググれば幾らでも見つけることができる。ぼくも色々なカスタマイズの方法を見つけては、自分自身のブログで試してきた。

しかし、現在使っているテーマ「ハミングバード」を導入してからは、カスタマイズにかける時間は圧倒的に減った。それほどまでに、ハミングバードは完成度が高い。

今回、カテゴリーの記事一覧をカスタマイズしようと思った時もググって色々な方法を見つけることができたが、この方法が最も簡単な方法だった。

しかも、ハミングバードのショートコードも使うことできる。

カテゴリーの記事一覧は、ほとんどのテーマでカスタマイズできない事を考えると、今回のカスタマイズはかなり喜んで頂けるのではないだろうか。

 

今回のカスタマイズの動作はこの「ハミングバード」で確認しています。有料の優良テーマです。お買い求めは下の画像をクリックして下さい。

 

-Web・SNS集客実践, テクノロジー戦記
-, ,