MENU

画像をサムネイルで表示する方法

記事内で使用する画像をサムネイルで表示する方法。
サムネイルとは、記事本文に小さな画像を表示させ、画像をクリックすると新しいウィンドウや新しいタブで大きな画像(元画像)を表示させる方法です。

この画像のサムネイル化は、以前の管理画面では簡単に設定できましたが、
新管理画面になってから、機能が消えてしまっていました。

ですが、昨日、画像の表示方法が変更され、同時にサムネイル化もできるようになりましたので、その方法を解説したいと思います。

そもそも画像をどうやって表示させるのか、拡大・縮小をどうするのか、といった方法が分からない方は、先に過去記事をご覧ください。

 → 過去記事:「記事内の画像の大きさを変える」

ウスケバスタッフブログでも、詳細な解説がされています。

 → ウスケバスタッフブログ:画像サイズに関して

 画像のサムネイル表示

(1)元画像(リサイズしない)をアップロードします。

(2)記事編集画面に表示された画像上で右クリック。

(3)「イメージ プロパティ」を選択して開きます。

(4)「イメージ プロパティ」の「イメージ情報」で、
   サムネイル表示したい幅または高さを設定します。

(5)URLを右クリックでコピーします。

(6)「ハイパーリンク」をクリックします。

(7)「URL」に先ほどコピーした画像URLをペースト、
   「Target」を「New Window(_blank)」にします。

(8)「OK」をクリックします。(忘れずに!)


設定は以上です。

元画像をアップしたら右クリック。
後は、「イメージ プロパティ」で全部編集できてしまいます。
(4)と(5)の順番は任意で。どちらが先でも構いません。

ハイパーリンクの解除や、画像サイズの変更をしたいときは、
再度、画像の上で右クリックして「イメージ プロパティ」を開きます。

簡単ですね♪

【実際にサムネイル化した画像例】

クリックすると元画像が別ウィンドウで表示されるようになりました。

ただし、昨日の画像アップロードに関する設定変更で、元画像をアップしたときに多少の縮小がされてしまうようですね。

この記事を書いた人