VK Blocksで装飾した見出しブロックを追加する方法（CSS書ける人向け）
Mika
VK Blocksにオリジナルの見出しブロックを追加作成する方法を紹介します。
基本的なCSSコードが書ける人向けの記事です。
VK Blocksは使いこなす事ができればコーディング時短になります。
私が使用してるのはVK Blocks Pro版です。
VK Blocks Pro版はVektor Passport（アップデート期間1年）を購入するとダウンロードできるプラグインです。
webサイト制作の受託案件をしてるwebデザイナーさんだとPro版の方が使えるブロックの種類が多いから便利かと思います。
自分でPHPやJSでコーディングしてWordPressに組み込むのが面倒で苦手な人（私もですが）はVK Blocksで自分独自のブロックパーツを作って登録した方がコーディングの時短になります。
無料版はWordPress公式ディレクトリ登録プラグインなのでWordPress管理画面から無料でインストールできます。
VK BlocksのおすすめポイントはLightning以外の他のテーマでも動作するという点です。
公式サイト
VK Blocks・VK Blocks Pro | 株式会社ベクトル
「VK Blocks」は、WordPressのブロックエディタに対応したプラグインです。WordPress公式ディレクトリに登録してありますので、WordPressの管理画面より無料でインストー…
株式会社ベクトル 
目次
WordPress管理画面の設定から「VK Blocks」をクリックします。「カスタムブロックスタイル設定」から新規のオリジナルブロックを追加します
「見出し」をクリックして好きなラベルの名前、CSSクラス名をつけます。
CSSクラスの箇所に見出しのCSSコード書いて追加します。
【完成！】ブロックの「見出し」をクリックして右側のメニューに追加した見出しブロックが表示されます。
当サイトの宣伝
当サイトからご依頼いただけるとLightningテーマ、VK Blocks Proを使用したWordPress LPサイト制作ができます。
私がライセンスキー取得しているためお客様に新規でテーマ、プラグインを購入してもらう必要がありません。（お客様の方でライセンスキーを購入していただくことも可能です）
ブロックエディタでLPサイトを構築してみたい方はご相談ください。
WordPress参考書籍
投稿者プロフィール
- LP専門Webデザイナー（フリーランス協会会員・インボイス登録済）
- 地元商社ECサイト・楽天ショップのサイト更新担当、web制作会社のwebデザイナー経験を経てフリーランスLP専門Webデザイナーとして独立。
健康食品・化粧品などの通販業界から、不動産・住宅・士業といった法人向けLPまで、コンバージョンに直結するデザイン制作を多数手がける。
「売れる構成」と「集客に繋がるデザイン」の構築を得意とし、WordPress（X-T9/Lightning）への実装からHTML制作まで、目的に応じて柔軟に対応。
納品後の修正・運用を見据えたLP制作で企業のWeb集客をサポートしています。
👉LP制作のご相談はこちら
