【仕切り直し】WordPressテーマ「Simple Journal」ができるまで

前回の更新から半年以上が経過してしまいました。

「SimpleJounrl」という名前のWordPressテーマの作成途中ですが、仕切り直しとおさらいの意味を込めて、またゼロから作り始めていこうと思います。

テーマ作成の手順は以下のとおり。
以前のものを踏襲しつつも、より実際に近い手順を紹介していくつもりです。

1. WordPressテーマ作成の準備

1. モックアップを作成する

1-1. モックアップのディレクトリ構造
1-2. SASS+CompassでCSSを編集
1-3. HTMLを編集

2. テーマ開発環境を準備する

2-1. VCCWの導入
2-2. テーマのディレクト構造
2-3. 必要最小限のテーマを作成(style.css + index.php)

3. テーマを作り込む

3-1. テーマのパーツを作成
3-1-1. ヘッダーを作成(header.php)
3-1-2. フッターを作成(footer.php)
3-1-3. 関数ファイルを作成(functions.php)
3-2. 固定ページのテンプレートを作成(page.php)
3-3. 投稿ページのテンプレートを作成(single.php)
3-4. コメント欄を作成(comments.php)
3-5. アーカイブページのテンプレートを作成(archive.php)
3-6. 検索ページのテンプレートを作成(search.php)
3-7. NotFoundページのテンプレートを作成(404.php)
3-8. トップページのテンプレートを作成(index.php)

4. テーマを配布する

4-1. テーマ配布の準備をする
4-1-1. スクリーンショットを追加
4-1-2. バージョン情報を付加
4-2. テーマをzipにして配布する

 

それでは早速、次回からモックアップの作成にはいりたいと思います。