VK Booking Manager Pro 3.10.0 で、サービス一覧のカード画像の比率（正方形・4:3・16:9）を選べるようになりました

いつもベクトル製品をご利用いただき、ありがとうございます。

WordPress プラグイン VK Booking Manager Pro 3.10.0 で、メニューループブロックと予約ブロックのサービス一覧に表示するカード画像の比率を選べるようになりました。アイコン画像やスタッフの顔写真も、本文の長さに関係なく同じ形でそろえて表示できます。

これまでのカード表示では、画像の高さが右側の本文の高さに合わせて伸びていました。そのため、サービスメニューの説明文や料金の区分が多くなると画像が縦長になり、左右が切れてしまうことがありました。今回、画像の比率を固定できる設定を追加し、本文の量に関係なく画像を同じ形で表示できるようにしました。

初期設定は「本文の高さに合わせる」で、これまでと同じ表示です。更新しただけでは見た目は変わりません。

選べる画像の比率

選択肢	表示
本文の高さに合わせる（初期値）	これまでと同じです。画像の高さが本文の高さまで伸びます。
元のサイズ	画像を元の縦横比のまま表示し、本文の上端にそろえます。
正方形 – 1:1	正方形で表示します。メニューのアイコンや、スタッフの顔写真に向いています。
標準 – 4:3	4:3 の横長で表示します。
ワイド – 16:9	16:9 の横長で表示します。客室や店内の写真に向いています。

「正方形 – 1:1」「標準 – 4:3」「ワイド – 16:9」では、枠からはみ出した部分を切り取って表示します。スマートフォンなどで画像が本文の上に並ぶときも、選んだ比率で表示されます。

画像の比率を設定する場所

画像の比率は、使っている表示に合わせて次の 2 か所で設定します。

表示する場所	設定する場所
メニューループブロック（ページに置くサービス一覧）	ブロックの設定サイドバー →「表示要素」→「画像の比率」
予約ブロックのサービスメニュー一覧	「BM 設定」→「システム設定」→「サービスメニューの画像比率」

設定の手順

メニューループブロックで設定する場合

「画像の比率」の欄が見つからないときは、「表示モード」が「テキスト」で、「サービスグループ」が「指定したサービスグループ」になっていないか確認してください。この組み合わせではカードが表示されないため、欄も表示されません。

予約ブロックで設定する場合

今の表示のままでよい場合

何もする必要はありません。初期値は「本文の高さに合わせる」で、更新前と同じ表示です。

対象バージョン

VK Booking Manager Pro 3.10.0 以降

ぜひご活用ください。