みなさん、こんにちは。
JLDPA制作部、デザインルーム・モノラの横山絵美です。
本日は、ちょっと便利なアメブロの小技をご紹介いたします。
アメブロには、画像をカンタンに文章の途中に入れられる機能があります。
こんな感じですね。
記事を書くときに「画像」ボタンをクリックしてアップロードし、
「この画像を使う」とすると表示されます。
この時、大きなサイズの画像は自動的に小さなサイズに変えられて表示され、
その画像をクリックすると、画像用のページで大きく開くことができます。
でも、記事の中で大きく表示させたい時ってありませんか?
こんなふうに
やり方はこちら。これはとってもカンタンです
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
記事を書く欄で、まずふつうに画像を挿入します。
「HTMLタグを表示」に切り替えます。
【<a href="●●">】という文字と、【src="★★"】という文字を見つけます。
(↑文字をごらんいただきたいので、画像を大きくしました♪)
●●をコピーして、★★のかわりに入れます。同じ●●が並びました。
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
ちなみに、元の画像が大きすぎると、はみ出ます。
こんなふうに
こんな時は、元の画像をご自分のブログの幅(400~500くらいだと思います)に調整するか、
もしくはsrc="●●">のところに、width(幅)タグを入れてください。
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
src="●●" width="500"
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
(数字は調節してみてくださいね)
いかがでしょうか?
・ この記事みたいに、画像で説明したいとき☆
・ お子さんの写真が遠めだったりして大きく見せたいとき☆
・ レシピ写真の手元☆
などなど、
小技として便利にお使いいただけたら嬉しいです
(1つの記事に連発しすぎるとページが重くなりますのでお気をつけください)
それでは、また来週・・