【WordPressテーマ・cocoon】超初心者さん向けのカスタマイズでオススメの6選!

ブログ運営

こんにちは。ぴめりーです。

ぴめりー
ぴめりー

今日は、WordPressテーマのcocoon(コクーン)でカスタマイズしたことをまとめました。

CSSをコピペしただけのカスタマイズです。なので、初心者さんでも割と簡単にできるカスタマイズだと思います。

こんな方にオススメ
  • WordPress初心だけどカスタマイズしたい方
  • 楽に見栄えを良くしたいと思っている方

参考にしたカスタマイズの記事をリンクさせていただきました。

cocoonユーザーさんに参考になれば幸いです。

私について

■ブログ歴6年目
■9ヶ月前に楽天ブログからWordPressに移行
■最高収益 月・10万円
■ノースキルでもWordPressで頑張ってます‼

ぴめりー

cocoonカスタマイズやったこと

① ブログカードの変更

クリックすると浮き上がるようにしました。

↓カーソルを合わせてみてください

② スマホメニューを横スクロール

ヘッダー下のメニューを横へスライドできるようにしました。

ブログカードとスマホメニューのカスタマイズは、ぽんひろ様のサイトを参考させていただきました。本当にありがとうございます。

cocoonのカスタマイズならココ!超分かりやすいです!
≫ cocoonカスタマイズまとめ(ぽんひろ様のサイト)

③ フォントサイズの変更

  • PCのフォントサイズ→最大に
  • スマホサイズ→若干小さめに

今まで、スマホは20pxに設定していました。ちょっと大きすぎた気がします。

フォントサイズが大きいと、スマホを何度もスクロールしていただく事になり、見ていただく方にご面倒をおかけしてしまう気がしたので変更しました。

でも、大きめ文字も読みやすくて良いんですよね。サイズ問題は難しいですね(^o^;)

④ 画像を幅の目一杯に表示する

画像を端から端まで、目一杯に表示するように変更しました。アメブロ風ですね。

きっと、ブログジャンルによって、合う合わないがあると思われます。

インテリアや景色など、幅いっぱいで見せたい写真が多い方にはオススメですが…他のデザインに影響する可能性があるらしいので、リンクは避けますm(_ _)m

カスタマイズされたい方は、「cocoon、カスタマイズ、画像、目一杯」で検索してみてください。

⑤ アドレスバー&フッター&モバイルメニューの色を変更

フッターやメニューバーの色を変更すると、全体のイメージが変わるのでオススメです。(上の画像の茶色になっている部分です)

設定も簡単なので、是非いじってみてください。

≫ モバイルボタンの色変更

≫ フッターの色を変更する方法

アドレスバーの色変更の方法
≫ サイトのアドレスバーを好きな色に変更する方法【Android版Chrome】

※アドレスバーに関しては、Androidしか表示されません。

トップページをサイト型に変更

今までは、記事の一覧表示でしたが、サイト型に変更してみました。

当ブログのトップページはコチラ
≫ PLANNINGトップページ

変更前

変更後

サイト型にすることによって、回遊率が増えました。埋もれているカテゴリーにも、アクセスが少し増えた気がします。

はまちゃん様の「島根移住ブログ」の記事を参考にさせていただきました。ありがとうございます!
≫ 【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法

余談ですが、他のテーマも使っています

楽に美しく仕上がるSWELL

別ブログでのテーマは、SWELLを使用中です。

CSSをいじらずとも、ボタンを選択していくだけで、サイト型トップページが仕上がりました\(^o^)/

前述した画像の目一杯表示もボタン1つで切り替えできます。

↓別ブログはコチラです
≫ 植物属インテリア科

特別な設定をしなくても、記事が美しく仕上がるので、気持ちがいい!スラスラと書けます。

SWELLはカッコ良く仕上がるので、かなりオススメです!

とは言え、初心者さんにはcocoonがオススメ

WordPress初心者さんはcocoonで始める方が楽かもしれません。

cocoonって、ホントにWordPressに慣れれば慣れるほど、神テーマなんだと実感します。

SWELLとcocoonについては、別の記事で詳しくまとめますね。

みなさまも好きな色やデザインに変更して、さらにブログライフを楽しんでくださいね〜♪

以上、「cocoonの超初心者さん向けカスタマイズでオススメの6選!」でした。また変更したら報告しますね〜♪

ぴめりー
ぴめりー

ブログランキングに参加しています。
応援クリックしてくださると励みになります
↓↓
にほんブログ村 インテリアブログへ
にほんブログ村
ありがとうございます♡


人気ブログカテゴリーはこちらから

▶ブログ村にほんブログ村 インテリアブログへランキングへ

▶ブログ村にほんブログ村 インテリアブログ 北欧インテリアへランキングへ

人気ブログランキングへ

スポンサーリンク
スポンサーリンク
ぴめりー

■年齢:中二病のアラフォー
■住まい:東京都港区のマンション暮らし
■出身地:東京都新宿区
■家族構成:2人+1匹(旦那さん、私、犬)
■好きなこと:植物、インテリア、ゲーム、野球、アメフト、声優さん
■特技:引っ越し
■属性:デカ足
詳しいプロフィールはこちら

ぴめりーをフォローする
ブログ運営
ぴめりーをフォローする
PLANNING

コメント

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