PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【WordPress】 オリジナルテーマを作る(1) 空のテンプレートを作る

f:id:game-web-design:20141028180047p:plain
WordPress用のオリジナルテーマを作ります。

WordPress レッスンブック 3.x対応

WordPress レッスンブック 3.x対応

今回は上記のレッスンブックを参考にテーマを作っていきます。



空のテンプレートを作る。

準備

WordPressのオリジナルテーマを作るためにファイルをいくつか用意します

  • index.php(空でかまわない)
  • style.css
  • screenshot.jpg(300x225px)

style.css を編集する

WordPressではテーマ製作者の著作権表示が必須なので、スタイルシート先頭に著者名義を入れます。

例:

/*
Theme Name: サンプルテーマ(テーマの名前)
Theme URI: http://www.www.www/(テーマ配布先)
Description: 2014年11月授業内で作ったテーマ(テーマの説明)
Version: 1.0(バージョン情報)
Author: PC Gamer(著者名)
Author URI: http://game-web-design.hatenadiary.com/(著者のホームページアドレス)
*/

WordPress にテーマを適応する。

  1. xampp/htdocs/wordpress/wp-content/themes/ を開き、任意のフォルダを作ります(例:sample)。
  2. 先ほど作った空のテンプレートを先ほど作ったフォルダに入れます。
  3. WordPressの左メニューの「外観」から「テーマ」を選択。
  4. 先ほど作った空のテンプレートが選択できるようになっているので、マウスポインタをサムネイル上に持って行き、出てきた「有効化」ボタンをおします。