【WordPress】オリジナルCocoonスキン「アリス」を自作しました!
「とことんまでかわいい&読みやすい」を追求したCocoonオリジナルスキン「アリス」を自作しました!
こんなに尖ってかわいい、居心地の良いデザインはなかなかないと思います!
かわいい色ばかり集めて使っているものの、1つ1つのパーツデザインはシンプルなので使いやすいはず。
記事内のボタンからダウンロードして気軽に使えるので、ぜひ使ってみてください。
このサイトでは主にLixeritasのカスタマイズを紹介してきたので、これを機にCocoon専用のページを立ち上げました。
細かいカスタマイズの方法など載せているので、よかったら見てみてください!
イメージ
色違い2「時計を持った白ウサギ(白×ブルー)」
こちらもパステルカラーな雰囲気はそのままに、白とブルーで落ち着いた色合いにしています。
よりガーリーな雰囲気ならチェシャ、爽やかなイメージなら白ウサギって感じです。
テーマカラー
#c6eeee、#95e5e2、#ef97e8を基調とし、読みやすさをキープしつつ、パステルカラーで統一しています。
見出しデザイン H2
見出し H3
見出し H4
見出しもH4まで対応しています。(H5、H6はあまり使わないと思ったので省略しました)
ナビバーデザイン&アニメーション
白線がスイスイ動く、シンプルで心地の良いアニメーションをつけました。
記事一覧のデザイン&アニメーション
メタ情報やカテゴリなど、記事一覧のデザインも細部までこだわっています。
ハバーしたときにふわっと浮かぶアニメーションもつけています。
SNSシェアボタン
全SNSを、可読性を損なわないパステル系で統一しています。
ホワイト(白抜き)とブランドカラーのどちらにも対応しています。
ボックスメニューをかわいく
標準からかなりかわいいのですが、ピンクとミントカラーでサイト全体の雰囲気に合わせた印象にしました。
ハバーした時もかわいいおすすめポイントです。
プロフィール
シンプルながらフォローボタンをかわいく見やすくしました。
カレンダー
カレンダーも優しい色合いに。
カレンダーらしく土日に色をつけました。
コメント欄
コメント欄も抜かりなく、パステル系でかわいくしてあります。
色違い
いただいた質問などを参考に、色違いを作成しました。
まとめ:「アリス」は最高にかわいいスキンです!
もともと自分のカスタマイズが楽しくて始めた「アリス」ですが、細部まで作りこんでいて、かわいい系・パステルカラー好きな方にはたまらないデザインになっております。
ダウンロードはこちらからお願いいたします。