サイトに最高の装飾を。
ブロック追加プラグイン VK Blocks
「VK Blocks」は、WordPressのブロックエディタに対応したプラグインです。
WordPress公式ディレクトリに登録してありますので、WordPressの管理画面より無料でインストールしてご利用いただけます。
クリック一つでブロックを挿入でき、ノーコードで簡単にコンテンツを作れます。
さらに便利なブロックを使える「VK Blocks Pro」版もあります。
VK Blocks / VK Blocks Pro
無料で使える VK Blocks と、ライセンスを購入すると使える VK Blocks Pro があります
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/07/logo-vk-blocks-01.png)
VK Blocks(無料版)
- WordPress公式ディレクトリ登録プラグイン
- WordPressの管理画面から無料でインストールできる
ブロック / 機能 / 設定
いずれも随時追加・強化しています!
豊富なブロック
ブロックインサーターから使えるブロックの一覧です。
VK Blocks Proをインストール・有効化すると「Pro」マークの付いたブロックが追加されます。
スライダー
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-slider-150x150.png)
スライダーブロックは、トップページだけではなく複数のページやページ内任意の複数箇所にスライダーを設置できます。
続きを読む横並びアイコン
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-outer-150x150.png)
Font Awesome のアイコンフォントを横並びに表示させることができるブロックです。
続きを読むアイコン
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-icon-150x150.png)
アイコンブロックは、FontAwesome のアイコンを単体で配置できる便利なブロックです。
続きを読む固定ページ本文
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/11/vk-page-block-setting-150x150.png)
固定ページ本文ブロックは、指定した固定ページの本文内容を表示することができるので、特定の固定ページの内容をトップページやランディングページなどに表示したい場合に便利です。
続きを読むFAQ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-vk-faq-150x150.png)
FAQブロックは、よくある質問などに使えます。アコーディオンの開閉機能は VK Blocks Pro(有料版)でのみ利用できます。
続きを読む見出し
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-vk-heading-150x150.png)
見出し機能は、見出し文字サイズ、サブテキストの文字サイズを変更することができますので、標準の見出しとは違った見せ方ができます。
続きを読むフキダシ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-balloon-150x150.jpg)
顔写真やイラストと吹き出しを組み合わせて、いかにもその人(キャラクター)が話しているかのように見せたい場合に使えます。配置 / 画像スタイル / タイプ / 背景…
続きを読むフロー
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-flow-150x150.jpg)
「契約までの流れ」や「サービス開始までの流れ」など、時系列で順を追って説明したい場合に使えます。
続きを読むボタン
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-button-150x150.jpg)
別のページへ誘導したい時に便利なボタンを設置することができます。大きさや色の変更、位置などを設定できます。
続きを読むレスポンシブスペーサー
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-spacer-150x150.jpg)
ページの見やすさを意識するのにもっとも欠かせないものが余白になります。
レスポンシブスペーサーはその余白を適切に取ることができます。
枠線ボックス
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/06/box-block03-1-150x150.png)
枠線の上部に見出しを配置できるブロックです。見出しをつけることで注目してもらいやすくなります。
続きを読む先祖階層からのページリスト
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/06/template-postpage-2column-150x150.png)
親子関係のある固定ページにて、現在表示しているページの先祖階層からのページリストを自動取得して表示できるブロックです。
続きを読むアラート
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-alert-150x150.jpg)
アラート 注釈や補足などの説明を、色付きの枠で差別化したい時に使えます。プルダウンを切り替えて、背景色を変更いただけます。 Successの場合は、こち…
続きを読むPR Block
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-pr-block-150x150.jpg)
来訪者に見てもらいたいページをアピールするPRボックスです。画像やFontAwesomeアイコンを設置できます。
続きを読むスタッフブロック
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/ehecatch-staff-150x150.jpg)
VK Blocks 0.8.2 及び ExUnit 9.0.6 以降のバージョンでは「スタッフ」ブロックが新たに追加されています。
続きを読むステップとタイムラインブロック(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/eyecatch-step-150x150.jpg)
ステップブロックとタイムラインブロックは、物事の順番を説明する場面などで、大変便利なブロックになります。
続きを読む投稿リスト(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-post-list-150x150.png)
投稿リストを固定ページに表示することができます。好きな場所に投稿リストを呼び出せるのでトップページなどの作成に大変便利な機能です。
続きを読む子ページリスト(Pro版のみ)
![子ページブロック紹介](https://www.vektor-inc.co.jp/wp-content/uploads/2020/01/child_page_ogp-150x150.png)
固定ページの子ページを挿入する大変便利な機能です。親となる固定ページを指定することで、どのページでも子ページの一覧を配置する事ができます。
続きを読むカード(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/01/ogp_vk_blocks_card-150x150.png)
サムネイル画像、見出し、テキスト、リンクを任意に設定して柔軟にコンテンツを作成できるブロックです。
続きを読む目次(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-vk-table-of-content-150x150.png)
目次機能を設定することで、読者が一覧でページの項目を見ることができ、目的の場所へアクセスしやすくなります。
続きを読むOuter(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-outer-1-150x150.png)
Outerブロックはブロックの外側に背景画像や背景色、 枠線を設置することができます。
レイアウト(標準と全幅)や区切りの設定(傾斜・カーブ・波状・三角)などができます。
アイコンカード(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-icon-cards-150x150.png)
Font Awesomeのアイコンを指定してアイテムの数を自由に増やせるブロックです。画面サイズに応じて表示するカラム数を指定することもできます。
続きを読むアニメーション(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-animation-150x150.png)
アニメーションブロックを使うことで、ページをスクロールした時に要素に動きを加えることができます。
続きを読むグリッドカラムブロック(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-grid-column-150x150.png)
グリッドカラムブロックは、どんなブロックでも配置する事ができて、画面サイズ毎に表示カラム数を指定する事ができるブロックです。
続きを読む選択投稿リスト(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-post-list-150x150.png)
投稿リストブロックと同じレイアウトで表示するページを任意に指定する事ができます。
続きを読むアコーディオン(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-accordion-150x150.png)
アコーディオンブロックは、コンテンツ内が長くなってしまった場合にコンテンツ部分を折りたたんで隠すことができますので、すっきりとしたページ作りができます。
続きを読む横並びボタン(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-button-outer-150x150.png)
VK ボタンを横並びに配置できる横並びボタンブロックです。
続きを読むグリッドカラムカード ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-vk-gridcolcard-150x150.png)
グリッドカラムカードブロックは、指定したカラムの最小幅を維持するカラムブロックです。
続きを読むアーカイブリスト ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/04/vk-archivelist-block-02-150x150.png)
アーカイブリストブロックは投稿タイプを指定できるブロックです。カスタム投稿を選んで一覧表示が可能です。
続きを読むタクソノミー ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/04/vk-taxonomy-block-02-150x150.png)
タクソノミーブロックは、一覧表示させたいタクソノミーを指定できるブロックです。カスタム分類で表示させたいときに便利です。
続きを読む新着バッジ(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/10/new-badge-block-05-150x150.png)
新着バッジブロックは、お知らせ一覧などで新着記事を示す「NEW」マークを任意の期間だけ表示させることができるブロックです。
続きを読むブログカード(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/10/blogcard-block-08-150x150.png)
ブログカードブロックは、指定したURLのページタイトル・概要・アイキャッチ画像などをまとめて記事内に埋め込み表示できるブロックです。
続きを読むダイナミックテキスト(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/12/dynamic-text-block-01-150x150.png)
ダイナミックテキストブロックは、ページ名やカスタムフィールドの値をテキストで動的に表示できるブロックです。
続きを読むカテゴリーバッジ(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/12/category-badge-block-05-150x150.png)
カテゴリーバッジブロックは、記事のカテゴリーをバッジで表示できるブロックです。
続きを読むタブブロック(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/05/tab-block-ogp-01-150x150.png)
タブブロックは、コンテンツを並列に配置してタブで表示を切り替えることができるブロックです。
続きを読むパンくずリスト(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/01/breeadcrumb-block-02-150x150.png)
パンくずリストブロックは、ページや投稿カテゴリーなど、ページ階層のパンくずリストを簡単に配置できるブロックです。
続きを読む固定表示(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/06/fixed-diplay-block-ogp-01-150x150.png)
固定表示ブロックは、表示位置(上 / 右 / 下 / 左)を指定して定位置に要素を表示できるブロックです。
続きを読む追加される機能
ブロックツールバーや設定サイドバーに追加される機能の一覧です。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/07/block-toolbar-vk-blocks-01-01.png)
画面サイズによる非表示設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/11/display-none-setting-150x150.png)
画面サイズ毎にブロックを非表示にすることができます。PCでは表示し、スマートフォンでは表示しないなどの制御が可能です。
続きを読むFont Awesome アイコンリストのカスタマイズ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/07/add-icon-to-custom-list-01-150x150.jpg)
Font Awesome のアイコンリストを好みにカスタマイズできます。
続きを読む画面サイズ毎の改行指定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/01/responsive-br01-01-150x150.png)
見出しなどでテキストの改行位置を画面サイズ毎に設定できる機能です。
続きを読むブロックの余白
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/08/spacer-size05-150x150.png)
設置した各ブロックから余白を設定できます。都度 レスポンシブスペーサー を配置しなくても、直接各ブロックから余白を指定できるため、大変便利です。
続きを読むテキストの改行禁止指定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/11/vk-blocks-nowrap01-150x150.png)
改行させたくないテキストの改行禁止指定が簡単にできます。
続きを読むインライン文字サイズ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/08/inline-font-size-02-150x150.png)
インライン文字サイズは、テキストの一部のフォントサイズを変更できます。
続きを読む蛍光マーカー
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/08/vk-blocks-marker-ogp-150x150.png)
テキストに蛍光ペン風の下線を引くことができます。
続きを読むWordPress標準ブロックのスタイル拡張
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/11/listblock-style-150x150.png)
見出し、リスト、画像、グループなどWordPress標準のブロックに対して、VK Blocks 独自の装飾スタイルを追加しています。
続きを読むカスタム CSS ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-custom-css-150x150.png)
特定のブロックに対してCSSが設定できる機能です。
続きを読む便利な設定
管理画面【設定】 > 【VK Blocks】で行える VK Blocks / Pro の各設定の一覧です。
ブロックカテゴリー位置設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2024/06/block-category-position-setting-01-150x150.png)
ブロックインサーターに表示されるブロックの表示順(VK Blocks とWordPress 標準のブロック)を変更できます。
続きを読むライセンスキーの設定(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/08/vk-blocks-pro-license-key-setting-150x150.jpg)
VK Blocks Proをアップデートするには、ライセンスキーが必要です。有効なライセンスキーを入力すると、管理画面からワンクリックでアップデートが可能になります。
続きを読むインポート・エクスポートツール
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/06/vk-blocks-import-export-01-1-150x150.png)
インポート・エクスポートツールは、管管理画面の「設定」 > 「VK Blocks」にある各設定を他のサイトに移植したいときに利用できます。
続きを読む共通余白設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/09/spacer-add-xs-xl-size02-150x150.png)
レスポンシブスペーサーなどで使用する共通余白のサイズを指定することができます。
続きを読むブロックスタイルマネージャー設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/05/block-style-manager-setting-01-150x150.png)
VK Blocksの追加スタイルであまり使わないものを設定サイドバーのパネルで非表示にすることができます。
続きを読むブロックマネージャー設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/12/block-manager-function01-150x150.png)
よく利用するブロックだけをインサーターに表示させることができます。
続きを読むFAQブロックの設定(Pro版のみ)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/07/faq-accordion-setting-04-150x150.png)
FAQブロックを挿入したときのアコーディオンの開閉状態を指定できます。
続きを読むカスタムCSS設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2023/08/custom-css-setting-01-150x150.png)
カスタムCSS識別表示のオン・オフの設定が可能です。
続きを読む吹き出し画像設定
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/04/vws_logo_2020_og-150x150.png)
吹き出しブロックで、よく使うアイコン画像をあらかじめ登録できる便利な設定です。
続きを読むカスタムブロックスタイル設定 ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-custom-css-150x150.png)
よく使うデザインスタイルを管理画面であらかじめ登録しておけば、編集画面から選べてすぐ利用できます。
続きを読むカスタム書式設定 ( Pro版のみ )
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/10/icon-custom-css-150x150.png)
よく使う書式設定をあらかじめ登録しておけば、ブロックツールバーから選べてすぐ利用できます。
続きを読む独自のブロックパターンを登録できる VK Block Patterns
複数のブロックを組み合わせたオリジナルのブロックパターンを登録できます!
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/08/Vk-blocks-patterns-img.jpg)
VK Block Patterns
WordPress5.5から追加されたブロックパターン機能に独自のブロックパターンを登録できる無料プラグインです。VK Blocksと一緒に利用すると大変便利です。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2021/10/ogp-evergreen-sale-1024x538.jpg)
ご好評につきキャンペーン期間延長!
Vektor Passport
を買って
Evergreen を
無料でダウンロードしよう
Lightningで使えるおしゃれなデザインスキン / コンテンツデータを試せるチャンス!
![](https://www.vektor-inc.co.jp/wp-content/uploads/2022/02/admin_banner_recruit-2-1024x154.jpg)