※現在リニューアル中につき記事が一部表示されなくなっております※
電子書籍「ジトメカツモク!」発売中! 最新のお知らせはこちら!

【WP】Cocoonに変えたのでカスタマイズメモと感想!

こんにちは!
久々にブログテーマを変更してみました。
「Cocoon」です。誰もが知る超優秀な無料テーマ!
テーマ遍歴はLuxeritasVirtureCocoonとなります

一言でいうとカスタマイズしたんかどうかわからんくらいものすごく簡単でなんだか無料で使わせて貰って申し訳ない気持ちになるくらい痒いところに手が届く素晴らしいテーマでした(全然一言じゃない)

スポンサーリンク

カスタマイズメモ

※2019年10月時点でまたカスタマイズ中。内容を追記していきますのでお待ちください。

ヘッダー下まわりのデザイン

メニューは最初からグローバルナビになっています!色やボーダーをCSSで入れました。

メニューはFont Awesomeで記号を付けます。
CocoonはFont Awesomeが最初から使えるようになっていますが、古いバージョンしか対応してないそうなのでこちらから記号を選びます!

Font Awesome Icons
Font Awesome, the iconic font and CSS framework

メニュー欄から副題(ON/OFFできる)も表示させたらなんかかっこよくなりました(?)

グローバルナビの下の帯は、全ページで表示される「通知」欄!
なんか告知しときたいことがあったらここに書きこめて便利なのです。
これを上の画像のように2つにわけるカスタマイズ方法があったのでそちらを使っています。

Cocoonカスタマイズまとめ!コピペで簡単!
Cocoonのカスタマイズまとめです。おしゃれなものから機能性をあげるものまで紹介します。プロフィール、タブ切り替え、トップページ、リスト、ボックス、スマホのメニュー固定方法なども紹介していきます。

Cocoon設定まわり

他のテーマだと「外観→カスタマイズ」からデザインをいじることが多いかと思うのだけど、Cocoonだとそれとは別にこの「Cocoon設定」という項目があり、ほとんどここでいじれます。
デザインにそこまでこだわらなければここで一瞬でブログが完成できると思うし、ムズカシイことができない初心者には本当に嬉しい!
SNSボタンが最初からついてたり、目次もついてたり、多くは後から自力で追加するようなものが全部最初から入っててありがたいです。

このCocoon設定の他に通常のカスタマイズ欄もありますが、こちらはすごくシンプルです。CSSを追加するときだけここを使っています。

「吹き出し会話」が楽々

あと面白いなーと思ったのが、Cocoon設定のとこにある「吹き出し」ってやつです。
よくある吹き出し会話の記事が簡単に作れるらしい!
なんとここに自分の好きな画像を登録しておけば、エディターのボタン一つで。。。

こんなふうに簡単に

吹き出しの形も変えられます。

 

とまぁこのように、一瞬で吹き出し会話をブログに搭載できました。
吹き出し会話を多用するブログならすごく便利な気がします。

カスタマイズメモっていうより物珍しさの感想になってしまった。。。
ほんとにサクサクカスタマイズできて快適なのでしばらくはCocoonで行こうかなと思います♡

参考にさせていただいたサイト様

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。
【Cocoon】記事の見出しデザインをカスタマイズする方法(h2〜h6)
WordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回は投稿記事の見出しデザインをカスタマイズしてみました。見出しを変えると手っ取り早くオリジナリティを出すことができるので、優先的にやっておきたい部分ですよね。それでは早速や
シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。
Font Awesome Icons
Font Awesome, the iconic font and CSS framework
Cocoonカスタマイズまとめ!コピペで簡単!
Cocoonのカスタマイズまとめです。おしゃれなものから機能性をあげるものまで紹介します。プロフィール、タブ切り替え、トップページ、リスト、ボックス、スマホのメニュー固定方法なども紹介していきます。
【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法
『これからはCocoonが天に立つ』こう言い放ちWordPressテーマ界に殴り込みをかけたCocoon(コクーン)。ブロガーにとっても衝撃で、無料のワードプレステーマとしては圧倒的な存在感を示しました。もちろん、僕も機能とデザインに惚れ込

ありがとうございました♡

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