クリックすると大きくなる画像の貼り方 | 繁盛店をつくる人材育成の方法

クリックすると大きくなる画像の貼り方


日本カイロプラクティックセンター谷四 宮内
さんからリクエストいただいたので、


「 アメブロ記事へのクリックすると大きくなる画像の貼り方 」


これ解説しておきます。



1 大きな画像を用意しておきます。(新規に写真を用意するなら640×480サイズがおススメ)

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像サンプル1
クリックすると大きくなります


2 「 記事を書く 」のページを開いて画像を挿入したい場所にカーソルを合わせます。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方1
クリックすると大きくなります


3 「 画像 」のボタンをクリックします。
小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方2
クリックすると大きくなります


4 「 画像フォルダ 」のウインドウが開きますので「 参照 」のボタンをクリック。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方3
クリックすると大きくなります


5 「 ファイルの選択 」のウインドウが開きますのでファイルを選択して「 開く 」のボタンをクリック。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方4
クリックすると大きくなります


6 「 タイトル 」の枠に画像タイトルを入力してアップロードをクリック。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方5
クリックすると大きくなります


7 画像一覧の左上に今アップロードした画像が表示されます。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方6
クリックすると大きくなります


8 画像の下の「 この画像を使う 」というボタンをクリック。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方7
クリックすると大きくなります


9 画像が記事に挿入されました。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方8
クリックすると大きくなります


10 画像の近くに「 クリックすると大きくなります 」と一言添えます。

小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像の貼り方9
クリックすると大きくなります


11 記事を投稿後クリックしてみて大きな画像が出るか確認してください。


記事に挿入される小さな画像は横幅が220ピクセルになるようです。

もともとの画像のサイズの横幅が小さいとクリックしても大きくなりません。


画像ファイルの上にカーソルを合わせると、


小さなお店を繁盛店にする方法 小さな店専門の経営コンサルタント菅俊介のブログ-画像サイズ確認

クリックすると大きくなります

↑このようにサイズが表示されます。


画像を使う前に確認してみてください。



また、画像サイズが大きすぎるのも表示に時間がかかりすぎますのでお勧めしません。


クリックすると大きくなる画像を貼るとかなりの確率でクリックしてくれますので、アクセスアップにつながります。

ぜひチャレンジしてみてくださいね。



関連記事

アメブロ記事へのリンクの貼り方

記事のタイトルをそのままリンクさせる方法