このサイトでは何を教えてくださるの？
この記事は以下のような方におすすめ！
- ブロックエディタ（Gutenberg）VK Block Patterns クエリー（グリッド）の使い方がわからない？
- ブロックエディタ（Gutenberg）VK Block Patterns クエリー（グリッド）の使い方を紹介します。
クエリーとは（Query）
WP-QueryはWordPressのクラスで、自分の作ったWordPressの固定ページや投稿ページから、例えば同じカテゴリーやタグの投稿ページの情報を取得したりできます。情報を取得できるので、その中からタイトルやリンクや本文等を他のページに表示させることができます。
HaradaWeb
今回紹介するクエリー（グリッド）はVK Block Patternsは複数のブロックを組み合わせて作られているコンテンツのーつです。クエリー（グリッド）もあらかじめ最適なデザインが用意されているのでヘッダーに関するデザインに必要以上に時間をかけずに制作することがメリットでしょう。
クエリー（グリッド）の使い方
クエリー（グリッド）の設置にはブロックを追加する時に「すべて表示」をクリックすると画面左にパネルが表示され、その中に「パターン」という項目からボタンのカテゴリーの各パターンのボタンの中から何種類かのクエリー（グリッド）を選択して利用します。
| 環境データ項目 | DATA |
|---|---|
| 実施日 | 2022年春（当時に作成されたデータです。） |
| VK Block Patterns プラグイン Ver | 1.17.4|※バージョンによっては説明に食い違が生じます。 |
| WordPress Ver | 6.0 |
| PHP Ver | 8.0 |
クエリー（グリッド）の実例
クエリー（グリッド）の事例です。
利用用途（代表例）
レスポンシブWebデザインのためのパターンテキスト
レスポンシブWebデザインのパターンテキストを紹介。カラム幅が可変するカラム型レイアウトのパターンを紹介そのほかリスト表示も選択が可能。PC用とスマホ用でデザインを分けることができる。経営者の紹介、スタッフ紹介などに適している。
もちろん、カスタムリンクも表示できます。
クエリー（グリッド）の事例です。設置事例の解説
クエリー（グリッド）の事例です。画像やテキストを適宜設定できるデザインといえます。おすすめ商品のPRなどクエリー（グリッド）に関するレイアウトの編集が可能です。
WordPress マニュアル pdf
当サイトをPDFファイルにしました。オフラインでもご利用できますのでダウンロードしてお使いください。
今後の予定（動画による使い方マニュアルの作成）
今後動画による使い方をマニュアル作成を行っています。今後をお楽しみにお待ちください。また、逆引きマニュアルを企画しています。簡単にお話ししますと、やりたいことを画像で一覧表示します。その一覧からユーザーがやりたいパターンなどを選びできればソースをダウンロードできるようにしたいと考えています。まずは動画によるマニュアルの作成を網羅する予定です。
関連記事
VK Block Patterns クエリー（大きなタイトル）の使い方
VK Block Patterns クエリー（小さな画像とタイトル）の使い方
VK Block Patterns クエリー（左に画像）の使い方
VK Block Patterns クエリー（標準）の使い方
お問い合わせ
ご依頼及び業務内容へのご質問などお気軽にお問い合わせください