検索結果ページの画像サイズを変更する

検索結果ページの画像サイズを変更する

検索結果ページの画像サイズの変更について

検索結果ページ上で表示される画像サイズは各レイアウトごとにスタイルシートで制御されていますが、画像の大きさを変更したいケースもあるかと思います。
画像サイズを変更するには、検索結果タブの上部ツールバー上にある「検索結果の設定」→「画像サイズの設定」から設定を行います。

 

 

下図の画像サイズ設定画面が表示されます。
この画面で検索結果のサムネイル画像などのサイズを一括変更することが可能です。

 

 

サムネイル画像のサイズ調整

サムネイル画像のサイズを「%」または「px」で指定をすることができます。

画像の横幅

単位を%にした場合画像
画像の親要素に対して、パーセンテージでサイズを指定します。
たとえば50%と指定した場合は、親要素の半分が画像サイズとなります。
横幅いっぱいまで画像を表示させたい場合は、こちらで100%と指定してください。
単位をpxにした場合画像
絶対値で画像の横幅を指定する場合は、pxを選択します。
例えば300pxと指定した場合、全てのサムネイル画像が300pxの横幅となります。
画像の横幅が固定されますので、画像サイズが決め打ちされている場合はpxを指定するのが良いでしょう。

 

画像の縦幅

画像の縦幅をpxで指定します。各検索アイテムの画像の高さを合わせたい場合はこちらで指定してください。

 

サムネイル画像のサイズ変更はPC及びタブレットブラウザにのみ反映されます。
スマートフォン上での画像サイズは変更できませんのでご注意ください。

 

「画像」タイプ項目のサイズ調整

検索項目のタイプを「画像」にしている場合の画像サイズを調整することができます。
デフォルトでは縦、横ともに最大値が40pxに指定されていますが、サイズを調整したい場合に設定を行って下さい。
なおこの項目でサイズを調整した場合、「検索フォーム」上の画像サイズも連動して変更されます。

【新サービス】サイト制作代行サービスをリリースしました!