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 👉 Générateur de boucles de requête.

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.
• Écart de rangée : Here, you can adjust the spacing between rows in the grid layout.
• Écart de 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.

Modification de l'image sélectionnée #

Sous la partie Contenu, vous verrez –

Il existe des options pour ajuster Taille de l'image, alignement et légende. Vous pouvez également mettre un lien vers l'image.

Les options de lien sont –

• Lien vers la publication – Si vous sélectionnez cette option, vous pouvez également cocher Ouvrir dans un nouvel onglet et Pas de suivi cases pour le lien.
• URL personnalisée - Ici, vous pouvez insérer votre URL préférée.
• Fichier multimédia - Pour cette option, vous pouvez Activer la visionneuse option.

Dans le Onglet Style, there are options to change Aspect Ratio, Width, Height, Add Overlay, CSS Filters, Border, Box Shadow and Border Radius.

Modification du titre du message #

• Titre du message avant – Vous permet d'ajouter un texte personnalisé qui apparaît avant le titre réel du message.
• Titre du message après – Vous permet d'ajouter un texte personnalisé qui apparaît après le titre réel du message.
• Titre du message de secours : Fournit un titre par défaut à afficher si la publication elle-même n'a pas de titre.
• Lien du titre : Contrôle si le titre est cliquable et si oui, vers où il renvoie (généralement la publication complète).
• Balise HTML du titre : Permet de choisir le type de balise de titre HTML (H1, H2, etc.) utilisée pour le titre, affectant son importance visuelle.
• Longueur du titre du message : Définit une limite maximale de caractères pour le titre du message, garantissant qu'il ne devienne pas trop long.

Pour styliser le titre en fonction de vos choix, vous pouvez modifier la couleur du texte, la couleur de l'arrière-plan, la typographie, etc.

Ici, la fonction du Mode de fusion consiste à créer des effets sympas en sélectionnant des styles mélangés dans la liste.

Modification de l'extrait du message #

Dans la section des paramètres, vous pouvez modifier le Durée de l'extrait en fonction de vos préférences et définissez Retomber.

La partie style vous permet de modifier l'alignement, la couleur et la typographie de l'extrait.

Modification des informations sur la publication #

Dans la partie contenu, vous pouvez mettre à jour les métadonnées.

Mise en page - Vous pouvez définir la mise en page par défaut ou en bloc. Cependant, vous aurez la possibilité de modifier l'auteur, la date, l'heure, les commentaires, les conditions et la personnalisation.

• Auteur - Après avoir développé l'option, vous modifierez le type, le lien, l'avatar de l'ombre, avant le texte et l'icône.
• Date - Ici, vous pouvez modifier le format de date, le lien, avant le texte et l'icône.
• Temps - Il vous permet d'ajuster le format de l'heure et des éléments similaires à la date.
• Commentaires - Pour organiser les commentaires, vous pouvez activer le bouton Lien, écrire Avant le texte et définir une icône.
• Termes - Ici, les termes sont Catégories et balises. Il y a une barre qui vous permet d'ajouter autant de termes que vous le souhaitez.
• Coutume - Ici vous aurez un champ à ajouter Méta-étiquette personnalisée en fonction de votre souhait. De plus, les autres options de personnalisation sont les mêmes que précédemment.

Modification de la pagination #

• Type de pagination : Les types sont –
  • Nombre - Ici, vous pouvez ajuster la troncature des numéros de pagination. Il est utile de masquer certains contrôles de page, en affichant uniquement la première/la dernière page et la page actuelle pour une navigation plus facile.
  • Précédent Suivant - Avec cette option, vous pouvez ajuster le texte et l’icône précédents et suivants pour styliser la pagination.
• Type Précédent / Suivant : Texte, icône, icône et texte

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