サイトの作り方
Cocoonは初期状態でもデザインが整っていますがカスタマイズすることでさらに綺麗なデザインのサイトを作ることができます。
いずれもコピペで実装できますので、
自分の必要な箇所だけカスタマイズ
目次
【Cocoonカスタマイズ】目次にプラグインは不要！Cocoonの目次をカスタマイズする方法紹介
Cocoonではプラグインを利用することなく記事ごとの目次を表示させることができます。今回は当サイトで利用しているデザインにカスタマイズする方法を紹介します。
sub-work.net
見出しh1~h6
【Cocoonカスタマイズ】見出しh1~h6をコピペでカスタマイズしよう！
Cocoonの見出し(h1~h6)についての装飾CSSを掲載しています。デフォルトのデザインでも問題ないですが、余裕があればサイトコンセプトに合わせたカスタマイズをしてみましょう。
sub-work.net
グローバルナビ
【Cocoonカスタマイズ】コピペで楽々！グローバルナビをおしゃれにカスタマイズしませんか？
本記事では、「Cocoon」を使用したサイトのグローバルナビのカスタマイズ方法を紹介しています。 初心者でHTML&CSSの知識がなくてもコピペのみで簡単にカスタマイズできます。
sub-work.net
サイドバー
【Cocoonカスタマイズ】サイドバーをカスタマイズして回遊率UPを目指そう！
サイドバーはユーザビリティを高めて、回遊率を高めることができます。今回はCocoonを利用したサイトのサイドバーの見出しデザイン、配置するべきコンテンツを紹介します。
sub-work.net
固定ページ
【Cocoonカスタマイズ】TOPページをコピペカスタマイズでおしゃれにしよう！
Cocoonを利用したサイト、ブログのTOPページのカスタマイズ方法を紹介しています。初期状態のままの人は、コピペカスタマイズでおしゃれにしてみましょう。
sub-work.net
エディタ風表示
【Cocoonカスタマイズ】ソースコードをエディタ風に表示するカスタマイズ方法を紹介！
Cocoonではソースコードをサイト上でエディタ風に表示させることができます。ユーザーにとってわかりやすい表示方法となるため、ソースコードを掲載しているサイトの人は参考にして下さい。
sub-work.net
行間
行間、段落の幅で一気に見やすくなる！？カスタマイズするCSSを紹介！
行間や段落の幅を調整すれば、文章を読みやすくすることができます。今回は、行間、段落のカスタマイズするCSSを紹介します。
sub-work.net
アピールエリア
【Cocoonカスタマイズ】アピールエリアを使って読んでほしい記事は目立たせよう！
wordpressのテーマ「Cocoon」ではアピールエリアを使うことで、読んでほしい記事を目立たせることができます。今回はアピールエリアの表示、カスタマイズ方法を解説します。
sub-work.net
コメント