無料コンサル受付中です~!!!

【カスタマイズ】「Cocoon」を見栄えよくカスタマイズしていく!

2.サイトの作り方
スポンサーリンク
この記事は 約2 分で読めます。

Cocoonは初期状態でもデザインは

いずれもコピペで実装できますので、
自分の必要な箇所だけカスタマイズ

目次

【カスタマイズ】Cocoonの目次をカスタマイズする
Cocoonは最初から目次が綺麗に表示されているため、カスタマイズの重要度としては低いですが、サイトの雰囲気によってカスタマイズするほうがいい場合もあります。/***** cocoon 目次スタイル *****/.toc { ...

見出しh1~h6

【カスタマイズ】Cocoonの見出しh1~h6をカスタマイズする
「見出しのデザインを変えたい」見出しのデザインをアレンジすることで、本文と見出しの区別がつきやすくユーザーにとって見やすい記事となる効果が期待できます。本記事では、CSSコードをコピペするだけで当サイトで使用している見出しタグを使うこと...

グローバルナビ

【Cocoon】コピペで楽々!グローバルナビをおしゃれにカスタマイズしませんか?
本記事では、「Cocoon」を使用したサイトのグローバルナビのカスタマイズ方法を紹介しています。 初心者でHTML&CSSの知識がなくてもコピペのみで簡単にカスタマイズできます。

サイドバー

【カスタマイズ】サイドバーをカスタマイズして回遊率UPを目指そう!
サイドバーに何を配置していますか? 今回は、ユーザビリティを高めるためにサイドバーに配置するべきコンテンツをご紹介します! WordPressでは、簡単に配置にカスタムできるので是非挑戦してみて下さい。

固定ページ

【コピペ簡単】TOPページもカスタマイズしてオシャレサイトに!
「TOPページからの離脱率が多すぎる。」「見たい記事を探すのが大変だ。」そういったお悩みを抱えている方はまず、TOPページをカスタマイズすることを検討してみてください。サイト内の情報が整理されていれば、ユーザーは興味のある記事を見つけや...

エディタ風表示

【カスタマイズ】Cocoonでソースコードをエディタ風に表示する方法
Cocoonでは、簡単にソースコードをエディタ風に表示させることができます。設定を変更するまずは、ダッシュボード→Cocoonの設定を選択コードを選択ソースコードをハイライト表示にチェックを入れ、変更を保存します。...

行間

【カスタマイズ】行間、段落の幅を調整する
文字が詰まっていたりすると、ユーザーにとって見づらいコンテンツとなり得ます。せんちゃんShift+Enterで改行しまくればいいの?のように考えて改行ばかりしていませんか?改行の回数がバラバラになったりすると統一性がなく...

アピールエリア

【Cocoon】超便利なアピールエリアをカスタマイズしよう!
「アピールエリアをご存知ですか?」 アピールエリアを使うことで他のサイトと差別化しやすく、魅力的なサイト作りに役立ちます。 本記事では、 アピールエリアについて アピールエリアの表示方法 を解説します。 一度も使ったこと...

コメント