VK Blcok Patterns のパターンをコピペするだけ！VK Block Pattern ライブラリの使い方

この記事はアフィリエイト広告を利用しています。

繰り返し利用する表現を登録して呼び出して使うことができる、「VK Block Patterns」。

ここでは、もう少し活用するために VK Block Pattern ライブラリとの連携についてご紹介します。

いきなり色やフォントの大きさや画像など細かなことを同時にしないほうが良いです。まずは文章を作り上げましょう♪

1. VK Block Patterns は無料の便利プラグイン
2. VK Block Patterns ライブラリとは
3. VK Block Patterns とライブラリの連携方法
4. ライブラリを編集画面へ呼び出す方法１:お気に入り登録
4.1. お気に入り登録する手順
4.2. 登録初回だけ必要な手順
5. ライブラリを編集画面へ呼び出す方法2:VK Block Patterns 新規登録
6. FAQ
7. まとめ

VK Block Patterns は無料の便利プラグイン

VK Block Patterns は、WordPress で使うことができる便利な無料プラグインです。

このプラグインを使用することで、カスタムブロックパターンを作成し、編集画面で簡単に選択して使用できるようになります。これにより、サイトのデザインやコンテンツのレイアウトをより柔軟に、迅速に行うことが可能になります。

このプラグインは公式ディレクトリから無料でインストール可能で、WordPress5.5から導入されたブロックパターン機能をさらに拡張します。

プラグインの主な機能には、独自パターンの登録、デフォルトパターンの追加、WordPress標準パターンやデフォルトパターンの停止機能、そしてVK Patterns Libraryとの連携機能が含まれます。

この機能を使えば、お気に入りに登録したパターンをエディター上で直接呼び出すことができます。これは、特にデザインのバリエーションを増やしたい、効率的にサイト制作を行いたいユーザーにとって大きなメリットです。

サイトの見た目を簡単に、そして迅速にアップデートできるようになります。

詳しくは、こちらの記事にもまとめてありますので御覧ください。

VK Block Patterns ライブラリとは

VK Block Patterns ライブラリとは、WordPressのサイトで使えるブロックパターンの集合です。

2024/2/8 時点で、308パターンが登録されています。

使い方はとても簡単で、探したいパターンを検索するだけ！

このライブラリから好みのパターンを選択し、コピペするだけでサイトの見た目を瞬時に向上させることが可能です。

VK Block Patterns ライブラリを利用することの主な利点は、以下の通りです：

多様なデザインパターンが利用できる：
- 様々なページレイアウトやセクションデザインが用意されており、ユーザーは目的に応じて最適なデザインを選択できます。
簡単に使える：
- コピペするだけで、素早くサイトにデザインパターンを適用できます。
カスタマイズの自由度が高い：
- 基本パターンを利用しつつ、さらにカスタマイズして独自のデザインを作成することも可能です。
効率的なサイト構築：
- デザインの作成にかかる時間を大幅に短縮し、サイト構築の効率を向上させます。

プレミアムスタイルは、Vektor Passport 契約をしないと使えません。

VK Block Patterns とライブラリの連携方法

VK Block Patterns とライブラリの連携は、とても簡単です。

ブロックパターンライブラリは、ユーザー登録をしておきましょう。

WordPress 設定→ Block Patterns へ移動

STEP

VK PATTERN LIBRARY のアカウントのメールアドレスを登録

STEP

設定を保存する

STEP

ブロックパターンライブラリでお気に入り登録すると、エディタから呼び出せるようになりとても便利になります！

ライブラリを編集画面へ呼び出す方法１:お気に入り登録

実際に編集画面へライブラリを読み込んでみましょう。

お気に入り登録する手順

ブロックパターンライブラリへログイン

STEP

条件を指定して検索する

STEP

利用したいパターンを見つけたら「お気に入り」に追加する

VK ブロックパターンライブラリで使いたいものをお気に入り登録する — もう一度クリックするとお気に入りから解除できます。

STEP

これだけですぐに使えればよいのですが、初回に限っては次のような手順が必要です。

登録初回だけ必要な手順

編集中の記事があるなら一度保存をしておく

STEP

管理画面へ移動する

STEP

設定→ VK Block Patterns へ移動する

STEP

パターンデータキャッシュ設定へ移動して、キャッシュをクリアをクリックする

STEP

記事編集画面へ移動する

STEP

左上の＋を押して、パターン→ VK Pattern Library のお気に入りをクリックする

STEP

お気に入り登録したパターンを選択する

STEP

どうしてこの手順が必要なのか？: 編集画面は、編集中に新しいデータを読み込むことができません。保存してないときに強制再読み込み（リロード）すると、「編集中の保存をしなくても良いですか？」と聞かれる理屈と全く同じです。この登録をした場合、すぐに使いたい場合が多いので、この方法を覚えておくと良いでしょう。なお、二回目以降はこの手順はいりません。