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デザイナー（フリーランス協会会員・インボイス登録済）
- 約15年のデザイン経験を持つフリーランスwebデザイナー。
IT・通販・不動産・フィットネスなど、企業向けLP制作を中心に200件以上の実績があります。
現在はランサーズで250件以上の実績ある認定ランサーとしても活動中。
LightningテーマやLP制作に関する情報をブログで発信中です。
LP制作のご相談はお気軽にどうぞ。
👉LP制作のご相談はこちら
お気軽にご相談ください
