In this documentation, you’ll learn to customize a Query Template of the GutenKit Query Builder builder block.
If you haven’t checked the Query Builder documentation yet, here it is 👉 クエリループビルダー.

Let’s start customizing a template.

Customizing Query Template #

In the content part, you can adjust the settings option –

• Layout Type: From here, you can choose Grid, Slider, Flex, or Block layout.
• Grid Layout Type: Select Auto, Manual, or Masonry for grid-based layouts.
• Minimum Column Width: It lets you set the minimum width for columns in the grid layout.
• Minimum Column Height: Set the minimum height for rows in the grid layout.
• 行ギャップ: Here, you can adjust the spacing between rows in the grid layout.
• 列のギャップ: Adjust the spacing between columns in the grid layout.

In the style section, you’ll find adjusting options for Padding, Background Type, Border, Border Radius, and Box Shadow. Utilizing these controls you can style your query template based on your preferences.

Moreover, a Query Loop template allows you to edit images, excerpts, titles, dates, add more content, and so on.

注目画像の編集 #

コンテンツの部分には、次の内容が表示されます。

調整するオプションがあります 画像のサイズ、配置、キャプション画像へのリンクも貼れます。

リンクオプションは次のとおりです。

• 投稿へのリンク – このオプションを選択した場合は、チェックマークを付けることができます 新しいタブで開く そして フォローなし リンク用のボックス。
• カスタムURL - ここであなたの 優先URL.
• メディアファイル – このオプションでは ライトボックスを有効にする オプション。

の中に 「スタイル」タブ, there are options to change Aspect Ratio, Width, Height, Add Overlay, CSS Filters, Border, Box Shadow and Border Radius.

投稿タイトルの編集 #

• 投稿タイトル前 – 実際の投稿タイトルの前に表示されるカスタム テキストを追加できます。
• 投稿タイトル後 – 実際の投稿タイトルの後に表示されるカスタム テキストを追加できます。
• 投稿タイトルのフォールバック: 投稿自体にタイトルがない場合に表示されるデフォルトのタイトルを提供します。
• タイトルリンク: タイトルがクリック可能かどうか、またクリック可能な場合はどこにリンクするか（通常は完全な投稿）を制御します。
• タイトルのHTMLタグ: タイトルに使用する HTML 見出しタグ (H1、H2 など) の種類を選択して、タイトルの視覚的な重要性を決定できます。
• 投稿タイトルの長さ: 投稿タイトルの最大文字数制限を設定し、長くなりすぎないようにします。

選択に基づいてタイトルのスタイルを設定するには、テキストの色、背景色、書体などを変更できます。

ここで、 ブレンドモード リストからブレンドされたスタイルを選択してクールな効果を作成します。

投稿抜粋の編集 #

設定セクションでは、 抜粋の長さ あなたの好みや設定に基づいて 後退する.

スタイル部分では、抜粋の配置、色、書体を変更できます。

投稿情報の編集 #

コンテンツ部分では、メタデータを更新できます。

レイアウト - レイアウトはデフォルトまたはブロックとして設定できます。ただし、作成者、日付、時刻、コメント、用語、カスタムを編集するオプションが表示されます。

• 著者 - オプションを展開すると、タイプ、リンク、シャドウ アバター、前のテキスト、アイコンを編集できます。
• 日付 - ここで、日付形式、リンク、前のテキスト、アイコンを変更できます。
• 時間 - 時刻形式や日付と同様のものを調整できます。
• コメント – コメントを整理するには、リンク ボタンを有効にし、テキストの前に書き込み、アイコンを設定します。
• 条項 - ここでの用語は カテゴリーとタグ必要なだけ用語を追加できるバーがあります。
• カスタム - ここに追加できるフィールドがあります カスタムメタラベル ご希望に応じてカスタマイズできます。また、その他のカスタマイズ オプションは以前と同じです。

ページネーションの編集 #

• ページネーションタイプ: 種類は次のとおりです。
  • 番号 - ここで、切り捨てページ番号を調整できます。これにより、一部のページ コントロールが非表示になり、最初/最後の数ページと現在のページのみが表示されるため、ナビゲーションが容易になります。
  • 前へ/次へ – このオプションを使用すると、前のテキストと次のテキストおよびアイコンを調整してページ区切りのスタイルを設定できます。
• 前へ / 次へ タイプ: テキスト、アイコン、アイコンとテキスト

This is how you can edit any query template using the excellent controls. It’s easy and saves your time.