ブロックパターンを管理・編集できる「VK Block Patterns」

Gutenberg のブロックは、HTMLやCSS を気にしなくて良い反面、同じブロックを何度も使うことに疲れてしまう、というなんとも怠惰な？感情に襲われる便利な機能です。

そこで、私が有料テーマでサブスクリプションにも関わらず愛してやまない Lightning G3 の開発元 Vektor.inc さんが開発されているプラグイン VK Block Patterns のをご説明致します！

ブロックパターンを登録する機能の名称は、各テーマによって異なります。

例えば、SWELL なら「ブログパーツ」。（Cocoonには同機能はありません）
プラグインをインストールする前に、似たような機能がないか確認してみてくださいね。

この記事ではさらに、パターン利用以外の効率的な記事の書き方もいくつか提案しています。

読み終わる頃には、パターン機能の素晴らしさ、このプラグインの有用性が伝わるかと思います。

ブロックエディタの贅沢な悩み

HTML や CSS を確認しながらコピペするよりは遥かに簡単なブロック操作なのですが、こういう悩みは、上級者はもちろん、操作に慣れてきた初心者さんでもあります。

同じページ内なら複製しやすい

同じページ内にあるブロックなら複製しやすいですよね。

例えば、Macであれば、cmd + shift + D で簡単にブロックが複製できます。
普通にコピペしても良いでしょう。

ですが、複数ブロックになると選択が難しかったり、バラバラになって訳がわからないことになってしまうこと、ありませんか。

そういうときは、グループ化という機能を使って複数のブロックをまとめることができます。

しかし、このグループ化したものを簡単に呼び出したいんですよね。

それが、ブロック選択画面にある、パターンと再利用可能という機能です。

再利用ブロックとパターン機能

ここで、再利用ブロック機能とパターン機能についてご紹介します。

再利用ブロック機能とは？

決まったブロックのパターンを登録し、次回から呼び出すだけですぐに再利用できるブロックパターンのことです。

大きな特徴としては、

登録したブロックのパターンを変更すると、登録した内容と今まで利用したすべてのブロックの内容が変更されます。

この機能は、WordPress5.8以降、Gutenberg の機能の一つで、テーマに関係なく利用することができます。

主な用途としては、

のように、同じ内容を繰り返し使う場合に利用します。

パターン機能とは？

予め決まったパターンで構成されたブロックを簡単に呼び出せるようにした機能です。

こちらは、パターンの内容を変更しても今まで利用して作った内容は変更されません。

VK Block Patterns は、この機能で作られた別パターンをWordPress に追加するプラグインです。

VK Block Patterns プラグインをオススメする理由

自分でブロックパターンを作って登録するなら、数あるプラグインの中で、VK Block Patterns がおすすめです。

VK Block Patternsとは？

VK Block Patternsは、WordPressユーザー向けに開発されたプラグインで、ウェブサイトのデザインを効率的に行うためのツールです。このプラグインは、予めデザインされたブロックパターンを提供し、初心者からプロフェッショナルまで幅広いユーザーにとって便利な機能を提供します。

「VK Block Patternsを使うと、簡単に美しいウェブページを作成できるんだよね」と多くのユーザーが口を揃えて言います。その通り、このプラグインは直感的な操作でデザインを行うことができ、時間を節約しながらプロフェッショナルな仕上がりを実現します。

VK Block Patterns はデザインが豊富！

VK Block Patterns WordPressプラグインは、数多くのデザインテンプレートを持っています。これにより、コーディングの知識がなくても、洗練されたウェブサイトを簡単に作成することが可能です。また、プラグインは定期的にアップデートされ、新しいパターンや機能が追加されるため、常に最新のデザイントレンドに対応できます。

例えば、「特定の製品を紹介するページを作りたいけれど、どんなデザインにすれば良いか分からない」という場合でも、VK Block Patternsならば豊富なテンプレートから選ぶだけで済みます。これにより、デザインに悩む時間を大幅に短縮できます。

VK Block Patterns おすすめの理由

１．開発は個人よりも会社の方が安心できる

このプラグインは、有料テーマ「Lightning Pro」の開発会社 Vektor,Inc. がリリースしたプラグインです。

この VK Block Patterns プラグイン自体は無料ですが、有料テーマと併せて開発されていることもあり、品質も高く、なにか不具合があったときなどは、無料プラグインよりも丁寧に対応してもらうことができます。

２．簡単に自分で作ったブロックパターンを登録できる

このプラグインは、Gutenberg のブロックエディタ画面と同じ操作ですぐにブロックパターンを登録することができます。

VK Block Patterns プラグインのブロック作成時画面は、Gutenbergで記事を作成する画面と同じです。

プラグインによっては、オリジナルの設定画面であったり、細かすぎる設定などあるけれど、このプラグインはとっても簡単にできています。

３．複雑なプラグイン設定項目は無し・別テーマ向けに考えられている

このプラグインはリリースしたばかりなのもありますが、現在は必要最小限度のことだけができるようになってます。

バージョンアップでできることがこれから増えるかもしれませんね。

例えば、デフォルトのWordPressのブロックパターンを非表示にするとか。

４．カテゴリー分けができる

作成したブロックは、管理画面でカテゴリーに分けることができます。

記事を作成するときには、作成したカテゴリーの中から挿入するブロックを選べます。

５．記事本文への挿入は、Gutenberg標準のブロックパターンと同じ

ブロックパターンの挿入もGutenbergのそれと同じです。

特別なウインドウを用意したりはしてありません。

つまり、Gutenbergの使い方に慣れていれば特に覚えることはないのです。

７．新バージョンでパターンが登録された

このプラグインは、バージョンアップを重ね、いまでは数多くのパターンを選択することができるようになりました。

ただし、これらのパターンは Lighting G3 で最適化されたものです。

別のテーマでは、対応していないブロックがあるため、登録された表現はできない可能性がありますので注意が必要です。

パターンが沢山あるプラグインは参考になるかもしれませんが、使わないものがズラッと並ぶのも不便です。

自分でよく使うパターンを作成して登録したほうがスッキリして使いやすいですね。

「VK Block Patterns」のインストールと使用方法

まずWordPressにインストールしましょう。

公式サイト
ブロックパターンを作成・登録できるプラグインを公開しました。

インストール

１．プラグインの検索画面へ、VK Block Patternsと入力する

２．表示されたプラグインを選択してインストールする

３．インストールが終了したら有効化する

ブロックパターンの使用例

例えば、テーマによってはにはブログカードがありません。

色々な表現方法がありますが、私はこのような形にしてます。

とっても簡単ですよね。

ブロックパターンを登録した場合は、

と手順を少なくすることができます。

一つ一つの時間は大したことありませんが、積み重なるとどうでしょう？

では、実際にパターンの作り方をご説明します。

パターンの作り方

１．左列メニューから、【VKブロックパターン】へマウスオーバー。

２．【新規追加】をクリック

３．タイトルを入力し、パターンを作成する

４．出来上がったら保存する（カテゴリーは登録してもしなくても良い）

パターンの使い方

１．パターンを使いたいところでブロックを作成する

２．左上の＋を押して、パターンタブを選択し、パターンブロックを選ぶ

パターンの使い方２

1. パターンを使いたいところでブロックを作成する
2. ＋をクリックして検索窓にパターン名を入力する

パターンの編集

１．左列メニューから、【VKブロックパターン】をクリック

２．編集画面から編集したいブロックパターンを選択する

３．ブロックパターンを修正したら更新・保存する

自分でブロックパターンを作ってプラグインにしたい人

自分が作ったかっこいいブロックパターンを、手軽に他のサイトにも利用したり、商品として販売したりしたくないですか？

それを実現させるプラグインが、 VK Block Pattern Plugin Generator です。

このプラグインを利用すると、自分が作ったブロックパターンをプラグインにして配布することができます。

ブロックパターン以外に効率的に編集する方法

ずばり、マークダウンとキーボードショートカットを覚えること、です！

なぜなら、キーボードからなるべく手を離さずに入力できるショートカットは、慣れるとスピードが段違いに早くなるからです。

マークダウンとは

マークダウン（Markdown）は、文章を書く時の一つの記述方法のことです。

Gutenberg で快適な文章作成に使える便利な３つのMarkdown 記号

この記事はアフィリエイト広告を利用しています。Gutenbergの編集にショートカットが便利と前回でご説明しました。 その中で、#を使って見出しを作っていたのを覚えていま…

WordPressプラグイン＆テーマガイド

キーボードショートカットとは

コピー、ペースト、保存などキーボードを使ったショートカットを覚えている人は多いはず。

WordPressでも便利に使えるショートカットがあります。

ショートカットでGutenbergの作業効率を上げる for Mac/Win

この記事はアフィリエイト広告を利用しています。Gutenberg、使い始めて１年が経過しようとしてます。 改めて、編集作業が便利なショートカットをご紹介します。 気になる…

WordPressプラグイン＆テーマガイド

ショートカットを覚えるコツ

ショートカットを沢山覚える必要はありません。

あなたが作業をしている時に、何度も何度も繰り返しする作業がきっと出てきます。

その時に、ぜひショートカットはどうするのだろう？と思ってください。

もしその操作を実現するショートカットがあれば、あなたの作業時間は飛躍的に短縮されるはずです。

ショートカットを登録できるキーボードやマウスなどを利用するのも良いですね！

表示されるブロックを整理して能率UP

ブロックをショートカットで入れるのが一番はやいのだけど、リストから選んで入れることも多いですよね。

そこで、そのリストを少しでも見やすくする方法をご紹介してます。

WordPress ブロックリストを使いやすくする | そよライフ

WordPressの文章作成に便利なブロック。そのブロックが登録されているリストを使いやすくカスタマイズする方法を御紹介します。

そよライフ

ブロックパターン、ショートカット、Markdownを覚えるとWordPressの編集が楽になります。

WordPressがGutenbergエディタになって、当初は否定的な目で見られていました。

さらに、WordPress5.5では追加で変更が行われました。

前はHTMLとCSSを意識しないと書けなかったブログを、完全にHTMLとCSSから切り離して考えて作る方法にしたい、というのがWordPressの戦略。

ブロックは、どちらかと言えばデザインの上に文章を載せるイメージです。

しかし、それをするといつまでも記事が終わりません。

オススメは、しっかりと記事を書き、それから少し手間だけどブロックを入れ替えていく、という手法です。

まとめ

いかがでしたか？

ブロックパターンは、新しい入力補助ツールとして活用できるポテンシャルを秘めていると思います。

分類したり並べ替えたりすることができないので、まだまだ使い勝手がよくないかもしれません。

慣れなければPCに保存して都度コピペして使うのも良いと思います。

良いブロックパターンができたらぜひ保存して活用してくださいね。

最後まで読んでくださりありがとうございました。