2007/11/8 木曜日

タイトル画像の変更の仕方

Filed under: How to customize — isp @ 12:56:48

※この編集は若干、上級者向けです。
 スタイルシートに関する知識がない方は慎重に行ってください。

 タイトル画像(各記事上部のサイト名のバックの画像)の変更の仕方です。

1.画像の用意

 まず、縦160px(これは変更可能)×横760pxの画像を用意し、管理ページにログイン後、このアップロードを行います。

 ※画像のアップロードの仕方はこちらを参照。

2.画像URLの特定

(1)上のメニューから「管理」の「アップロード」を選択します。

(2)先ほどアップロードしたタイトル用の画像を選択します。
 ※2ページ目以降に置かれている場合もあるので、ご注意下さい。

アップロードの管理画面

(3)この画像のURLをメモ帳などに一旦コピーします。

アップロード済み画像のURL

3.スタイルシートの編集

(1)上のメニューから「表示」の「テーマエディタ」を選択します。

(2)スタイルシート(style.css)をずっと下へスクロールしていくと、『#header』という箇所があるので、『background: url』の後の()の中に先ほどメモ帳などに保存しておいた画像URLを貼り付けます。
 ※元々書かれているファイル名は削除。

スタイルシートの編集

(3)画像の縦のサイズを160px以外にした場合は、『height:』の後の数字を書き換えます。

 ※画像の上の文字が見辛い場合は、サイト名ならびにサブタイトルの文字色(『#header』の下の『#headerimg a』『#headerimg a:hover』『.description』の中の『color:』の後の英数字)を書き換えてください。

 色に応じた英数字(カラーチャート)は下記サイトを参照ください。
 http://www.zspc.com/color/index.html

(4)ページ下部の「ファイルを更新」ボタンを押せば、完了です。

コメント (0) »

この記事にはまだコメントがついていません。

コメント RSS トラックバック URL

コメントをどうぞ

You must be logged in to post a comment.

HTML convert time: 0.203 sec. Powered by WordPress ME
スクエアブログは株式会社インタースペースプランニングのサービスです。