VK Blocks の新機能: グループブロックで横スクロールができる

うれしい新機能「グループ水平スクロール」

VK Blocks バージョン 1.116.0 でうれしい新機能が追加されました。WordPress 標準のグループブロックの水平スクロール機能です。

横スクロールするテーブルとして使える

スマホの画面幅に収まらないような表形式のコンテンツを作るとき、いままではテーブルブロックを使って横スクロールさせたり、テーブルブロックを display: flex; でレスポンシブ対応したりしていました。

新機能を使ってグループブロックで横スクロールするコンテンツを作る手順は以下の通り、かんたんです。

• グループブロックにカラムブロックを入れてコンテンツを作る。
• グループブロックの水平スクロールを有効にして、テーブルモードを有効にする。

このようにすれば、横スクロールするテーブルブロックとして使うことができます。

と思う方もいらっしゃるでしょう。

テーブルブロックとは表現力が段違い

たしかに、シンプルな表を横スクロールしたいならテーブルブロックで十分役に立ちますし、その方が作り方もかんたんです。

テーブルブロックに対して、カラムブロックはさまざまなブロックを組み合わせたコンテンツを持たせることができて、スタイル設定もテーブルブロックよりもはるかに高機能なので、テーブルブロックとは表現力が段違いです。

一例として、この下の方に載せてあるフィットネス料金プランの例をご覧ください。

VK パターンライブラリ からコピペしたものに、VK Blocks のボタンブロックを使って申込みボタンを追加しました。ほとんど手間がかからず、あっという間にできちゃいました😊

テーブルブロックでも HTML と CSS を使ってこの表のようなデザインを作って、さらにボタンを追加することはまったくできないわけではありませんが、すごく作業工数がかかります。

スクロールメッセージも指定できる

デフォルトのスクロールメッセージは「スクロールできます」ですが、このメッセージを変更することができて、メッセージの前後のアイコンも選ぶことができます。