「メイド・イン・ヘブン」スキン適用中

パステルカラーが似合うシンプルスキン「Momoon」を5種類追加

スキン
この記事は約2分で読めます。

Cocoonカスタマイズブログを運営されているタイジーwpさんが公開されているMomoonスキンを5種類を同梱しました。

Momoonスキン

Momoon(もむーん)は、キーカラー部分に淡い色が似合うシンプルなスキンです。

名前の由来は、アイキャッチのMouse+Cocoonからきているものとのこと。

Momoonスキンの特徴として、「Cocoon設定」機能の「キーカラー」を変更しても、違和感の出ないスタイル設定がなされています。

Momoon(アクア)

淡い水色を基調としたスキンです。Cocoonカスタマイズブログと同じ配色になっています(2019年11月時点)。

skin-momoon-aqua

Momoon(グリーン)

淡い緑色を基調としたスキンです。

skin-momoon-green

Momoon(オレンジ)

淡いオレンジ色を基調としたスキンです。

skin-momoon-orange

Momoon(ピンク)

淡いピンク色を基調としたスキンです。

skin-momoon-pink

Momoon(パープル)

淡い紫色を基調としたスキンです。

skin-momoon-purple

レイアウト

個々のパーツはこんな感じ。

見出し

H2見出しには淡い影が付けられています。

Momoonの見出し

目次

Momoonの目次

エントリーカード

インデックスのエントリーカード余白は、Momoon仕様になっています。

Momoonのエントリーカード

リスト系ウィジェット

カテゴリーに・アーカイブなどのようなリスト系統のウィジェットには、アイコンフォントがポイントとして使われています。

Momoonのカテゴリーウィジェット

フッター部分

ヘッダーやフッター部分には、シマシマがあしらわれています。これがアクセントとなってかわいい。

Momoonのフッター

設定方法

Momoonスキンは、Cocoon親テーマに同梱されています。

利用するには、Cocoon設定の「スキン」タブから「Momoon」スキンを適用して保存してみてください。

スキンタブからMomoonを選択

スキンの詳細については、以下のページをご確認ください。

cocoonのスキン「Momoon」を作りました
デザインっていうのは人それぞれ趣向が違うと思うけど、ぼく色でスキンを作ってみました。個人的に空白とか隙間とか、デフォルトだと気になるところがあったので。というか、デフォルトスキンはあえてデザインしやすいようにシンプルになっているんだと思いま
タイトルとURLをコピーしました