concrete5 Theme「Oh Love」

concrete5のサイトテーマの2作目として制作いたしました。このテーマはconcrete5.orgの本家サイトにて公式にリリースされています。無料ですので、ダウンロードして使ってみてください。ダウンロード先はこちらです。
デザイナーであるDJ Kazuこと私がconcrete5のエバンジェリストであり、このような活動もしています。
こちらのテーマに関しては「世界一わかりやすい concrete5導入とサイト制作の教科書」にも取り上げていただいております。
URL:https://oh-love.ayanyan.net/

プロジェクトの流れ

構成について

WEBの仕事をしているなら、人生で一度はこのような公式サイトに自分の制作物を世界中の人たちに使ってもらえるようなことをしてみたかったのでテーマを制作しました。今回は前回と違ってブログ+コーポレートサイトという内容で2回目のリリースとなります。concrete5では日本人でテーマを制作している人が少なく私も含めて希少な人材となります。
concrete5には、テーマとアドオン（プラグイン）を公式に発表できる場があります。もちろん審査員の厳しい審査を受けてのリリースとなります。応対はすべて英語になります。制作者は無料、有料やライセンスまでをすべて決める権利があります。

デザインについて

公式テーマのデザインのポイントは汎用性になります。
今回は、スタイルカスタマイズを搭載していますので、カラーの変更ができるのでカラー変更も視野にいれてデザインしています。
ページの一覧はmasonryというjqueryを使用しています。ウィンドウをリサイズするときにバラバラと並ぶようにしてあります。

コーディング・マークアップについて

CSS設計は保守性と可続性と再利用性を重視します。コンテンツが追加されてもメンテナンス性のある設計にしておく必要があります。またSEOを意識したコーディングをしておきます。要件定義以外のブロックが投入したときは、ブロックのコーディングが必要にはなりますが、拡張性を考慮したサイト設計をしています。

運用について

ユーザー様でコンテンツ更新が簡単にできるようにしています。リテラシーがない人でも使いやすくさせていただいています。