VK Blocks テキストの改行禁止指定

このレッスンについて

VK Blocks / Pro の ブロックや、設定・機能 について学習します。

レッスンの「練習」を試すには、自由にテストできるご自身のWordPress環境が必要です。ご自身のPC内にテスト環境をつくりたい場合は、以下のレッスンを参考にしてください。

説明

テキストの改行禁止指定について詳しくは、以下にてご確認ください。

https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-functions/text-nowrap/

練習

ご自身のWordPress環境にて練習してみましょう。

ブロックをコピペする

「コピーする」ボタンをクリックすると、以下の表をテーブルブロックとしてコピーできます。ブロックエディタの編集画面の本文欄に貼り付けてください。

会社名株式会社サンプル
英文社名Sample Co. Ltd.
代表取締役山田次郎
従業員数100名
所在地愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL000-000-0000
FAX000-000-0000
事業内容
  • 印刷事業部
  • デザイン事業部
  • インターネット関連事業部
  • ソフトウェア開発事業部
  • 通信販売事業部
STEP
1

No wrapを指定する

スマホで表示した時に、左の列はセル内で改行しないように設定します。

テキストが一番長い「代表取締役」を選択し、ブロックツールバーから「No wrap」をクリックします。

STEP
2

画面のサイズを変更して表示を確認する

デベロッパーツールなどで画面の幅を狭くしても、左の列はセル内で改行しないことを確認しましょう。

STEP
3

チェックテスト

Lightningなら

ビジネスサイトも





ブログも簡単に作れます

有効インストール数10万件以上!Lightning は WordPress公式ディレクトリに登録されているテーマです。いかに最短でサイト制作が出来るかという事に重点を置いて開発しています。デモデータも配布されているので、ビジネスサイトの雛形が数分でセットアップできます。

PAGE TOP

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。