クエリループブロックを使用すると、ブログ投稿、カスタム投稿タイプ、ページなど、Webサイトの動的なコンテンツを表示するレイアウトを視覚的に設計できます。GutenKitは、このような 拡張機能を備えたクエリビルダーブロック.

ブロックがどのように機能するか見てみましょう。

GutenKit クエリビルダー #

WordPress ダッシュボードから、クエリ ビルダーを使用するページ/投稿を開きます。

次に、検索して、GutenKit クエリ ビルダー ブロックをクリック/ドラッグ アンド ドロップするだけです。

バリエーションからクエリ ループの事前定義された空のテンプレートを選択します。

テンプレートのカスタマイズ #

クエリ ループ テンプレートでは、画像、抜粋、タイトル、日付を編集したり、コンテンツを追加したりできます。

注目画像の編集 #

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

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

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

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

の中に 「スタイル」タブアスペクト比、幅、高さ、オーバーレイの追加、CSS フィルター、境界線、ボックスの影を変更するオプションがあります。

投稿タイトルの編集 #

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

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

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

投稿抜粋の編集 #

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

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

投稿情報の編集 #

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

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

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

#

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

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

高度な #

ブロックには詳細セクションがあります。ここでは、追加の CSS クラスを使用して、好みに応じてブロックを配置し、ブロック名を設定できます。