としぽっちのブログ一覧

ブログに複数の画像をUPする方法を教えてほしいというご要望がありましたので、ご説明したいと思います。

通常ブログに画像をUPする際には、自分のPCの中の任意のフォルダから選んでUPしますが、基本的にやり方が異なります。

掲載したい写真を一度「カービューサイト」にUPしてから、そこのURLを使うというすこし回りくどいやり方を取らなければなりません。
※もしもっと簡単なやり方がある、という方がいたら教えてください<(_ _)>

なので、わたしは掲示板を写真置き場にしていますが、そのほかにもスタイルシートの画像をストックしておく場所に保存しておいてその「URL」を使うというやり方もありです。

ではあらかじめ「掲示板」か「スタイルシート用画像」のところにUPしたい写真をあげておいてから作業を始めましょう。


まずはブログ編集画面の「本文」というところにこのような表示があると思いますが、そちらの「画像」を挿入したい場所にカーソルを置いておいてクリック。

すると
このような画面が出てきますので、そこに写真のUPしておいたリンク先の「URL」を入力します。

ここで気をつけてください！
このままでは画像はUPされません！
入力すると、指定した「URL」の文字列の前に
「http://carlife.carview.co.jp/Image.asp?」
というのが表示されますので、この部分は削除してください。

そうすると、
「<>」の間に『img src="「指定したURL" border="0"』
というように表示されます。

このままだと、↑の画像のように画像が表示され、この画像指定後の文字は画像の下に表示されます。

画像が大きい場合はブログページのスタイルが崩れてしまうので、「border="0"」の後に半角でスペースを空けて「width="数値"」というように入力しましょう。
たとえば、"250"で打ち込んでみてください。この数値が大きくなれば掲載される画像は大きくなりますし、小さくすれば画像は小さくなります。

"250"に指定してみます。


"150"に指定してみます。

また、さらにこの後に半角スペースを空けて「align=left」を挿入すると
文字がこのように画像の右側に配置されます。この画像指定の後に画像をさらに指定すれば、




































ということもできます。

うまく説明できたでしょうか？

今朝のブログで紹介した、フォントサイズの変更の仕方を取り上げてみました。
合わせて文字色の変更も取り上げているので、背景色とのマッチングがうまくいっていない方は試してみてください。

今回はページ上部。
ヘッダーの下に表示される「タブ色」の変更をやってみましょう♪

「アクティブ」「ネガティブ」で色を使い分けることで、個性的なページを演出することができますね！

詳しくは関連URLにてどうぞ。

本日は愛車紹介のトップページの各車ごとにくくってある、枠の色を変更したいと思います。

ここらにくると、少しずついじりながら、プレビューとにらめっこですね(^^;
地道に作業していきましょう。

スタイルシートの説明をやってしばらくになりますが、ケッコウ苦戦している方多いですね(^^;

自分もそうでした。

わたしがいじりだしたころは、スタイルシートの編集画面を開くと記号の文字列のみでしたが、今「ブルー」を読み込んでみると、細かく区分わけされていますネ！

そこを見ていくと、「ここを変えたい」時には「ここをいじる」というのが見えてくるかと思います。

そしてプレビューを見ながら変更していくといいでしょう。
なれないうちは「色」のみを変更することをススメます。

表示が
「color：」もしくは「background-color:」という部分を探し、
「#000000;」という部分の「000000」の部分を変更する。

これに徹すればいいと思います。

わたしは自分のベースとするスタイルシートのすべてを一度プリントアウトして、マーカーでチェックしました。
そしてその見出しを見れば「body」「CarLink」などとあるので、おおよその予測がつきます。
それほど難しい英語の表記はないので、そうやってしらみつぶしにしていけば時間はかかりますが、ものになると思います。

さぁ！、やってみよう!!