ブログテンプレートにオリジナルの画像を利用する方法ですが、
今回は管理画面から普通に画像をアップロードして、その画像を使うことにしました。
画像のアップロードは通常通り行い、画像のURLをゲットしてきます。
画像ファイル名アップロード前に半角英数にしましょう。
1.管理画面の左メニューから
・記事を書く → 「画像一覧」
2.画像を選択してアップロード
3.アップロードが完了したら、使いたい画像をクリック
4.画像のURLをコピーする。
拾ってきたURLを
テンプレートのカスタマイズページの
左メニュー「テンプレート」
↓
選択可能一覧該当テンプレートの編集欄の「カスタマイズ」
↓
スタイルシート 枠
CSSの該当部分に例えば以下のように記入して使います。
background: url(http://img01.noramba.net/usr/kiki/wrap.jpg) no-repeat;
こんな感じで、当ブログのタイトル部分のようにオリジナル画像を利用できます。
このやり方の問題はブログの画像などが容量制限を超えると消えてしまうかもしれないこと。
その際は画像を再度アップするなどしなければならないでしょう。
今回は管理画面から普通に画像をアップロードして、その画像を使うことにしました。
画像のアップロードは通常通り行い、画像のURLをゲットしてきます。
画像ファイル名アップロード前に半角英数にしましょう。
1.管理画面の左メニューから
・記事を書く → 「画像一覧」
2.画像を選択してアップロード
3.アップロードが完了したら、使いたい画像をクリック
4.画像のURLをコピーする。
拾ってきたURLを
テンプレートのカスタマイズページの
左メニュー「テンプレート」
↓
選択可能一覧該当テンプレートの編集欄の「カスタマイズ」
↓
スタイルシート 枠
CSSの該当部分に例えば以下のように記入して使います。
background: url(http://img01.noramba.net/usr/kiki/wrap.jpg) no-repeat;
こんな感じで、当ブログのタイトル部分のようにオリジナル画像を利用できます。
このやり方の問題はブログの画像などが容量制限を超えると消えてしまうかもしれないこと。
その際は画像を再度アップするなどしなければならないでしょう。
↑To Blog TOP