WordPressテーマ（テンプレート）を
あなたのオリジナルのデザインに変更してみましょう。
WordPressテーマ（テンプレート）をカスタマイズしよう（１）
こちらで販売しているWordPressテンプレートの利用方法についてもう少し詳しく解説します。「ホームページビルダーテンプレート」をご利用の方はそのカスタマイズと似ていますのですぐに分かると思います。初めての方も順を追っていけば何も難しいことはありません。何といってもWordPressをインストールすることが出来たのですから。
まずはヘッダー部分のカスタマイズ方法です。
画像の変更
タイトル画像
まずはタイトル画像などの画像ファイルを変更しないといけませんね。ひとつずつ説明しておきましょう。
タイトル画像は「wdcro」フォルダの中の「img」フォルダの中にあります。ファイル名は「title.gif」です。画像の大きさは縦150ピクセル、横300ピクセルです。あなたのサイトに合うように作成したタイトル画像ファイルはwordpress/wp- content/themes/wdcro/img/に上書きアップロードします。
もしタイトル画像に使うファイルがGIFではなくJPEGの場合はテーマファイルを書き換える必要があります。WordPressの管理画面の「デザイン」をクリックし、続いて「テーマエディタ」をクリックします。そして右側に表示されているテンプレートの中から「ヘッダー」をクリックします。その約 30行目くらいに以下のような記述があります。
<div id="title"><a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('url'); ?>/wp-content/themes/wdcro/img/title.gif" alt="ホームページのタイトル画像" width="300" height="150" /></a></div>
この部分の「title.gif」を「title.jpg」等のようにあなたが作成したタイトル画像のファイル名に変更すれば良いでしょう。そしてその画像ファイルはwordpress/wp-content/themes/wdcro/img/にアップロードします。またaltも「ホームページのタイトル画像」から適切な言葉に変更しましょう。もう1点このタイトル画像のリンクは現在ブログのトップとなっていますが、ホームページビルダーテンプレートなどを使っていて別のトップページにリンクさせたいときは「<?php bloginfo('url'); ?>/」の部分を変更したいURLにしましょう。通常はブログのトップページではなくHTMLのサイトのトップページのURLにします。
タイトル右の背景画像
タイトルの右側には上のような背景画像を使用しています。ファイルの場所は「wdcro」フォルダの中の「css_img」フォルダの中にある「h_r_bg.gif」というファイルです。ファイルのサイズは縦150ピクセル、横420ピクセルです。もしこのファイルがGIFではなくJPEGを使用したい場合はタイトル画像のときと同じようにテーマファイルを書き換える必要があります。
テーマファイルを書き換えるのは管理画面の「デザイン」、「テーマエディタ」そして「スタイルシート」をクリックします。
/*タイトル画像右側*/
#h_rbox {
margin: 0px;
padding: 0px;
float: right;
width: 420px;
background-image: url(css_img/h_r_bg.gif);/*タイトル右側の背景画像*/
height: 150px;
}
上のような部分がありますので「h_r_bg.gif」のファイル名をあなたが作成した画像ファイル名に変更すればOKです。そしてその画像ファイルはwordpress/wp-content/themes/wdcro/css_img/にアップロードします。
