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 👉 Generatore di cicli di query.

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.
• Spazio tra righe: Here, you can adjust the spacing between rows in the grid layout.
• Spazio tra le colonne: 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.

Modifica dell'immagine in primo piano #

Nella parte Contenuto, vedrai:

Ci sono opzioni per regolare Dimensioni dell'immagine, allineamento e didascalia. Inoltre puoi inserire il collegamento all'immagine.

Le opzioni di collegamento sono:

• Collegamento al post – Se selezioni questa opzione, puoi anche selezionare il segno di spunta Apri in una nuova scheda E Non seguire caselle per il collegamento.
• URL personalizzato - Qui puoi inserire il tuo URL preferito.
• File multimediale – Per questa opzione puoi Abilita scatola luminosa opzione.

Nel Scheda Stile, there are options to change Aspect Ratio, Width, Height, Add Overlay, CSS Filters, Border, Box Shadow and Border Radius.

Modifica del titolo del post #

• Titolo del post prima – Ti consente di aggiungere testo personalizzato che appare prima del titolo effettivo del post.
• Titolo del post dopo – Ti consente di aggiungere testo personalizzato che appare dopo il titolo effettivo del post.
• Titolo del post di riserva: Fornisce un titolo predefinito da visualizzare se il post stesso non ha titolo.
• Collegamento al titolo: Controlla se il titolo è cliccabile e, in tal caso, a cosa rimanda (di solito il post completo).
• Tag HTML del titolo: Ti permette di scegliere il tipo di tag di intestazione HTML (H1, H2, ecc.) utilizzato per il titolo, influenzandone l'importanza visiva.
• Lunghezza del titolo del post: Imposta un limite massimo di caratteri per il titolo del post, assicurando che non diventi troppo lungo.

Per modellare il titolo in base alle tue scelte, puoi modificare il colore del testo, il colore dello sfondo, la tipografia, ecc.

Qui, la funzione del Modalità di fusione è creare fantastici effetti selezionando gli stili miscelati dall'elenco.

Modifica dell'estratto del post #

Nella sezione Impostazioni, puoi modificare il file Lunghezza dell'estratto in base alle tue preferenze e impostazioni Ricaderci.

La parte di stile ti consente di modificare l'allineamento, il colore e la tipografia del brano.

Modifica delle informazioni del post #

Nella parte del contenuto è possibile aggiornare i metadati.

Disposizione - È possibile impostare il layout come Predefinito o Blocca. Tuttavia, avrai la possibilità di modificare Autore, Data, Ora, Commenti, Termini e Personalizzato.

• Autore – Dopo aver espanso l'opzione, modificherai Tipo, Collegamento, Avatar ombra, Prima del testo e Icona.
• Data - Qui puoi modificare il formato della data, il collegamento, prima del testo e l'icona.
• Tempo - Ti consente di regolare il formato dell'ora e cose simili come la data.
• Commenti - Per organizzare i commenti, puoi abilitare il pulsante Link, scrivere Prima del testo e impostare un'icona.
• Termini – Ecco, i termini sono Categorie e tag. C'è una barra che ti consente di aggiungere tutti i termini che desideri.
• Costume - Qui avrai un campo da aggiungere Meta etichetta personalizzata in base al tuo desiderio. Inoltre, le altre opzioni di personalizzazione sono le stesse di prima.

Modifica dell'impaginazione #

• Tipo di impaginazione: I tipi sono:
  • Numero - Qui puoi regolare i numeri di paginazione troncati. Aiuta a nascondere alcuni controlli della pagina, mostrando solo i primi/ultimi e la pagina corrente per una navigazione più semplice.
  • Precedente Successivo - Con questa opzione, puoi regolare il testo e l'icona precedenti e successivi per definire lo stile dell'impaginazione.
• Tipo precedente/successivo: Testo, icona, icona e testo

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