Cocoon

WordPressテーマ Cocoonの「インデックス」のカスタマイズのまとめについて前回のエントリー記事で掲載したばかりですが、その後「インデックス」について若干修正を入れたので改めてエントリー記事として掲載しました。

WordPressテーマ Cocoonの「インデックス」のカスタマイズについてまとめてみました。これまでの「インデックス」のカスタマイズで一部のスマートフォンやタブレットでアイキャッチ画像下に隙間が発生するため見直してみました。

WordPressテーマ Cocoonの「ホバー時のインデックスアイキャッチ画像」のカスタマイズについてまとめてみました。今回のカスタマイズでは透明度のエフェクト処理に加えて画像拡大のエフェクト処理を追加しました。

通常WordPressのツールバーに登録したアイコンやプラグイン「Crazy Bone (狂骨)」によるアイコンが表示されます。しかし、WordPressテーマ Cocoonでこのアイコンが表示されないのでその原因と対策を調べてみました。

WordPressテーマ Cocoonの「ヘッダーサイズ」のカスタマイズについてまとめてみました。今回のカスタマイズではヘッダーの縦サイズの余白を設定し、ヘッダーの窮屈感を無くすカスタマイズを行いました。これでZMASAa.blogと同じサイズになりました。

WordPressテーマ Cocoonの「サイドバーにピックアップ記事設置」のカスタマイズについてまとめてみました。今回のカスタマイズでは「カスタム HTML」のウィジェットを使ってサイドバーにピックアップ記事の項目を設置してみました。

WordPressテーマ Cocoonの「サイドバーの見出し」については以前にも「見出し１タイトル（h1タグ）」と同じデザインとするカスタマイズを行いました。今回「サイドバーの見出し」に対して独自のデザインを採用してみました。

WordPressテーマ Cocoonの「関連記事とコメントの見出し」のカスタマイズについてまとめてみました。今回のカスタマイズでは「関連記事とコメントの見出し」に対して以前カスタマイズを行った「見出し(h2)」と同じデザインとしてみました。

WordPressテーマ Cocoonの「目次」については以前にもカスタマイズを行ってきました。今回「目次」に対して、PC以外の多くの端末（スマートフォン、タブレット）でも正常に表示される「目次」となるように改めてデザインを変更してみました。

WordPressテーマ Cocoonのインデックスについては過去にも幾つかカスタマイズを行ってきました。今回はそのインデックスの中の記事説明（日付とコメント数含む）に対して、フォント強調の処理を施してみました。

WordPressテーマ Cocoonの「背景（バックグラウンド）」のカスタマイズについてまとめてみました。今回のカスタマイズでは「背景（バックグラウンド）」の設定を見出しのデザインと真似たデザインとしてみました。

WordPressテーマ Cocoonの「ウィジェット SNSフォローボタン」のカスタマイズについてまとめてみました。今回のカスタマイズでは、フォローボタンの上部の説明を削除し、各SNSフォローボタンにシャドーを付け角丸を更に大きくしてみました。

WordPressテーマ Cocoonのインデックスについては先日にもカスタマイズを行ってきました。今回そのインデックスをホバーしたときのタイトルに対して少しだけ変化（タイトルに対してサイトカラーのピンク枠線を表示するデザイン）を付けてみました。