【7月1日18時迄】ブログ始めるなら今!ドメイン永久無料&月額料20%OFFキャンペーン実施中

【最新版】Cocoonトップページをサイト型にカスタマイズ【設定変更だけでOK】 

ワードプレス

ブログのトップページをサイト型にカスタマイズする設定手順についてお伝えします。

 

Cocoonをワードプレステーマとして使用されている場合、HTMLやCSSをいじらなくても設定の変更だけであっという間にサイト型へのカスタマイズができます。

 

ふくちゃん
ふくちゃん

サイト型トップページはこんな感じ。(パソコンで見た際のこのブログです)

まず新着記事が表示されます。

その下に各カテゴリーの記事が並びます。

>>トップページをみる

 

通常の投稿した記事が順番に並んでいるトップページより、カテゴリーが表示されていた方が「ぱっと見」でどんなブログがわかりやすい、というメリットがあります。

準備編:Cocoonを最新バージョンにアップデートします

設定の変更だけでCocoonをサイト風カスタマイズするにはテーマ(テンプレート)が古いバージョンですとその機能が備わっていない可能性があります。

 

ふくちゃん
ふくちゃん

まずCocoonを最新バージョンにアップデートしましょう。5分もかかりません。

 

①ワードプレスの左側のメニューから「ダッシュボード」⇒「更新」

 

②画面を下にスクロールし「テーマ」へ。Cocoonにチェックを入れて「テーマを更新」をクリック。

 

ふくちゃん
ふくちゃん

上記の画面にCocoonが表示されてなければすでに最新バージョンにアップデートされてるので何もしなくていいよ。

 

「Cocoonの更新に成功しました」と表示されたらアップデートは完了です。

Cocoonでトップページをサイト型に変更する設定手順

①Cocoon設定⇒Cocoon設定へ

 

「インデックス」のタブをクリック

 

③フロントページタイプを選びます。※「一覧」を選ぶと通常の新規記事が並ぶ表示になります。

ふくちゃん
ふくちゃん

このブログのトップページは「カテゴリごと(2カラム)」あなたのブログにぴったりの表示を選んでね。

 

④トップページに表示するカテゴリーを選びます。表示させたくないカテゴリーがあればチェックをはずしてください。

 

⑤各項目でお好みの見た目に整えていきます。

タムタム
タムタム

「スニペット」は記事の説明文だよ。

 

⑥「変更をまとめて保存」をクリックして完了です。

 

ふくちゃん
ふくちゃん

できあがったトップページをみながら見た目を調整していけばオッケー。スマホ・パソコンの両方でチェックしようね。

まとめ:記事数が増えたらトップページをサイト型カスタマイズ

50記事~100記事の投稿が完了し、各カテゴリーにまんべんなく記事の投稿できたらトップページをサイト型にしてみることをおすすめします。

 

あなたのブログに訪れた読者さんが「トップページをみればどんなブログかわかる」という表示になります。

 

Cocoonなら設定を変更するだけでOKなのでぜひ試してみてくださいね。

タイトルとURLをコピーしました