Cocoonのカスタマイズ記事がある程度揃ったので一覧に纏めてみました。「何からカスタマイズすれば良いのか・・」と悩んでいる方の参考になればと思います。
見出し
まずは↑この様な見出しのカスタマイズ。変化が見えやすいので初めてのカスタマイズにも最適です。
見出しのデザインを紹介しているサイトはたくさんあるので、こちらの記事ではH1〜H6の具体的なデザインと使い分けについて纏めております。
トップページ
カスタマイズの中で一番面白い＆一番難しいのがトップページ。知識やスキルはもちろん、特にセンスが問われるところです。
トップページのカスタマイズは絶対に必要という訳ではありませんが、トップページの役割や効果を考えると重要だと思います。
グローバルナビ
トップページを変えたら次はグローバルナビ 。ハンバーガーメニュー(「三」をクリックするとメニューが出る)の方が主流みたいですが、個人的には横に並べて表示するアレが好きなので。
目次
ただコピペするだけではなくオリジナルの目次を作るきっかけになって欲しいカスタマイズ記事。
SNSシェアボタン
ボタンを丸くして横1列に可愛く並べます。
SNSフォローボタン
シェアボタンみたいな感じかと思いきや、かなり苦戦しました。こちらもシンプルなデザインにしています。
商品リンク
Amazon・楽天・Yahooショッピングなどの商品リンクをカスタマイズ。
カルーセル
スマホ向けにカルーセルをカスタマイズ。特定の記事を表示・順番を指定・複数ではなく単体表示・画像は画面幅いっぱいになど。
PCとスマホでかなり見た目が違うので、やり甲斐もあって面白いです。
リスト
リストのデザインどうこうではなく、カスタマイズのやり方など。リンクを貼った際に文字部分しかリンクにならない事があるので、リストの行全体をリンクにする方法。
その他・小技系
細かな部分のカスタマイズ記事や、ちょっとした小技など。
タグクラウド
タグページのリンク集であるタグクラウド。
関連記事のタイトル
場所の表現が難しいのですが・・
新着・ランキング記事一覧のフォントサイズ
主にサイドバーのウィジェットで使用している新着記事一覧やランキング一覧内の説明文のフォントサイズを変更します。
カテゴリー・タグページのタイトル
文字で表現するのが難しいのですが、どちらかの記事で解決できるかと思います。
ファビコン
やはり画像やデザインの持つ力は大きいです。ぜひ設定してみてください。
トップへ戻るボタン
画面の右下などに表示するページトップにジャンプするボタン(矢印)などのカスタマイズ
Comment