Cocoon

WordPress

【Cocoon】目次をカスタマイズする

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

【Cocoon】フッターをカスタマイズする

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

【Cocoon】ヘッダーメニューをカスタマイズする

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

【Cocoon】ヘッダーロゴ設定について

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

【Cocoon】ホバー時のサムネイル画像をカスタマイズする

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

【Cocoon】ホバー時の背景色をカスタマイズする

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

【Cocoon】コメントを書き込むボタンをカスタマイズする

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

【Cocoon】Cocoonのサイトフォント設定を変更する

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

【Cocoon】カテゴリー表示をカスタマイズする

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

【Cocoon】次の記事/前の記事をカスタマイズする

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

【Cocoon】ページ送りボタン/戻りボタンをカスタマイズする

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