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 件のコメント:
コメントを投稿