【WordPress】Cocoonオリジナルスキン「アリス」を自作しました!

Cocoon

「とことんまでかわいい&読みやすい」を追求したCocoonオリジナルスキン「アリス」を自作しました!

こんなに尖ってかわいい、居心地の良いデザインはなかなかないと思います!

かわいい色ばかり集めて使っているものの、1つ1つのパーツデザインはシンプルなので使いやすいはず。

記事内のボタンからダウンロードして気軽に使えるので、ぜひ使ってみてください。

イメージ

「アリス」イメージ写真
「アリス」イメージ写真

2021/1/14追記

「アリス」の色違いバージョン「チェシャ猫(ピンク×パープル)」を追加しました。

アリスのパステルカラーな雰囲気はそのままに、チェシャの方はピンクと紫を基調としています。

Cocoonスキン「チェシャ猫(ピンク×パープル)」
「チェシャ猫」使用イメージ

2021/1/15追記

色違いバージョンに「時計を持った白ウサギ(白×ブルー)」を追加しました。

こちらもパステルカラーな雰囲気はそのままに、白とブルーで落ち着いた色合いにしています。

よりガーリーな雰囲気ならチェシャ、爽やかなイメージなら白ウサギって感じです。

「チェシャ猫」使用イメージ

テーマカラー

#c6eeee#95e5e2#ef97e8を基調とし、読みやすさをキープしつつ、パステルカラーで統一しています。

見出しデザイン H2

見出し H3

見出し H4

見出しもH4まで対応しています。(H5、H6はあまり使わないと思ったので省略しました)

ナビバーデザイン&アニメーション

ナビバーデザイン

白線がスイスイ動く、シンプルで心地の良いアニメーションをつけました。

記事一覧のデザイン&アニメーション

記事一覧のデザイン&アニメーション
記事一覧のデザイン&アニメーション

メタ情報やカテゴリなど、記事一覧のデザインも細部までこだわっています。

ハバーしたときにふわっと浮かぶアニメーションもつけています。

SNSシェアボタン

SNSシェアボタン
SNSシェアボタン

全SNSを、可読性を損なわないパステル系で統一しています。

ホワイト(白抜き)とブランドカラーのどちらにも対応しています。

ボックスメニューをかわいく

ボックスメニュー

標準からかなりかわいいのですが、ピンクとミントカラーでサイト全体の雰囲気に合わせた印象にしました。

ハバーした時もかわいいおすすめポイントです。

プロフィール

プロフィール
プロフィール

シンプルながらフォローボタンをかわいく見やすくしました。

カレンダー

カレンダー
カレンダー

カレンダーも優しい色合いに。

カレンダーらしく土日に色をつけました。

コメント欄

コメント欄

コメント欄も抜かりなく、パステル系でかわいくしてあります。

まとめ:「アリス」は最高にかわいいスキンです!

デザインサンプル

もともと自分のカスタマイズが楽しくて始めた「アリス」ですが、細部まで作りこんでいて、かわいい系・パステルカラー好きな方にはたまらないデザインになっております。

ダウンロードはこちらからお願いいたします。

コメント

タイトルとURLをコピーしました