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 👉 Query Loop Builder.

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.
• Radavstånd: Here, you can adjust the spacing between rows in the grid layout.
• Kolumngap: 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.

Redigerar utvald bild #

Under innehållsdelen ser du –

Det finns alternativ att justera Bildstorlek, justering och bildtext. Du kan också lägga till länk till bilden.

Länkalternativen är -

• Länk till inlägg – Om du väljer det här alternativet kan du också bocka Öppna i ny flik och Ingen följ rutor för länken.
• Anpassad URL - Här kan du infoga din föredragen URL.
• Mediafil – För detta alternativ kan du Aktivera Lightbox alternativ.

I den Fliken Stil, there are options to change Aspect Ratio, Width, Height, Add Overlay, CSS Filters, Border, Box Shadow and Border Radius.

Redigera inläggets rubrik #

• Inläggstitel före – Låter dig lägga till anpassad text som visas före den faktiska posttiteln.
• Inläggets titel efter – Låter dig lägga till anpassad text som visas efter den faktiska posttiteln.
• Inläggsrubrik återgång: Tillhandahåller en standardtitel som ska visas om själva inlägget inte har någon titel.
• Titellänk: Styr om titeln är klickbar och i så fall var den länkar till (vanligtvis hela inlägget).
• Titel HTML-tagg: Låter dig välja vilken typ av HTML-rubriktagg (H1, H2, etc.) som används för titeln, vilket påverkar dess visuella betydelse.
• Inläggets titellängd: Ställer in en maximal teckengräns för inläggstiteln, så att den inte blir för lång.

För att utforma titeln baserat på dina val kan du ändra textfärg, bakgrundsfärg, typografi etc.

Här, funktionen av Blandningsläge är att skapa coola effekter genom att välja blandade stilar från listan.

Redigering av inläggsutdrag #

Under inställningarna kan du ändra Utdrag Längd baserat på dina preferenser och inställningar Retirera.

Stildelen låter dig ändra justering, färg och typografi för utdraget.

Redigera inläggsinformation #

I innehållsdelen kan du uppdatera Metadata.

Layout - Du kan ställa in layouten som Standard eller Block. Du kommer dock att få alternativen att redigera författare, datum, tid, kommentarer, villkor och anpassade.

• Författare – Efter att ha utökat alternativet kommer du att redigera Typ, Länk, Skuggavatar, Före text och Ikon.
• Datum - Här kan du ändra datumformat, länk, före text och ikon.
• Tid – Det låter dig justera tidsformat och liknande saker som datum.
• Kommentarer – För att ordna kommentarerna kan du aktivera länkknappen, skriva före text och ställa in en ikon.
• Villkor – Här är villkoren Kategorier och taggar. Det finns en bar som låter dig lägga till så många termer du vill.
• Anpassad – Här har du ett fält att lägga till Anpassad metaetikett utifrån din önskan. Dessutom är de andra anpassningsalternativen desamma som tidigare.

Redigera paginering #

• Pagineringstyp: Typerna är -
  • Siffra - Här kan du justera Truncate Pagination Numbers. Det hjälper till att dölja vissa sidkontroller och visar bara de första/sista och aktuella sidan för enklare navigering.
  • Föregående Nästa - Med det här alternativet kan du justera föregående och nästa text och ikon för att utforma sidnumreringen.
• Föregående / Nästa typ: Text, ikon, ikon och text

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