【Cocoonブログ】記事下のカスタマイズ方法

Cocoon

 

きりみ
きりみ

こんにちは、

アメリカ在住のきりみです!

 

ブログ運営歴も早4年目となりましたワタクシです。

 

前回は【cocoonのサイドページのカスタマイズ方法】についての記事を書きました!

 

 

今回の記事はブログを始めてCocoonの記事下のカスタマイズ】について書きたいと思います!

 

記事下は記事を読んだあとに目にすることになるので、ここが充実すると「他の記事を読みたい」とサイトに興味を持ってもらえます。

 

私も実際に記事下をいじったら、問い合わせやSNSへのアクセス数も上がったので良かったら参考にしてくださいね!

 

 

【Jetpack】ブログ更新通知設定方法

 

コメント欄の下には【メルマガ登録】欄を設定しています。

 

初期からずっとプロフィール欄にFeedyのアイコンを付けてましたが、自分でもいまだにフィーディーがなにか理解出来ていなく、そんなんだったら読者はもっと分からないだろうと思って辞めて、いまはJetpackからブログ購読設定をしています。

 

まずはWordPress管理画面の左メニュー「Jetpack」>「設定」へ移動します。

次に左から2つ目の「ディスカッション」をクリック。

 

 

ディスカッションページ下部の「購読」より、「訪問者が新しい投稿を購読したり、メールでコメントしたりできるようにします。」をクリックしてスイッチをON(青色)にします。

 

 

次にウィジェットに購読登録フォームを設置します。

 

 

ウィジェット名: ブログ更新通知

読者に表示するテキスト (オプション):最新記事の更新情報を受け取る

 

私はこのように少し変更して、成功テキストメッセージはそのままです。

 

弱小ブログなので【合計購読者数】は表示していません。

良かったら購読登録してね~(必死)

 

 

ボックスメニューでカテゴリー表示

 

コンテンツ下部にはアイコン付きでカテゴリーを表示しています。

 

親カテゴリーは「アメリカ生活」「K1ビザ」「カナダワーホリ」「国際恋愛」「ブログ運営」「日本生活」の6つに分けています。

 

どお?これなかなかかわいくない??

 

このイラスト付きのカテゴリーは、通常のカテゴリー設定とは違います。

私も最初はこの「ボックスメニュー」の名前が分からず、カテゴリーでばっかり検索して全くヒットせずに困って、Cocoonフォーラムで質問させてもらいました(汗)

 

 

実装に際して参考にしたのはこのページで、これだけで全て理解出来ました。

 

 

アイコン画像は【Font Awesome5】でカテゴリ名に連想されるものを片っ端から英語で検索して、一番かわいくて合ってるものを選びました。

 

 

人気記事ランキングの表示

 

【ボックスメニュー】の下には、人気記事を5つ表示しています。

 

サイドバーにも表示している人気記事ですが、これを設定すると「なになに、この記事が人気なの?!ちょっと読んでみようかしら」となって、ユーザー当たりのセッション数が上がります。

 

 

サイドバーでは【タイトルを重ねた大きなサムネイル】にしていますが、記事下は【デフォルト】で5つでアイキャッチ画像の横にタイトルが来るようにしています。

 

 

【ランキング表示】にチェックをいれることで、ランキング順位が表示されるのでより興味が惹かれます。

 

 

プロフィール

 

プロフィールが面白いと、そのままSNSに飛んでもらったりしてくれます。

 

まずプロフィールはwordpressの「ユーザー」→「プロフィール」から設定をします。

 

私のプロフィール欄には、TwitterとInstagramとPintarestのアイコンを表示していて、多分ここから飛んできてもらってるのか、最近K1ビザのこと等でインスタグラムのDMで質問されることが増えました!

 

 

「プロフィール情報」は長すぎず分かりやすく興味の持ってもらえる文章にしましょう。

あとはプロフィール画像のアップロードをお忘れなく!

 

 

文章を設定した後に、他と同じくウィジェットで位置を調整します。

 

ちなみに、問い合わせからでもツイッターからでもインスタからでも、必ず返信するので気軽に質問してくださいね~

お問い合わせ

 

 

まとめ

 

以上が私が設定しているCocoonの記事下ページカスタマイズ】でした。

 

コクーンはおしゃれで使い勝手も抜群で、とても無料テーマとは思えませんね!

作者のわいひら様に感謝です(*- -)(*_ _)ペコリ

 

これからもコクーンのブログサイトの作り方を紹介していきたいと思いまーす!

 

 

\ 無料でおしゃれ画像が作れるCanva愛用中です  /

 

 

\ Canvaのサムネイル画像の作り方  /

 

 

??????? ????? ????(????·????)???????? ??????? ???????????????? ??????? ???????????

COMMENT

メルマガ登録

ブログ最新記事の更新情報を受け取る