こんにちは、イートランスフォームです。
運営している音楽系のポータルサイトのTOPページをカスタマイズしました。特に深い理由があったわけじゃないんですが、ふと「デフォルトのままもいいけど、ちょっと変えてみたいな」と思ったのがきっかけです。
リニューアル前：コクーンのデフォルト
このサイトは、WordPressの無料テーマ「Cocoon（コクーン）」を使っています。コクーンはすごく使いやすいテーマで、SEO対策とかレスポンシブデザインとか、必要な機能が最初から揃っているんですよね。
- TOPページはデフォルトのまま
- カスタマイズはほぼしていなかった
- でも特に困ってはいなかった
実際、コクーンのデフォルトでも全然問題なかったんです。ただ、「コクーン使ってます」って感じが丸わかりだったので、ちょっと変化をつけたくなりました。
カスタマイズしたくなった理由
大げさな理由じゃないんですが、単純に「もうちょっと自分好みにしたいな」と思ったんです。
サイトを見ていて、「ここの色変えたいな」「このボタンもう少し丸くしたいな」とか、そういう小さな気づきが積み重なって、いつの間にか「よし、やってみるか」ってなりました。
あと、音楽サイトなので、もう少し雰囲気のあるデザインにしたいなと思ったのもあります。
実際にやったこと
コクーンはそのまま使い続けることにしました。基本性能が良いので、わざわざテーマを変える必要はないかなと。
CSSでちょこちょこ調整
ボタンの角を丸くしたり、ホバーした時にちょっと動くようにしたり。細かいところを少しずつ変えていきました。
音楽サイトっぽく
色使いを変えたり、フォントを選び直したり。音楽サイトっぽい雰囲気を出せるように工夫しました。
スマホでも見やすく
コクーンはレスポンシブ対応してるけど、自分でカスタマイズした部分がスマホでも綺麗に表示されるか確認しました。
試行錯誤の連続
正直、「これだ！」って一発で決まったわけじゃなくて、色々試しながら進めていきました。
- 「この色、ちょっと違うな」と思ったら変更
- 「もう少しこうしたい」と思ったら調整
- 気になるところを少しずつ修正
こういう作業って、やり始めると止まらなくなりますよね。
コクーンって本当に使いやすい
カスタマイズしてみて改めて思ったのが、コクーンの使いやすさです。
SEO対策は標準装備
難しい設定をしなくても、SEO対策が最初から組み込まれているので助かります。
軽くて速い
ページの表示が速いのは、ユーザーにとっても嬉しいポイントですよね。
カスタマイズしやすい
CSSを追加するだけで、自分好みのデザインに変えられるのが良いです。
デフォルトでも十分使えるし、カスタマイズもしやすい。コクーンを選んで良かったなと思います。
やってみた感想
まだ公開したばかりなので、どんな反応があるかはこれからですが、自分としては満足しています。
「あ、ちょっと良くなったかも」って自分で思えるのが一番嬉しいですね。
完璧なデザインとは言えないかもしれませんが、前よりは好きなサイトになりました。
これからサイトを作る方へ
もし「サイトを作りたいけど、どうしよう」と思っている方がいたら、コクーンは良い選択肢だと思います。
- 最初はデフォルトのまま使ってみる
- 慣れてきたら、気になるところを少しずつカスタマイズ
- 自分のペースで進められる
無理に全部変える必要はなくて、「ここだけ変えたい」っていう部分から始めればいいと思います。
おわりに
今回のカスタマイズを通じて思ったのは、「ちょっとした変化でも、愛着が湧く」ということです。
自分で手を加えたサイトって、やっぱり愛着が湧くんですよね。
まだまだ改善したいところはあるので、これからも少しずつ手を加えていこうと思います。サイト運営って、こういう試行錯誤も楽しみの一つですね。
よかったら、カスタマイズした音楽サイト「演歌道」も見てみてください。