Cocoon

目次を「Table of Contents Plus」プラグインからWordPressテーマ Cocoonの目次機能に切り換えることにしました。それに伴ってシンプルなデザインの目次をサイトにマッチするようにカスタマイズしてみました。

WordPressテーマ Cocoonの「フッター」のカスタマイズについてまとめてみました。カスタマイズの内容は、フッターの上部の空白部分を無くしスッキリとしたフッターにします。※フッターメニュー1個だけの対応となります。

WordPressテーマ Cocoonの「ヘッダーメニュー」のカスタマイズについてまとめてみました。カスタマイズの内容は、ヘッダー部分とヘッダーメニュー部分の境にボーダーフレームを、ヘッダーメニュー部分の下側にシャドウフレームを追加します。

WordPressテーマ Cocoonでのヘッダーロゴに関してまとめてみました。そのヘッダーロゴをパソコンからだけでなくモバイル端末でも綺麗に表示出来るようにカスタマイズしてみました。

WordPressテーマ Cocoonの「ホバー時のサムネイル画像」のカスタマイズについてまとめてみました。カスタマイズの内容は「ホバー時のサムネイル画像」に対して透明度の設定とアニメーションを付加してみました。

WordPressテーマ Cocoonの「ホバー時の背景色」のカスタマイズについてまとめてみました。カスタマイズの内容は「ホバー時の背景色」をデフォルトの薄いグレーから任意の背景色に変更する単純なものです。

前回のエントリー記事で「源ノ角ゴシック（Webフォント）」から「游ゴシック体, ヒラギノ角ゴ」に変更しましたが、それに伴い色々と設定を変更しました。今回追記する形で「コメントを書き込むボタン」を強調させるデザインに変更します。

WordPressテーマ Cocoonの設定フォントを「源ノ角ゴシック（Webフォント）」から内蔵フォントの「游ゴシック体, ヒラギノ角ゴ」に変更してみました。これにより「PageSpeed Insights」などのスコア向上を目指します。

WordPressテーマ Cocoonの「カテゴリー表示」のカスタマイズについてまとめてみました。カスタマイズの内容は、アイコンの設置、ボーダーラインの表示、記事数デザイン変更、上下左右空間の設定についてカスタマイズを行いました。

WordPressテーマ Cocoonの「次の記事／前の記事」のカスタマイズについてまとめてみました。カスタマイズの内容は「次の記事／前の記事」で使われているフォントサイズを大きくし文字を強調に変更してみました。

WordPressテーマ Cocoonの「ページ送りボタン／戻りボタン」のカスタマイズについてまとめてみました。カスタマイズの内容は「ページ送りボタン／戻りボタン」の強調やシャドー（影）、角丸コーナーに変更してみました。