grayishスキン適用中

パステルカラーが似合うシンプルスキン「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をコピーしました