テーマファイルの変更と
テンプレートのオリジナル作成

WordPressサイトが表示に必要なファイルは、CSSスタイルシートとPHPテンプレートの2種類で「テーマファィル」としてサイトのデザインを管理します。WP3.0.3には標準で「twentyten」のテーマが用意されています。また、フリーのテーマファィルも数多く提供されているので、好みにあったデザインに変更することも簡単にできます。

STEP.1

テーマのインストールと変更手順

フリーのテーマはWordPressの管理画面から検索・インストールできる。管理画面→外観→テーマ→テーマのインストールで好みのテーマが見つかったら、自動アップロードでテーマフォルダに追加してくれます。

手動の場合は、FTPサーバのWPフォルダ→wp-content→themesへフォルダごとアップロード。
アップロード後、WPの管理画面→外観→テーマへアクセスして、インストールしたテーマが「利用可能なテーマ」に登録されていますので、テーマをクリックしてプレビューで確認、プレビュー右上の「”（テーマ名）”を有効化」で変更されます。

STEP.2

オリジナルのテーマファィルを作成する

テーマに最低限必要なファィルは、style.css、index.php、screenshot.png の3ファィルです。いずれも基本的な情報だけを記述しておけば WordPress がテーマファィルとして認識しますので、後はWPの管理画面→外観→テーマ編集で加筆・修正を行います。

style.css：WordPressのツボなら、style.cssに必要な記述は下記のようになります。テキストエディタで制作者の情報に書き換え、style.css のファィル名で保存します。

CSS-FILE＜CSSファイル＞

style.css

ファイルトップへの記述文

/*
Theme Name: WP-tsubo　/*++テーマの名前++*/
Theme URI: http://www.adphic.jp/　/*++テーマの配布先++*/
Description: adphic-WP-tsubo　/*++テーマの概要++*/
Author: adphic　/*++テーマの制作者++*/
*/

index.php：index.phpのファィル名なら白紙でも認識しますが、HTMLファイルとして必要な記述をしておきます。

INDEX.PHP-FILE＜index.phpファイル＞

index.php

ファイルトップへの記述文

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<!– メタ情報を入れます –>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” />
<!– RSS、Atom、pingbackのlink情報を入れます –>
<?php wp_head(); ?>
</head>
<body>
<!– インストール後PHP・HTMLタグを書き入れます。–>
</body>
</html>

screenshot.png：WPのテーマ選択画面で表示される画像で、好きな画像を横300pix、縦225pixで用意します。ファィル形式はpng、jpg、gifを問いません。

以上3つのファィルを、任意のテーマ名を付けたフォルダにまとめ、wp-content／themesフォルダ内にアップロードします。
WPの管理画面→外観→テーマの管理へアクセスして、登録されていれば成功です。

WordPress-SITE＜参考サイト＆詳細サイト＞

WordPressのテーマ提供ページ : WordPress.ORG
Top 50 free WordPress themes : CrazyLeaf Design Blog

RELATED POSTS＜関連記事＞

テーマファイルの変更とテンプレートのオリジナル作成

STEP.1

テーマのインストールと変更手順

STEP.2

オリジナルのテーマファィルを作成する

テーマファイルの変更と
テンプレートのオリジナル作成