ワードプレスオリジナルテーマ作り方②　レイアウトを決める | 福岡のホームページ制作はマリオ君にお任せ

レイアウトを決める

今回は簡単なレイアウトを決めていきます。

トップぺージ

大枠は最大1200pxで作ります。
上下にあるナビゲーションは共通でパーツ化します。

トップページhome.phpブログの記事を最新のものからを6件出力します。

本当は弊社ホームぺージ制作事業部の強みやご依頼の流れ・サービス案内をいれるところですが、まだ手をつけれないので、とりあえすブログの記事を表示させます。

記事ぺージsingle.php

つぎに記事の内容を表示するぺージsingle.phpは

2カラム左に記事全文と右にカテゴリーを表示するレイアウトにします。
右にカテゴリーの部分は記事一覧やカテゴリー一覧ページにも使用しますのでパーツ化します。

固定ページ

次に固定ページです。

こちらはワンカラムで内容考えてないので文字だけ羅列する作りにします。
ワンチャンお問い合わせが奇跡で来るかもしれないの、早めに問い合わせフォーム作ります。

固定ページはpage.phpで作るのですが、弊社（僕は）テンプレートファイルで固定ページを作ります。詳しくは後日記載します。

記事一覧ぺージ

最後に記事一覧ページ（こちらも固定ページ同様テンプレートファイル作ります）
とカテゴリー一覧ページcategory.phpのレイアウトです。

同デザインにします。

以上な感じでつくっていきます。CSSが最低限のみで見た目を気にせず作っていきたいと思います。

次はhome.php（head内記述）の説明をしたいと思います。

それではまた。