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 👉 Kreator pętli zapytań.

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.
• Odstęp między wierszami: Here, you can adjust the spacing between rows in the grid layout.
• Odstęp kolumny: 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.

Edycja wyróżnionego obrazu #

W części Treść zobaczysz –

Istnieją opcje dostosowania Rozmiar obrazu, wyrównanie i podpis. Możesz także umieścić link do obrazu.

Opcje łącza to –

• Link do posta – Jeśli wybierzesz tę opcję, możesz także zaznaczyć znacznik Otwórz w nowej karcie I Żadnego śledzenia pola na link.
• Niestandardowy adres URL - Tutaj możesz wstawić swoje preferowany adres URL.
• Plik multimedialny – W przypadku tej opcji możesz Włącz Lightboxa opcja.

w Karta Styl, there are options to change Aspect Ratio, Width, Height, Add Overlay, CSS Filters, Border, Box Shadow and Border Radius.

Edycja tytułu posta #

• Tytuł postu przed – Umożliwia dodanie niestandardowego tekstu wyświetlanego przed właściwym tytułem posta.
• Tytuł posta po – Umożliwia dodanie niestandardowego tekstu wyświetlanego po tytule wpisu.
• Zastępczy tytuł posta: Zapewnia domyślny tytuł do wyświetlenia, jeśli sam post nie ma tytułu.
• Link tytułowy: Kontroluje, czy tytuł można kliknąć, a jeśli tak, to dokąd prowadzi (zazwyczaj cały post).
• Tytułowy znacznik HTML: Pozwala wybrać typ znacznika nagłówka HTML (H1, H2 itp.) użytego w tytule, wpływając na jego wagę wizualną.
• Długość tytułu postu: Ustawia maksymalny limit znaków w tytule posta, dbając o to, aby nie był on zbyt długi.

Aby nadać tytułowi odpowiedni styl, możesz zmienić kolor tekstu, kolor tła, typografię itp.

Tutaj funkcja Tryb mieszania polega na stworzeniu fajnych efektów poprzez wybranie mieszanych stylów z listy.

Edycja fragmentu postu #

W sekcji ustawień możesz zmienić Długość fragmentu w oparciu o Twoje preferencje i zestaw Powrót.

Część dotycząca stylu umożliwia zmianę wyrównania, koloru i typografii fragmentu.

Edytowanie informacji o poście #

W części dotyczącej treści możesz zaktualizować metadane.

Układ - Możesz ustawić układ jako domyślny lub blokowy. Otrzymasz jednak opcje edycji autora, daty, godziny, komentarzy, warunków i niestandardowych.

• Autor – Po rozwinięciu opcji będziesz edytować typ, łącze, awatar w tle, przed tekstem i ikonę.
• Data - Tutaj możesz zmienić format daty, link, przed tekstem i ikonę.
• Czas - Pozwala dostosować format czasu i podobne rzeczy jak datę.
• Uwagi - Aby uporządkować komentarze, możesz włączyć przycisk Link, wpisać tekst przed tekstem i ustawić ikonę.
• Warunki - Oto warunki Kategorie i Tagi. Dostępny jest pasek, który umożliwia dodanie dowolnej liczby terminów.
• Zwyczaj - Tutaj będziesz mieć pole do dodania Niestandardowa metaetykieta w oparciu o Twoje życzenie. Co więcej, pozostałe opcje dostosowywania są takie same jak poprzednio.

Edycja paginacji #

• Typ paginacji: Typy to –
  • Numer – W tym miejscu możesz dostosować numery stronicowania. Pomaga ukryć niektóre elementy sterujące strony, pokazując tylko kilka pierwszych/ostatnich i bieżącą stronę, aby ułatwić nawigację.
  • Poprzednie Następne - Dzięki tej opcji możesz dostosować poprzedni i następny tekst oraz ikonę, aby nadać styl paginacji.
• Poprzedni/następny typ: Tekst, ikona, ikona i tekst

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