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 サンプルビル |
| TEL | 000-000-0000 |
| FAX | 000-000-0000 |
| 事業内容 |
|
STEP
1
No wrapを指定する
スマホで表示した時に、左の列はセル内で改行しないように設定します。
テキストが一番長い「代表取締役」を選択し、ブロックツールバーから「No wrap」をクリックします。
STEP
2
画面のサイズを変更して表示を確認する
デベロッパーツールなどで画面の幅を狭くしても、左の列はセル内で改行しないことを確認しましょう。
STEP
3
チェックテスト
Lightningなら
ビジネスサイトも
ブログも簡単に作れます
有効インストール数10万件以上！Lightning は WordPress公式ディレクトリに登録されているテーマです。いかに最短でサイト制作が出来るかという事に重点を置いて開発しています。デモデータも配布されているので、ビジネスサイトの雛形が数分でセットアップできます。