VK Block Patterns クエリー(オフセット)の使い方

VK Block Patterns

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

コスモ企画

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

  • ブロックエディタ(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 Ver6.0
PHP Ver8.0
Wordpres使い方マニュアル:クエリー(オフセット)ブロックのすべての表示を選択 WordPress 操作マニュアル
Wordpres使い方マニュアル:クエリー(オフセット)ブロックのすべての表示を選択
Wordpres使い方マニュアル:クエリー(オフセット)真ん中のパターンを選択
Wordpres使い方マニュアル:クエリー(オフセット) 真ん中のパターンを選択
Wordpres使い方マニュアル:クエリー(オフセット)選択
Wordpres使い方マニュアル:クエリー(オフセット)を選択

クエリー(オフセット)の実例

クエリー(オフセット)の事例です。

Wordpress 使い方マニュアル:query

利用用途(代表例)

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

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

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

クエリー(オフセット)の事例です。設置事例の解説

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

WordPress マニュアル pdf

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

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

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

関連記事

お気軽にお問い合わせください。

お問い合わせ

ご依頼及び業務内容へのご質問などお気軽にお問い合わせください