【決定版】ポジティブになれる5STEP!
スポンサーリンク

cocoonブログのトップページを劇的に変える方法!【コピペOK】

ブログ

今回は、ブログのトップページを劇的に変えることができたので情報共有します

 

Drオレンジ
Drオレンジ

こんにちは!Drオレンジです。

 

今回は、ブログのトップページをめちゃくちゃ大幅に変えることができました。

CSSやHTMLの知識がほとんどなくてもできますので、この記事を読んでいるcocoonユーザーはぜひマネしてみてください!

スポンサーリンク

トップページのビフォーアフター

それでは、どのように変わったのか当ブログのトップページビフォーアフターを公開します。

 

Drオレンジ
Drオレンジ

コチラはビフォー

3列縦型カードにしてますが、まぁいわゆる普通のcocoonのトップページですね

 

Drオレンジ
Drオレンジ

こう変わりました!

わかりますか?

 

カテゴリーごとに新着記事が表示されるようになりました。

さらに、上部には…

アイキャッチ画像やメッセージも入れられるようになっています。

 

トップページ上部で、ブログのテーマなどについて説明をし、下部でカテゴリごとの新着記事を表示するようになりました。

トップページを変えるメリット

トップページをこのようにカテゴリごとの新着が一目でわかるように変更すると、

古い記事が埋もれにくい

という利点があります。

ブログに来てくれた方が、読みたい記事を見つけやすくなるんです。

 

Drオレンジ
Drオレンジ

ビフォーの状態だと古い記事はまず読まれないね…

 

ブログは古い記事が読まれてナンボですからね。

このトップページ改変によるメリットは大きいです。

トップページを変える方法

では、トップページを変える具体的な方法についてご説明していきたいと思います。

1.下記URLをクリック

 

【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法
『これからはCocoonが天に立つ』こう言い放ちWordPressテーマ界に殴り込みをかけたCocoon(コクーン)。ブロガーにとっても衝撃で、無料のワードプレステーマとしては圧倒的な存在感を示しました。もちろん、僕も機能とデザインに惚れ込

 

2.記事を読む。

 

3.記事中のCSSを固定ページに張り付け

 

4.よく読んで好きなように改変。

 

Drオレンジ
Drオレンジ

いや!雑だな!笑

 

すいません。笑

でも本当にその通りなんですよ!

リンク先のブログ記事は

はまちゃんさん(@wakuwakukeigo)が執筆しています。

内容が具体的に丁寧に書かれているので、ちゃんと読めば必ず大幅改変できます

なので、ここで私があーだこーだいいません。

とりあえず、はまちゃんさんの記事を読んでください!

まとめ

今回は、cocoonのトップページを大幅に変える方法をご紹介しました。

ホント素晴らしい情報(コード)を提供してくれていますので、cocoonを使っているブロガーさんはぜひとも参考にしてくださいね!

 

Drオレンジ
Drオレンジ

それではまた!

この記事が良いと思ったら下のボタンでシェア

ライターが気になったらDrオレンジをフォロー

↓ポチッとしてくれたら私のモチベUP!

にほんブログ村 ライフスタイルブログへ

コメント