Microsoft Word のタブとリーダーに相当する機能を実装してみました。レスポンシブ対応済みです。
実装方法はいくつか考えられますが、背景画像を使えるようにしたこと、ブロックエディターでビジュアル編集できるようにしたこと、がこのカスタマイズのポイントです。
背景画像なし
カレーうどん
870
肉うどん
870
天ぷらうどん
900
皿うどん
930
冷やし中華 (夏季限定)
930
なべ焼きうどん (冬季限定)
1,050
背景画像あり
カレーうどん
870
肉うどん
870
天ぷらうどん
900
皿うどん
930
冷やし中華 (夏季限定)
930
なべ焼きうどん (冬季限定)
1,050
価格表以外に以下の用途でも使えると思います。
- 運動会や卒業式などの式次第
- 書籍の目次 (ウェブサイトでの需要はないかもしれないけど😅)
2023.4.27 追記
この投稿のカスタマイズ例ではグループブロック・横並びブロック・段落ブロックを組み合わせていますが、食事メニューを追加する操作がちょっとわかりづらいことに気がつきました。
そこで、テーブルブロックを使ってブロック構成をシンプルにして、食事メニューの追加をわかりやすくしたカスタマイズ例を作りました。
価格表のカスタマイズ例 飲食店のメニュー表②【完結編～機能追加】
Microsoft Word のタブとリーダーに相当する機能を CSS で実装してみました。テーブルブロックをカスタマイズしています。
Lightning G3 Pro / VK Blocks Pro / WordPress のカスタマイズ【デモ館】 
投稿者プロフィール
- 魚沼情報サービス (新潟県南魚沼市)
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
Lighting テーマ使用
WordPress サイト開設
スターターパック
- デザイン済みパーツを組み合わせることで価格と納期を大幅削減
- プロが作ったクオリティが高いホームページ
- サポート付き・ご自分でかんたんに情報発信できます
