ここでアフィリエイターデビューしませんか?
このサイトで学べることは?

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

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

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

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

目次

【カスタマイズ】Cocoonの目次をカスタマイズする
Cocoonは最初から目次が表示されているため、特にプラグインなど利用することなく、自動的に目次が表示されています。 今回は、 Cocoonの目次の設定方法 CSSカスタマイズ例 を紹介していきます。 初期状態のままで...

見出しh1~h6

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

グローバルナビ

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

サイドバー

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

固定ページ

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

エディタ風表示

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

行間

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

アピールエリア

【Cocoon】Cocoonのアピールエリアをカスタマイズする方法!読んでほしい記事は目立たせよう!
「読んでほしい記事を見てくれない...」 いくら魅力的な記事を書いても、他の記事ばかり読まれることもしばしば。 そんな方はCocoonのアピールエリア機能を利用してみてどうでしょうか? 実装が簡単な上に、読んでほしい記事を目立たせるこ...

コメント