ブログメディア「i live you!」のリニューアル制作を担当した件

スポンサーリンク

ライターにしてデザイナー、でもってイラストレーターでエディターという、活動の幅が広すぎるコヤナギユウ氏(KoyanagiYu)にご依頼いただき、フリーランスのWeb制作事務所「M-glam」として、彼女のブログメディア「i live you!」のリニューアル制作を担当しました。

今回はデザイナーさんが別に立って、うちはWordPressテーマ開発を担当するという座組。いつもはデザインもまるっと担当してますが、こういう座組は久々ですね。

i live you!
リニューアルされた「i live you!」のトップページ

やれることは全部CSSで

今回のリニューアルは、上述したようにデザイナーさんが別に立っています。
担当したのはtawo designさん。

上がってきたデザインを基本的には完全再現すべく、WordPressテーマとして実装していくという流れで進めていきました。と言っても、ある程度構造というのは決まっているので、デザイナーさんが動くのと同時にベース開発は進めていましたが。

リニューアルにあたっての要件はすでにまとまっていたので、それを基に機能的な部分でどのように実装するか、どのように切り分けるかといったことを設計・開発していったのですが、まあこの辺りは慣れたものなので、どうということはありません。

どこで頭を悩ませたかというと、やっぱりデザインの再現なのですよね。

デザインを優先すると、いかんとも構造的に内部的SEOが不十分になりかねず、かと言って構造や機能面を優先すると、デザインが再現できなくなるわけです。アンビバレンツ。

今回の案件においては、いかにそこを両立させるかがキモとなっていました。

で、結局どうしたかっていうと、やれることは全部CSSにしてHTML構造はきちっとSEOを意識するという、いつもやってる方法。

スティッキーなメニューにしても、開閉式のメニューにしても、ホバーするとアニメーションしながら変わる背景色にしても、このあたりは一切javascriptは使わず、すべてCSS。なんでもできちゃう! というのは言いすぎですが、CSS3の登場である程度のことが可能になったからこそできることですね。

機能面の実装はWordPressをフル活用

で、機能的な盛り込みはいろいろとあるのですが、ベースとしたのはWordPressデフォルトの機能です。独自開発して実装するのはアホすぎるので、とにかくWordPressが最初から持っている機能を開放、あるいは拡張しています。

というのも普通に考えて、WordPressが今後アップデートを重ねていったときに、どちらが楽に対応できるのかなんですよ。「こんなすげーカスタマイズできちゃうぜ!」的な人が陥りがちなのですが、そうしたオレオレ開発をしちゃうと、あとになって仕様が変更されたときに、思いも寄らないバグが出たりするわけです。で、その修正のためにいらん工数をかけることもしばしば。

個人的にそういうのはプロの姿勢ではないと思うので、よほど複雑なことをやるのでない限りは、あまりやるべきではないと思っています。

今回は要件的にも無理なくWordPressの持つ機能をベースにできると判断し、クライアントサイドで変更・編集が可能なようにすべてWordPressの持つ機能を拡張して実装しました。

今後も”ホームドクター”として

ひとまず大枠のリニューアルとしては、ある程度完了となりましたが、まだ細かい部分で修正も必要ですし、要望があれば対応していく感じです。

クライアントのコヤナギユウ氏からは、「ブログの”ホームドクター”になってくださーい」というお声もかけていただいているので、今後もちょいちょいと関わり続けていくことになります。

しかし、さすがはコヤナギさん。ブログの”ホームドクター”という言い回しは面白いですね。

そんなわけで、M-glamでは個人・法人問わず、ブログメディアのちょっとしたご相談にも対応していますので、なにかありましたらぜひお問合せいただければと思います。

「Information」新着記事

約4年ぶりとなる全面リニューアルを実施しました

Avatar for ホシナ カズキ

ホシナ カズキ

お散歩と旅の多言語ウェブマガジン「STROLL」をスタートしました

Avatar for ホシナ カズキ

ホシナ カズキ

【お知らせ】モバデビの記事がInstant Articlesで読めるようになりました

Avatar for ホシナ カズキ

ホシナ カズキ

2016ブロガーズフェスティバルで話すことは「ブログデザイン」についてです

Avatar for ホシナ カズキ

ホシナ カズキ

制作・開発を担当したダイソンのオウンドメディア「Dyson 5127」がローンチしました

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビモバイルウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく