アメブロの記事に画像を貼り付ける方法をちょっと変えてみませんか?
実はこのブログで少し前からコッソリ実践してたんですが、
ちょいと便利だったので記事にしてみることにします。
とは言え、多くの人には、
あんまり使えないネタだと思うんですけどね^^;
ブログに画像を貼り付ける場合どうしてますか?
まず使用する画像を用意して、
アメブロ投稿エディタのこのボタンをポチ!
そこから画像をアップロードして、
画像の設定のところの「オリジナルで表示」をオンに。
さらにアップした画像にチェックをいれてから、
「チェックした画像を使う」ボタンを押す。
あるいは、画像が1つだけなら、
アップした画像の下にある「この画像を使う」ボタンをポチ。
が、この方法だと、
画像の前後に変な改行が入っちゃったり、
ソースがこんな残念な感じになっちゃいます。
そこで、
アップロードは普通にやらなくちゃなんないんですが、
そのHTMLタグをブログへ貼り付けるのは、
ボタン一発じゃなく、手動でやっちゃおう!
今日はそんなアナログなネタを。
正直な話「手動でやる」わけですから、
慣れてないとそれなりの手間はかかります。
それにちゃんとわかってないと却って混乱しちゃうことにも・・・
なので、できる人だけ試してみてくだされ。
従って説明もあんま具体的にしません(ぉ
じゃ、行きます。
用意するHTMLタグはコレだけ↓
<img alt="画像説明" src="http://up_url " border="0" />
①「画像説明」 の部分に、画像の説明を記入
②「http://up_url」 の部分にアップしたURLを記入
僕はめんどいんでやってないですが、
こだわるなら画像サイズも指定した方が良いと思います。
<img alt="画像説明" src="http://up_url " width="画像の横サイズ" height="画像の縦サイズ"border="0" />
もちろんこれだけなので、挿入した画像はリンクになりません。
と言うか、僕の場合はただ単に画像を挿入表示したいだけなんで、
余分なリンクが無くなる分、
むしろこっちの方が都合が良いんですよね。
逆に、大きい画像を記事上では縮小表示しておいて、
元の大きい画像が見たい人はこの画像リンクをクリックしなはれ!
そんな画像の使い方はをしたい場合にだけ、
リンクにすれば良いわけで、
全ての画像をリンクにする意味なんてわかりまてん。
このやり方だと・・・
記事に1つの画像しか使わない場合は、
画像をアップする時に求められる画像タイトルの入力は、
特に必要ないです。(あくまでaltは手動で設定するので)
複数の画像をアップする場合であっても、
単に画像のアップ先のURLをタグに挿入する際に、
そのURLがどの画像のものなのかがわかればOKなので、
アップする段階で入力する画像タイトルは、
適当なもので良いので楽チンです。
ちと細かい話なんですが、
アメブロのデフォ機能で画像を貼り付けると、
「ブログ名-画像タイトル」って感じで、
全ての画像に無駄に「ブログ名」が入っちゃいます。
特に長いブログ名を付けてる人で、
画像を多用するような場合は、ちょっとスッキリするかも。
CSSでの改行や段落前後のマージン設定などによっても、
かなり変わってくると思うんですが、
このブログのようにかなり多目にマージンを取ってる場合は、
意図せぬ改行は見過ごせない程のスペースとなって表示されます。
以前は画像を挿入した後、いちいち削除してたんですが、
それがたまらなくめんどくて・・・
以上、これらのことに少しでも思い当たるフシのある方は、
是非一度お試しあれ!
って、そんな人は既にやってはりますな^^;
アメブロカスタマイズ井戸端コミュ |