VK Blocks Pro ブロックサンプル

プラグイン VK Block / VK Blocks Pro について詳細はこちらからご確認ください。

目次

目次

投稿リスト

お知らせ
○○○フェアに登壇します!
お知らせ
弊社代表がオンラインセミナー◯◯に登壇します
お知らせ
オンライン無料相談はじめました
お知らせ
制作アシスタントを募集しています
2021年7月14日お知らせ

○○○フェアに登壇します!

2021年6月29日お知らせ

弊社代表がオンラインセミナー◯◯に登壇します

2021年6月29日お知らせ

オンライン無料相談はじめました

子ページリスト

VK Blocks(WordPress標準ブロック拡張)

画面サイズ毎の改行指定 画面サイズ毎の改行 xs サイズで改行されます。 画面サイズ毎の改行 sm サイズで改行されます。 画面サイズ毎の改行 md サイズで改行されます。 画面サイズ毎の改行 lg サイズで改行されます […]

続きを読む
VK Blocks ブロックサンプル

ボタン サブテキスト ボタンサイズ ボタン位置 ボタンスタイル 標準色 カスタムカラー Font awesome 見出し アラート 質問と回答 フキダシ フロー 枠線ボックス アイコン サイズ 20 余白 10 デフォル […]

続きを読む
VK Blocks Pro ブロックサンプル

プラグイン VK Block / VK Blocks Pro について詳細はこちらからご確認ください。 目次 投稿リスト 子ページリスト Outer ステップ タイムライン グリッドカラムカード(レイアウト例) テキスト […]

続きを読む
ランディングページサンプル

徹底した顧客目線でお客様の悩みを解決いたします 株式会社サンプルでは、当たり前を当たり前だと思わない、常識を常識だと思わない精神で徹底して顧客目線にたって商品開発を行っております。 これにより、競合他社では実現出来ないよ […]

続きを読む

Outer

画像をアップロード

機能は別途プラグイン(無料)で実装

昨今の有料WordPressテーマは非常に多くの機能を含んでいますが、それによってテーマファイルが複雑化してカスタマイズが難しいものが少なくありません。
また、テーマ固有の機能が多いと、将来的にテーマを切り替える時にも大きな障壁となります。テーマ固有のショートコードの利用も同様です。
Lightningでは機能面は多機能統合型プラグイン「VK All in One Expansion Unit」に分割し、テーマファイルのシンプルさを追求する事で、カスタマイズ性と機能性の両面を追求しています。

画像をアップロード

Call To Action として

Outer ブロックと PR Content ブロックの組み合わせで Call To Action としても利用できます。
再利用ブロックに登録して複数のページに配置する事ができます。

Outer ブロックは枠線要素も指定できます。

Outerブロックは背景色/枠の色も指定できるので(区切りを傾斜や波などで指定している場合は無効)、このように項目リストやアラートボックスなどとしても使用できます。

  • 枠線の色
  • 枠線の太さ
  • 角丸の大きさ
  • 枠線の種類( 直線 / 点線 / 二重線など )

ステップ

タイトル、本文などを入力

画像やテキストなどを入れることができます。

STEP
1

ステップ要素を追加

左上のアイコンの下に表示される縦のラインは、物事の順番を表現するのに最適ですが、最後の要素に到達したら非表示にすることもできます。

STEP
2

タイムライン

6:00AM

タイトルや本文などを入力

テキスト テキスト テキスト テキスト テキスト テキスト テキスト

7:00AM

タイムライン要素を追加

テキスト テキスト テキスト テキスト テキスト テキスト テキスト

8:00AM

丸アイコンの色を変更

グリッドカラムカード(レイアウト例)

テキストのみ

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

ヘッダーメディア・フッターボタン

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラム間の余白0・角丸の大きさ0・カラムの余白0

枠線・ヘッダーメディア・フッターボタン

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

枠線・画像とカラム内の余白なし・ヘッダーメディア・フッターボタン

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

ボディにアイコン追加

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

カラムの見出し

カードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキストカードテキスト。

枠線・ボディにアイコン追加

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

カラムの見出し

カードテキストカードテキストカードテキストカードテキスト

アニメーション

  • アニメーションの速度:「非常に遅い 」「 遅い 」「 標準 」「速い」「非常に速い」から選べます
  • アニメーションの距離:「短い」「標準」「長い」から選べます

フェードイン

スライドアップ

スライド左

スライド右

横並びボタン

アコーディオン

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。

お車でお越しの場合

駐車場代無料100台収容可能。バスも一般車も駐車可能です。
○○インターチェンジより国道〇号線を南へ3Km、「ベクトル」の交差点を右折、200mほど道なりで左手にございます。