［The Cutest Blog on the Block］の背景画像の設置方法
前回の第１回：海外サイトのおしゃれ背景 その1では、海外のブログテンプレートサイト［The Cutest Blog on the Block］（以下CutestBlogと省略)からたくさんの背景画像から自分ごのみのデザインを探すレッスンを書きました。
探すだけで終わってしまい配置に関しての記事は書きませんでしたが、配置しなければ全く何の意味もないですよね。
CutestBlogのサイトに配置の説明があります。
こちらの説明の通り、配置自体はとても簡単です。
Directions:
Log onto your blog.
Click on your 'Design' tab or 'Layout' tab.
Click 'Add a Gadget'.
Click on the (+) sign next to 'HTML/JavaScript'.
Paste the entire code in that space.
Click 'Save' and you now have a new HOT blog!
↑が原文です。英語が不得意な人のためにわかりやすく説明します。
■■ ガジェットとは ■■
［ガジェットを追加］というものがところどころにあり「なんだろう？」と思っている人も多いと思います。
ここでいうガジェットとは、ブログに追加する機能のことです。「ブログパーツ」とも呼ばれています。
ガジェットはたくさんの種類-- 時計やカレンダー、天気予報や最新ニュース、広告などなど --があります。
いまご覧になっている私のブログには、Amazonの広告がありますね。Amazonのアフィリエイトに参加し、このガジェットを手に入れました。私の場合は自己紹介として自分の著作物を載せていますが、このような広告で収益を上げている人もいます。
また自分のブログを賑やかに飾りたい、という目的で楽しいツールをいろいろ置いている人もいますね。
gadget-gallery.jpのようなサイトでフリーのガジェットを見つけることができます。
２）前回の第１回：海外サイトのおしゃれ背景 その1の最後で説明したように、CutestBlogで選んだはバックグラウンドのコードをコピーします。
３）サイドバーの一番上にある［ガジェットを追加］をクリックする。
（＋マークをクリックする）。
５）先程コピーしたコードを、［コンテンツ］フィールドにペーストします。
※［タイトル］はなんでもよいですが、サイドバーに表示されます。
入力しなければ、HTML/JavaScriptと表示されます。私はTHE CUTEST BLOG ON THE BLOCKと入れました。
これで完了です。きちんと表示されましたか？・・・あれ？されません？
背景の配置がうまくいかない理由はテンプレートデザインの種類
ただ、説明通りの手順を実行しても、うまく背景が表示される人とされない人がいます。
それはみなさんが選んでいるテンプレートのデザインによって決まります。
 |
| ［テンプレート］によってデザインを決めていますね |
選んでいる種類と設定によって、背景がきちんと表示されません。
［シンプル］を選んでいる場合の設定
下のサンプルを見てください。
どれもブログの上の方に色や画像の帯が表示されています。
そのため背景画像が消されてしまうのです。
また背景部分を薄く表示する設定が入っているデザインもあります。
 |
| 帯により背景画像がカットされています。 |
これはデフォルト設定ですので、好きな色を設定している皆さんとは、違う配色だと思いますが、どれも同じように帯の色で背景が隠されています。
また右下のグリーンの帯には画像が使われています。
オレンジと水色のタイプは、背景画像が薄くなるように設定されていますね。
［背景］の設定を変更すれば、かわいい背景画像がきちんと表示されますのでやってみましょう。
これは［シンプル］の１番目のテンプレートの例です。
［上級者向け］>［背景］>［外側の背景］
カラーのプルダウンから［透明］を選んでみてください。帯が消えたはずです。
［メインの背景］を［透明］にすれば、ブログのメインの部分の色も透明になります。
テンプレートによっては、右の例のように背景が薄くなってしまう場合があります。
その場合［背景］>［背景画像］をクリックして［背景画像を選択］ウィンドウを立ち上げます。
［完了］ではなく［キャンセル］を選んでみてください。
よくわかりませんが、なぜかカラーが黒になり、背景色の色の薄さがなくなりました。
もちろんタイトル部分の地色がなくなってしまうと、白や薄い色でタイトル文字を色付けしていた人は、タイトルが読みにくくなってしまいます。
［ブログのタイトル］や［ブログの説明］の文字色を読みやすい色に変更しておくのを忘れずに。
その他のテンプレートを選んでいる場合
選んだ背景画像が表示されない人は、背景の設定部分をいろいろ変更してみてください。
テンプレート背景画像は必ず削除してくださいね。
いかがでしたか？
背景がおしゃれになるだけで、ブログの印象が全く違うものになりますね。
きっとタイトル部分ももっともっとおしゃれにしたいはずです。
次回はタイトルを画像で作るお話をしますね。お楽しみに！
いかがでしたか？
背景がおしゃれになるだけで、ブログの印象が全く違うものになりますね。
きっとタイトル部分ももっともっとおしゃれにしたいはずです。
次回はタイトルを画像で作るお話をしますね。お楽しみに！
0 件のコメント:
コメントを投稿