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

2024年2月1日

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

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

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

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

このサイトでは主にLixeritasのカスタマイズを紹介してきたので、これを機にCocoon専用のページを立ち上げました。

細かいカスタマイズの方法など載せているので、よかったら見てみてください!

イメージ

「アリス」イメージ写真

色違い1「チェシャ猫(ピンク×パープル)」

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

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

色違い2「時計を持った白ウサギ(白×ブルー)」

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

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

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

テーマカラー

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

見出しデザイン H2

見出し H3

見出し H4

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

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

ナビバーデザイン

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

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

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

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

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

SNSシェアボタン

SNSシェアボタン

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

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

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

ボックスメニュー

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

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

プロフィール

プロフィール

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

カレンダー

カレンダー

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

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

コメント欄

コメント欄

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

色違い

いただいた質問などを参考に、色違いを作成しました。

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

デザインサンプル

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

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