2022年6月9日 2023年2月3日 Administrator

VK Block Patterns クエリー（左に画像）の使い方

このサイトでは何を教えてくださるの？

この記事は以下のような方におすすめ！

ブロックエディタ（Gutenberg）VK Block Patterns クエリー（左に画像）の使い方がわからない？
ブロックエディタ（Gutenberg）VK Block Patterns クエリー（左に画像）の使い方を紹介します。

クエリーとは（Query）

WP-QueryはWordPressのクラスで、自分の作ったWordPressの固定ページや投稿ページから、例えば同じカテゴリーやタグの投稿ページの情報を取得したりできます。情報を取得できるので、その中からタイトルやリンクや本文等を他のページに表示させることができます。
HaradaWeb

今回紹介するクエリー（左に画像）はVK Block Patternsは複数のブロックを組み合わせて作られているコンテンツのーつです。クエリー（左に画像）もあらかじめ最適なデザインが用意されているのでヘッダーに関するデザインに必要以上に時間をかけずに制作することがメリットでしょう。

クエリー（左に画像）のWordpressマニュアル

クエリー（左に画像）の設置にはブロックを追加する時に「すべて表示」をクリックすると画面左にパネルが表示され、その中に「パターン」という項目からボタンのカテゴリーの各パターンのボタンの中から何種類かのクエリー（左に画像）を選択して利用します。

Wordpress 使い方マニュアル：クエリー（標準）ブロックのすべての表示を選択 WordPress 操作マニュアル — WordPress 使い方マニュアル：クエリー（左に画像）ブロックのすべての表示を選択

Wordpress 使い方マニュアル：クエリー（標準）　真ん中のパターンを選択 — WordPress 使い方マニュアル：クエリー（左に画像）　真ん中のパターンを選択

Wordpress 使い方マニュアル：クエリー（左に画像）選択 — WordPress 使い方マニュアル：クエリー（左に画像）を選択

環境データ項目	DATA
実施日	2022年春（当時に作成されたデータです。）
VK Block Patterns プラグイン　Ver	1.17.4\|※バージョンによっては説明に食い違が生じます。
WordPress　Ver	6.0
PHP Ver	8.0

クエリー（左に画像）の実例

クエリー（左に画像）の事例です。

利用用途（代表例）

レスポンシブWebデザインのためのパターンテキスト

レスポンシブWebデザインのパターンテキストを紹介。カラム幅が可変するカラム型レイアウトのパターンを紹介そのほかリスト表示も選択が可能。PC用とスマホ用でデザインを分けることができる。経営者の紹介、スタッフ紹介などに適している。

もちろん、カスタムリンクも表示できます。

クエリー（左に画像）の事例です。設置事例の解説

クエリー（左に画像）の事例です。画像を適宜設定できるデザインといえます。クエリー（左に画像）に関する低アウトの編集が可能です。

PDFファイルによる使い方マニュアル

当サイトをPDFファイルにしました。オフラインでもご利用できますのでダウンロードしてお使いください。

VK-Block-Patterns-クエリー（左に画像）のマニュアルダウンロード

今後の予定（動画による使い方マニュアルの作成）

今後動画による使い方をマニュアル作成を行っています。今後をお楽しみにお待ちください。また、逆引きマニュアルを企画しています。簡単にお話ししますと、やりたいことを画像で一覧表示します。その一覧からユーザーがやりたいパターンなどを選びできればソースをダウンロードできるようにしたいと考えています。まずは動画によるマニュアルの作成を網羅する予定です。