LoginSignup
2
3

More than 5 years have passed since last update.

WordPressのオリジナルテーマ作成の準備(windows)

Last updated at Posted at 2016-03-11

※自分のためのメモとして書き残しています。

オリジナルテーマ作成のために必要なもの

※windows7環境での構築です。
wordpress本体 [https://ja.wordpress.org/]
xampp [https://www.apachefriends.org/jp/index.html]

インストール

ダウンロードしたwordpressを解凍して、以下のように配置する。
C:\xampp\htdocs\wordpress

配置した場所にブラウザでアクセスする。
http://localhost/wordpress

1.「設定ファイルを作成する」をクリック
2.「さあ、始めましょう!」をクリック
3. 任意のデータベース情報を入力し、「送信」をクリック
4.「インストール実行」をクリック」
5. 任意のサイト情報を入力し、「wordpessをインストール」をクリック
6. http://localhost/wordpress/wp-login.phpにアクセスし、ログインする

underscoresテーマの設定

_sテーマをダウンロードする(cssでいうところのreset.cssのようなもの)
http://underscores.me/

Theme Nameに任意の名前を入力し、「GENERATE」をクリックしダウンロードする。
※既存テーマと同じ名前のテーマにしないでください。(更新された場合に消えます)
ダウンロードしたテーマを以下の場所に配置する。
C:\xampp\htdocs\wordpress\wp-content\themes\設定したテーマ名

WordPressメニュー
「外観」->「テーマ」->「設定したテーマ名」を選択する

プラグインインストール

テーマ作成時に便利なツールをインストールする
「Show Currnet Template」
表示テンプレートの確認が出来る。

エラーコードを表示するようにする

index.phpに以下を追加する。
define('WP_DEBUG', true);
※リリースする際は消してください。エラーコードは見えてしまうため。

テーマユニットテストをダウンロード

様々な状態を視覚的に確認できるテストデータです。
https://wpdocs.osdn.jp/テーマユニットテスト

日本語版テストデータ(2013年作成。リンク先の説明を参照)のXMLデータをダウンロードする。

WordPressメニュー
「ツール」->「インポート」->「wordpress」-> xmlファイルを選択してアップロード
※インポートがインストールされていない場合は、インストールしてください。

以上でオリジナルテーマ作成の準備が完了しました。
参考になれば幸いです。

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3