2007年12月19日水曜日

WordPressのオリジナルテンプレート(テーマ)作成

WordPressでの、テンプレートの作り方を初心者向けに紹介します。
今回は初期に同梱されている「EasyAll」をもとに、DreamWeaverを使って別のテーマを作成する方法です。

1)ブログが立ち上がったら、FTPをつないで、WordPressの入っているフォルダの中から
wp-contentフォルダの中のthemesフォルダをGETしてきます。

2)ローカルで、themesフォルダを見ると、中にEasyAllというフォルダがあるので、フォルダの上で右クリック
編集>複製
で、Copy of EasyAllというフォルダができます。

3)Copy of EasyAllの上にカーソルを置いていると名前を変更できるようになるので、たとえば「momonga」と名前を付けます。
(momonga という名前のテーマを作ります)

4)momongaフォルダの中のstyle.cssを開くと最初に下記のテキストが入っています。

/*
Theme Name: EasyAll
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous Northern-Web-Coders.
Version: 1.0
Author: WordPress Japan
Author URI: http://wordpress.xwd.jp/
*/


これの★部分を変えてみます

/*
Theme Name: momonga ★テーマの名前
Theme URI: テーマを配布するならそのアドレス ★以下の行もお好みで変更
Description: This theme uses it to test for ME. based on the famous Northern-Web-Coders.
Version: 1.0
Author: WordPress Japan
Author URI: http://wordpress.xwd.jp/
*/

5)保存したら、momongaというフォルダごとアップロード

6)管理画面に入って、表示 > テーマ で、利用できるテーマの一覧に
先ほどアップした「momonga」があるので、それを選択

7)あとは、フォルダmomonga の中の、index.phpやら
header.phpやら、style.cssなどをお好みで変更して、確認していきます。
いじり壊してしまったら、テーマのところでEasyAllに戻せば良いだけなので安心です。

8)オリジナルテーマの中で使う画像は、
そのテーマの中の「images」フォルダの中にあるので、そこへ画像をいれて、アップして
cssの方で使う画像を変更してあげればheader画像なんかも簡単に変えられます。
EasyAllは、syoi.jpgというのがheader画像なので、このsyoi.jpgを開いて、
別の画像に変えてから上書き保存してアップするだけで、簡単にheader画像を変えられます。

もしくは同じサイズ、799px × 160px でjpg画像を作って同名で
momongaフォルダの中のimagesフォルダの中に保存してアップロードするだけで、
簡単にheader画像が変えられます。

0 件のコメント:

webの森のFBページへも来て下さい