クリックで画像を拡大するには

記事に載せた画像は、そのままだとサイト上でクリックしても拡大されません。拡大させる設定はとても簡単です。

※「製品情報」で設定するアイキャッチ画像、ギャラリーの画像は対象になりません。

実際の表示イメージ

サンプル
左カラム:「段落」ブロック

サンプル「画像」ブロック:クリックして拡大

このサンプルでは「カラム」ブロックの中に、「段落」ブロックと「画像」ブロックを設定しました。右側の画像をクリックしてみてください。拡大されたでしょうか?

設定手順

①「画像」ブロックに画像を指定したとします。
画像をクリックすると、「画像」ブロックに付属するメニューがいくつか表示されるので「リンクの挿入」アイコンをクリックします。

図1:「リンクの挿入」をクリックした

②「リンクの挿入」では、画像にどのようなリンクを設定するかを決められます。

ここでは、拡大画像を表示するリンクを設定したいので「メディアファイル」をクリックします。ここで使用しているメディア(元の画像)へリンクするという設定になります。

図2:「メディアファイル」をクリック

③リンクのURL欄に「メディアファイル」という表示が出ていれば、設定完了です。

図3:「メディアファイル」へのリンクが設定された

設定をやり直したい場合は「ペン」のアイコンをクリックして編集します。

リンク設定を外したい場合は「×」のアイコンをクリックして外しましょう。

図5:編集、削除はここから