[第2回] G/Afをコンクリ5.7に改造する[Concrete5]

ってことで前回の記事から引き続き作業を続ける。
今回は前編と後編に分けてテーマの基本を作成する。

前編ではモックアップの作成と、インストールのために必要最小限行う事をやる。

まずはこのサイトの根本として、実装予定のページ種類を書き出してみる。
・トップページ
・アバウトページ
・ギャラリーリストページ
・ギャラリー詳細ページ
・ブログページ
・リンク集

次に作るテンプレートを考える。
共用できるものは「default.php」として、専用ページが必要なものを洗い出す。

・トップページ用テンプレート
＞トップページ

・共用テンプレート
＞アバウトページ、ギャラリーリストページ、リンク集

・ギャラリー詳細用テンプレート
＞ギャラリーページ

という事で
共用テンプレート、トップページ用テンプレート、ギャラリー詳細用テンプレート
の3つをページとして作成する。
（本来ならブログページも必要なのだが、そちらはWordpressで作成しており、そちらのテーマ作成は別の日に行うことにするので今回はスキップする。）

ではコーディングしてみる。
Bootstrapを用いたレイアウトを行う。
レスポンシブレイアウトでモバイル対応させたいわけだし、
何より一からCSSを書くのは面倒だ。

作ったHTMLは以下の通り。

トップページ

共用テンプレート

ギャラリー

次はテーマ設定とトップページのテンプレートの仕様決めを行いたい。