Cocoonカスタマイズブログを運営されているタイジーwpさんが公開されているMomoonスキンを5種類を同梱しました。
スッキリデザインのCocoonスキン。
cocoonのスキン「Momoon」を作りました https://t.co/1s0e3aZ8OH
— わいひら@寝ログ (@MrYhira) November 5, 2019
Momoonスキン
Momoon(もむーん)は、キーカラー部分に淡い色が似合うシンプルなスキンです。
名前の由来は、アイキャッチのMouse+Cocoonからきているものとのこと。
Momoonスキンの特徴として、「Cocoon設定」機能の「キーカラー」を変更しても、違和感の出ないスタイル設定がなされています。
Momoon(アクア)
淡い水色を基調としたスキンです。Cocoonカスタマイズブログと同じ配色になっています(2019年11月時点)。
Momoon(グリーン)
淡い緑色を基調としたスキンです。
Momoon(オレンジ)
淡いオレンジ色を基調としたスキンです。
Momoon(ピンク)
淡いピンク色を基調としたスキンです。
Momoon(パープル)
淡い紫色を基調としたスキンです。
レイアウト
個々のパーツはこんな感じ。
見出し
H2見出しには淡い影が付けられています。
目次
エントリーカード
インデックスのエントリーカード余白は、Momoon仕様になっています。
リスト系ウィジェット
カテゴリーに・アーカイブなどのようなリスト系統のウィジェットには、アイコンフォントがポイントとして使われています。
フッター部分
ヘッダーやフッター部分には、シマシマがあしらわれています。これがアクセントとなってかわいい。
設定方法
Momoonスキンは、Cocoon親テーマに同梱されています。
利用するには、Cocoon設定の「スキン」タブから「Momoon」スキンを適用して保存してみてください。
スキンの詳細については、以下のページをご確認ください。
cocoonのスキン「Momoon」を作りました
デザインっていうのは人それぞれ趣向が違うと思うけど、ぼく色でスキンを作ってみました。個人的に空白とか隙間とか、デフォルトだと気になるところがあったので。というか、デフォルトスキンはあえてデザインしやすいようにシンプルになっているんだと思いま