標準テンプレートの応用② ヘッダーの画像を入れ替える

ブログデザインの一番のポイントとなるヘッダー用の画像を入れ替えます。ヘッ ダー用の画像として使える画像をいくつかすでに用意しています。このブログの左のサイドバーにある「素材コレクション」の中の「タイトル背景」で一覧することが出来ます。
このコレクションは標準テンプレートに合わせて、すでに横幅を１０００ピクセル以上に調整してありますので、ダウンロー ドしてそのまま使えます。

ヘッダーを替える

①　使いたい画像をクリックして拡大し、拡大した画像の上を右クリックして「名前を付けて保存」でパソコンに保存します。


②　「デザイン」タブの「ページの要素」のHeader　の編集ボタンをクリック。

③　「ヘッダーの設定」画面で「画像を削除」をクリックして、すでにあるヘッダー画像を削除する。

③　「タイトルと説明の背後」と「ページに合わせてサイズを調整」にチェックを入れ、「参照」ボタンでパソコンに保存しておいた新しい画像ファイルを指定する。

 

④　「保存」ボタンを押して「ブログの表示」で確認。

⑤　テンプレートデザイナーの「アドバンス」タブの「ブログのタイトル」で新しい画像に合わせて、タイトルのフォントや大きさ、文字色を調整する。

⑥　「ブログに適応」をクリック。

⑦　「アドバンス」の「タブの背景」と「タブのテキスト」を同じようにして調整する。

⑧　「ブログに適用」をクリック完了。

※　表示してある「標準テンプレートのカスタマイズ」は一例です。それぞれのブログのデザインは違うものになります。

※　コレクションの中に使いたい画像がない場合は自分で探したり、また作ったりしすることも出来ます。その方法は後ほど説明します。