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