VK BlocksとVK Block Patterns。この2つのプラグインは、５日間チャレンジでその便利さを実感された方も多いのではないでしょうか？
Lightnigの必須プラグインなので、テーマを変えたら使えなくなると思うかもしれませんが、そんなことはありません。プラグインの機能はテーマに依存しないので、他のテーマに乗り換えても使い続けることができます。つまり、あなたのデザインの幅を広げてくれる定番ツールとして、長く付き合える頼もしい存在なのです。
この記事では、これらのプラグインを駆使して、基礎編の課題１をより効率的にかつクリエイティブに制作する方法をご紹介します。
まずは、プラグインの機能を説明します。 これらの機能を理解することで、デザインの可能性が大きく広がるはずです。そして、具体的な課題への応用方法を動画で紹介します。 実際に手を動かしながら、プラグインの魅力を体感してみましょう。
VK Blocks
Gutenbergのブロックを拡張するプラグインです。ブロックだけでなく機能も追加されます。
ブロック
以下のブロックが追加されます。
非推奨のブロック
非推奨になった理由は、ブロックエディターの機能向上によりWordPress標準のブロックで実現できるようになったことや、他のブロックを組み合わせれば再現できること、などが挙げられます。
ブロックツールバー
ブロックのツールバーに機能が追加されます。
設定サイドバー
ブロックの設定サイドバーに機能が追加されます。
VK Blocks設定
管理画面の［設定］＞［VK Blocks］から以下の設定ができます。
- ブロックカテゴリー位置設定
- 吹き出しブロック設定（よく使う吹き出し用のアイコン画像をあらかじめ登録できる）
- 共通余白設定
- 分割読み込み設定
- ブロックマネージャー設定
- ブロックスタイルマネージャー設定
- インポート・エクスポートツール
VK Block Patterns
ブロックパターンは、WordPress5.5から追加された機能です。複数のブロックを組み合わせることで、複雑で美しいレイアウトを簡単に作成できる便利な機能です。
VK Pattern Libraryでパターンを検索することも可能です。また、WordPress.org公式のブロックパターンディレクトリも利用できます。
独自パターンの登録
管理画面の［VK ブロックパターン］＞［新規投稿を追加］からブロックパターンを自作すると、パターンの中に追加されます。
VK Block Patterns設定
管理画面の［設定］＞［VK Block Patterns］から以下の設定ができます。
- 権限設定：VK Block Patternsにパターンを登録できるユーザー権限
- デフォルトパターン設定：WordPress標準のパターンとプラグインのデフォルトパターンの表示／非表示
- VK Pattern Library 設定：ライセンスをお持ちのユーザーは、VK Pattern Libraryでお気に入りに登録したパターンをエディター上で直接呼び出せます
- パターンデータキャッシュ設定：パターンのデータが古い場合はキャッシュをクリアしてみてください
基礎編課題１への応用方法
VK Pattern Libraryで参考サイトのデザインに近いと思うパターンを探し、コピーして編集します。詳しくは動画をご覧ください。（※動画には音がありません。字幕で解説しています。）
投稿一覧
「トップページ用 お知らせ一覧 （日付とタイトル）」というパターンを使います。
ライセンス区分は「無料」、パターンカテゴリーは「投稿リスト・お知らせ一覧 」で検索しました。
全国大家ネットワークについて
「CTA_カフェ_レンタルスペース」というパターンを使います。
ライセンス区分は「無料」、パターンカテゴリーは「CTA 」で検索しました。
Facebookのアイコンがヘッダーのメニューに追加されていることに気が付きましたか？
以下のように設定しています。
キーボードショートカット
キーボードショートカットを使うと制作スピードがグンとアップします。
私がよく使うものは次の２つです。
- 選択したブロックを複製する：Ctrl+Shift+D
- 選択したブロックを削除する：Shift+Alt+Z
ブロックの名前を変更
WordPress6.5から全てのブロック名を変更できるようになりました。これにより、リストビューを整理し、目的のブロックを素早く見つけられるようになります。
まとめ
今回の動画で紹介した機能以外にも、まだまだ便利なものがたくさん隠されています。みなさんも、ぜひ遊び感覚で使いこなしてみてください。きっと、課題制作がもっと楽しくなるはずです。
