見出し、リスト、画像、グループなどWordPress標準のブロックに対して、VK Blocks 独自の装飾スタイルを追加しています。VK Blocks Pro 及び 無料版の VK Blocks でご利用いただけます。以下の動画で詳しく紹介しています。

画面サイズ毎の改行指定

画面サイズ毎の改行
xs サイズで改行されます。

画面サイズ毎の改行
sm サイズで改行されます。

画面サイズ毎の改行
md サイズで改行されます。

画面サイズ毎の改行
lg サイズで改行されます。

画面サイズ毎の改行
xl サイズで改行されます。

画面サイズ毎の改行
xxl サイズで改行されます。

見出しなどでテキストの改行位置を画面サイズ毎に設定できます。見出しや段落ブロックなどで編集画面から改行したい箇所に改行タグ用のコードを挿入できます。

xs~xxl各サイズの範囲は以下のように設定されています。

  • xs:~576px
  • sm:576px ~768px
  • md:768px~992px 
  • lg:992px~1200px
  • xl:1200px~1400px
  • xxl:1400px~
xs(~576px)サイズで改行
md(768px~992px)サイズで改行 
lg(992px~1200px)サイズで改行

なお、改行タグ用のコードは複数挿入することも可能です。例えばmdサイズ以下で改行したい場合は、md・sm・xsのコードを挿入することで992px以下は改行されます。

テキストの改行禁止指定

テーブルの項目などのテキストは、ブラウザの表示領域やデバイスの画面に応じてセル内で改行されますが、改行させたくない場合に改行禁止指定ができます。

改行させたくないテキストを選択した状態で、ブロックツールバーから「Nowrap」をクリックすることで改行禁止指定が簡単にできます。

設定を解除したい場合は、設定を適用したテキストを選択した状態で、ブロックツールバーからアクティブになっている「Nowrap」をクリックして解除してください。

改行禁止指定した場合

改行禁止指定していない場合

検索ブロック

見出しブロック

※見出しブロックの装飾については現状は色は指定できません。

装飾なし

背景塗り 灰色

二重線 上下線 黒

二重線 下線 黒

直線 上下線 黒

直線 下線 黒

点線 下線 黒

左右線

括弧 黒

リストブロック

  • リストアイコン 矢印
  • アイコンの色は変更可能です。
  • リストアイコン 三角
  • アイコンの色は変更可能です。
  • リストアイコン チェック
  • アイコンの色は変更可能です。
  • リストアイコン チェック 四角
  • アイコンの色は変更可能です。
  • リストアイコン チェック 丸
  • アイコンの色は変更可能です。
  • リストアイコン 指
  • アイコンの色は変更可能です。
  • リストアイコン 鉛筆
  • アイコンの色は変更可能です。
  • リストアイコン 笑顔
  • アイコンの色は変更可能です。
  • リストアイコン 不満顔
  • アイコンの色は変更可能です。
  • リストアイコン 数字 丸
  • アイコンの色は変更可能です。
  • リストアイコン 数字 四角
  • アイコンの色は変更可能です。

グループブロック

線の色、背景色は変更可能です。
※線の色は指定色にしか変更できません。

直線

直線 角丸

点線

Dashed

二重線

スティッチ

直線 上下

シャドウ

Info

Success

Warning

Danger

画像ブロック

デフォルト
角丸
枠線
フォトフレーム
フォトフレーム傾き右
フォトフレーム傾き左
シャドウ
流体シェイプ1
流体シェイプ2
流体シェイプ3
流体シェイプ4

画面サイズによる非表示設定

選択したブロックに対して画面サイズ毎に非表示にすることができます。PCでは表示しスマートフォンでは表示しないなどの制御が可能です。

この機能はあくまでHTMLに出力される要素を非表示にするだけです。本当に見せてはいけない要素には使わないでください。

非表示

非表示( 画面サイズ : Extra Small )

非表示( 画面サイズ : Small )

非表示( 画面サイズ : Medium )

非表示( 画面サイズ : Large )

非表示( 画面サイズ : Extra Large )

ブロック組み合わせ例

会議室
見出しブロック
  • リストブロックの項目
  • リストブロックの項目
  • リストブロックの項目
  • リストブロックの項目