2008年
3月 20
WordPress用のテーマを作ってみようと思います。始めて作成するのですが、作成過程を投稿していきます。まずは第1回目です。
テーマフォルダを作成する
wp-content/themes/ 以下にテーマ用のディレクトリを作成します。
今回は test というディレクトリを作成しました。
CSS ファイルを作成する
作成したテーマディレクトリに style.css を作成します。
style.css には必要最低限の項目を書いておきます。
/* Theme Name: Test Template Theme URI: http://www.syuhari.jp/ Description: テーマ作成テスト用です。<a href='http://www.syuhari.jp/'>リンクも出来ます</a> Author: Boze Author URI: http://www.syuhari.jp/blog/ Version: 1.0 */
- Theme Name
- テーマの名称。全角可。ここに書いた名称が管理画面のテーマ選択画面に表示される。
- Theme URI
- テーマのサイトURL。半角のみ
- Description
- テーマの説明。全角可。a タグでリンクも作成できる。ちなみに script タグなども書けました。タグはノーチェックかも。いいのかな?
- Author
- 作成者名。全角可
- Author URI
- 作成者のURI。半角のみ
- Version
- バージョン。半角のみ。ここに書いたバージョン番号が管理画面のテーマ選択画面のテーマ名の後に表示される。
全角を入れたときには文字コードを UTF-8 にする必要があります。
index.php を作成する
作成したテーマディレクトリに index.php を作成して、最低限のコードを書く。
< ?php get_header(); ?> < ?php get_sidebar(); ?> < ?php get_footer(); ?>
テーマを見てみる
ここまで出来たら最低限のファイルはそろったので管理画面よりテーマを選択して実際にどういう風に見えるか確認してみます。
管理画面の「表示」を選択すると作成したテーマが一覧にあるので、選択します。
下が現在のサイトの様子です。(クリックで大きな画像が見れます。)
![]()
まだ、検索用のファイルなどを作成していないので Warning など出てますがシンプルな WordPress のページが表示されています。
関連する投稿
3 Responses to “WordPress テーマを作成する(1)”
Leave a Reply
Additional comments powered by BackType



2月 15th, 2009 at 1:24 am
[...] Sun Limited Mt. [...]
6月 29th, 2009 at 8:40 pm
[...] In: Wordpress themes 29 Jun 2009 Go to Source [...]
1月 22nd, 2010 at 3:30 pm
[...] WordPress テーマを作成する(1) [...]