最近ワードプレスでいくつかのサイトを制作中なのですが、試しにオリジナルのテーマを制作してみようかなーと思いつつ、以前からお気に入りに登録していた「ワードプレスのオリジナルテーマを制作する際に参考になる記事(4つ)」をまとめてみようと思います。
注意:少々記事が古いものもありますが、基本部分は同じだと思うので参考までに。。。
オリジナルテーマの参考記事
おそらく最もわかりやすいWordPressテーマ制作チュートリアル | Stocker.jp / diary
(目次)
WordPressのインストール
テーマをデザインする
テーマをコーディングする
WordPressテーマの形式に作り変える
ヘッダー(header.php)
フッター(footer.php)
記事一覧(loop.php)
サイドバー(sidebar.php)とテーマのための関数(functions.php)
トップページ等(index.php)
記事ページ(single.php)
スタイルシート(style.css)
ウィジェットの設定
記事の投稿
さらにカスタマイズするには
WordPress オリジナルテーマの作り方 3.0+ | Webクリエイターボックス
(目次)
WordPressのコーディングに入る前に
テーマ用フォルダを作成する
style.css
header.php
sidebar.php
footer.php
index.php
ループを理解する
ループをコピペする
functions.php
テーマを確認してみる
single.php
page.php
HTMLファイルを削除して…完成!
http://webdesignrecipes.com/first-time-wordpress-origin-theme/
(目次)
HTML+CSS でサイトのデザインを作ろう!
HTML+CSS で作ったら、WordPress のテンプレートファイル化する
WordPress に合わせて index.php を分割しよう!
header.php を編集しよう!
メインのテンプレートファイル index.php の編集に挑戦!
サイドバーの部分 sidebar.php を編集しよう!
フッターを表示する footer.php を編集しよう!
個別記事を表示する single.php を作ろう!
コメント部分を表示しよう!
固定ページを表示するメインテンプレートファイル page.php を作ろう!
カスタムメニューを利用できるようにする
最後に Theme Check プラグインでチェック
WordPressのオリジナルテーマ作成フロー・基本マニュアル | かちびと.net
(目次)
はじめに
作成するWebサイトの目的と構造
テーマ作成前に用意するものと環境
テーマの構造を(触り程度だけでも)理解する
HTMLからテーマ(PHP)に変換する手順
基本的なテーマ構成の例
動作テストをしよう
ちょっと気をつける事
もう一歩進んだオリジナルテーマ
これから更にテーマを進化させるために
あとがき
個人的な感想
ここまでの記事を書くのは大変だっただろうなーと思いつつ、ありがたく勉強させて頂く&活用させて頂きます。上の4つのブログに感謝!