2012年10月12日 13:49
今回から、∑(￣ﾛ￣|||)なんと！？
”てぃーだブログ・オリジナルテンプレートの作成方法：特別編”をスタートします。
最近、よく見かけるてぃーだブログ
「オリジナル★テンプレートの作成 」で作成されたブログで、
ヘッダー画像部分が上手く設定されていないブログがあるので、
それを解決するためには、どうしたらいいのか？
その解決方法をこの“特別編シリーズ”で紹介したいと思います。
では、実際に「オリジナル★テンプレートの作成 」で作成しながら、説明していきます。
てぃーだブログ：
「管理画面TOP」→「ブログの設定（テンプレート）」→「オリジナル★テンプレートの作成 」
上記赤枠の「オリジナル★テンプレートの作成 」をクリックすると、
下記の、てぃーだブログ「オリジナル★テンプレートの作成」画面が表示されます。
今回は、事前にヘッダー画像を用意し、ブルーをテーマカラーに作成したいと思います。
※「登録」ボタンを押すと上書きされます、上書き後は前の状態には戻せません。
■基本設定
テンプレート名：オリジナルテンプレート
テンプレートのタイプ： 2カラム(サイドバー右)
■ブログ全体の設定
基本の文字色・背景色を設定します。
文字色：#6699ff
背景色：#cccccc
■テーマカラーの設定
ブログタイトル、サイドタイトル、フッターのテーマカラーを設定します。
文字色：#000000
背景色：#6699ff
■ヘッダーの設定
ヘッダー（ブログ上部）の背景に画像を設定します。
ヘッダー画像：bg_100x100.gif
参照ボタンを押し、背景に設定する画像を選択した後、アップロードボタンを押してください。
上記のこの部分で事前に準備したヘッダー画像（サイズ：横750px 縦200px ）を
アップロードして背景に設定するのですが、ここで使用する画像サイズしだいで、
どのようにヘッダー部分に画像が上手く表示できていなかを再現しながら説明します。
今回用意した画像は、上記の”ヘッダー画像（サイズ：横100px 縦100px ）”です。
■ブログタイトルの設定
ブログタイトルの文字揃えを設定します。
文字の位置：左揃え
■ブログ説明文の設定
ブログ説明文の文字揃えを設定します。
文字の位置：左揃え
文字色：#000000
以上が、てぃーだブログ「オリジナル★テンプレートの作成」画面の入力内容です。
最後に、
[登録]ボタンを押すと確認画面が表示されますので「OK」をクリックすると登録されます。
では、実際にオリジナルテンプレートを、テスト表示用ブログ
『ブログをカスタマイズ！「ブログスタイル」』に適用しましたしたので、
確認してみましょう。以下がそのヘッダー部分の画像表示です。
規定値のヘッダー画像サイズは、（横750px 縦200px ）なのですが、
実際に設定したヘッダー画像サイズは、（横100px 縦100px ）なので・・・、
上記の実際の表示のように、
同じ画像が横にも縦にも、繰り返し表示されているのがわかりますね！
ということは、規定のサイズより、小さい場合は、このような表示になるので、
この「オリジナル★テンプレートの作成 」でブログを作成する場合は、
ここを気をつけて設定すれば上手く表示されるでしょう。(⌒-⌒)ﾆｺﾆｺ...
・・・長くなりましたので、今日は、ここまでにしたいと思います。
では、次回から、実際にスタイルシート（ソースコード）を交えながら、
説明していきますので、お楽しみに～♪(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪
皆さんも、ブログカスタマイズに
チャレンジしてみては、いかがでしょうか！？ｐ(*^-^*)ｑ がんばっ♪