アメブロの小技★ブログで画像を大きく表示する方法 | 日本のくらしをふろしきで伝える わたしの生き方 粋になる 日本テキスタイルプロジェクト〜TSUTSUMU~

日本のくらしをふろしきで伝える わたしの生き方 粋になる 日本テキスタイルプロジェクト〜TSUTSUMU~

日本の伝統文化 もっと好きになる
わたしの生き方 粋になる
【日本テキスタイルプロジェクト】
包む・結ぶ・装う
オシャレにかわいく
【ふろしき】で日本の美しい生活文化を発信

みなさん、こんにちは。


JLDPA制作部、デザインルーム・モノラの横山絵美です。


本日は、ちょっと便利なアメブロの小技をご紹介いたします。




アメブロには、画像をカンタンに文章の途中に入れられる機能があります。


こんな感じですね。矢印


(社)日本ライフデザインプロデュース協会公式スタッフブログ-size500


記事を書くときに「画像」ボタンをクリックしてアップロードし、


「この画像を使う」とすると表示されます。




この時、大きなサイズの画像は自動的に小さなサイズに変えられて表示され、


その画像をクリックすると、画像用のページで大きく開くことができます。




でも、記事の中で大きく表示させたい時ってありませんか?


こんなふうに矢印


(社)日本ライフデザインプロデュース協会公式スタッフブログ-size500


やり方はこちら矢印。これはとってもカンタンです音譜


◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇


1 記事を書く欄で、まずふつうに画像を挿入します。

(社)日本ライフデザインプロデュース協会公式スタッフブログ


2 「HTMLタグを表示」に切り替えます。


(社)日本ライフデザインプロデュース協会公式スタッフブログ



3 【<a href="●●">】という文字と、【src="★★"】という文字を見つけます。

(社)日本ライフデザインプロデュース協会公式スタッフブログ

(↑文字をごらんいただきたいので、画像を大きくしました♪)



4 ●●をコピーして、★★のかわりに入れます。同じ●●が並びました。

(社)日本ライフデザインプロデュース協会公式スタッフブログ



5 タグ非表示の欄で見てみると・・・

(社)日本ライフデザインプロデュース協会公式スタッフブログ  大きな画像になりました!


◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇





ちなみに、元の画像が大きすぎると、はみ出ます。


こんなふうに矢印あせる



(社)日本ライフデザインプロデュース協会公式スタッフブログ-size大


こんな時は、元の画像をご自分のブログの幅(400~500くらいだと思います)に調整するか、


もしくはsrc="●●">のところに、width(幅)タグを入れてください。


◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇


src="●●" width="500"


◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇


(数字は調節してみてくださいね)




いかがでしょうか?


・ この記事みたいに、画像で説明したいとき☆


・ お子さんの写真が遠めだったりして大きく見せたいとき☆


・ レシピ写真の手元☆


などなど、


小技として便利にお使いいただけたら嬉しいです音譜


(1つの記事に連発しすぎるとページが重くなりますのでお気をつけください)




それでは、また来週・・ニコニコ


ペタしてね 読者登録してね