Układy Boksy tekstowe

Układy boksy tekstowe umożliwiają prezentowanie treści w czytelnych, wyodrębnionych blokach. Każdy boks może zawierać nagłówek, opis, przycisk lub inne elementy, dzięki czemu doskonale sprawdza się do prezentacji usług, zalet oferty, kategorii produktów czy najważniejszych informacji. Taki sposób prezentacji ułatwia użytkownikom szybkie zapoznanie się z treścią i poprawia estetykę strony.

Dobre praktyki

  • Każdy boks poświęć jednemu zagadnieniu lub jednej informacji.
  • Stosuj krótkie nagłówki oraz zwięzłe opisy.
  • Zachowuj jednakową wysokość i układ podobnych boksów.
  • Wyróżniaj najważniejsze informacje za pomocą przycisków lub ikon.
  • Zachowuj spójny wygląd boksów na wszystkich podstronach.

Wskazówka SEO

Umieszczaj w boksach wartościową treść oraz nagłówki zawierające naturalnie użyte słowa kluczowe. Unikaj tworzenia sekcji składających się wyłącznie z grafik lub ikon.

Wskazówka UX

Boksy powinny być czytelne i łatwe do zeskanowania wzrokiem. Ogranicz ilość tekstu, zachowaj odpowiednie odstępy i wyraźnie oddziel poszczególne informacje.

Jak dodać boks tekstowy?

Jak dodać boks tekstowy?

01 Wybierz podstronę, na której chcesz dodać nowy układ.

02 Kliknij przycisk „Dodaj”.

Po wykonaniu tych czynności otworzy się formularz dodawania nowego układu, w którym możesz wybrać jego typ oraz skonfigurować zawartość i ustawienia.

 

03 Zmień układ – wybierz jeden z dostępnych układów:

Box tekstowy  Boksy tekstowe (z możliwością dodania ikony)

04 Wybieramy ilość kolumn, do dyspozycji mamy:

  • układ 1 kolumnowy
  • układ 2 kolumnowy
  • układ 3 kolumnowy
  • układ 4 kolumnowy

05 Następnie Boks tekstowy przycisk "Dodaj".

06 Dodajemy "Nazwę".

07 Kliknij „Wyślij nowy plik” i wybierz zdjęcie z dysku komputera.

08 Ustawiamy pozycję ikony:

  • top - ikona u góry, tekst poniżej
  • top-center - ikona wyśrodkowana, tekst poniżej
  • left - ikona po lewej stronie, tekst po prawej
  • right - tekst po lewej stronie, ikona po prawej

09 Możliwość obramowania boksu

10 Opis –  treść boksu, edytowana za pomocą edytora tekstu.

11 Odsyłacz - wpisujemy url lub wybieramy podstronę ze struktury. 

12 Tekst odsyłacza – treść przycisku lub linku.

13 Dodaj – zapisuje wprowadzone zmiany i dodaje wiersz do podstrony.

Boksy tekstowe - 1 w rzędzie, ikona po lewej

Boksy tekstowe - 1 w rzędzie, ikona po lewej

Boksy tekstowe - 2 w rzędzie, ikona na tekstem wyśrodkowana, bez obramowania

Boksy tekstowe - 2 w rzędzie, ikona na tekstem wyśrodkowana, bez obramowania

Boksy tekstowe - 2 w rzędzie, ikona po lewej stronie

Boksy tekstowe - 2 w rzędzie, ikona po lewej stronie

Boksy tekstowe - 3 w rzędzie, ikona nad tekstem

Boksy tekstowe - 3 w rzędzie, ikona nad tekstem

Boksy tekstowe - 2 w rzędzie, ikona po prawej stronie

Boksy tekstowe - 2 w rzędzie, ikona po prawej stronie

Boksy tekstowe - 4 w rzędzie, bez ikony

Boksy tekstowe - 4 w rzędzie, bez ikony

Boksy tekstowe - 3 w rzędzie, bez ikony

Boksy tekstowe - 3 w rzędzie, bez ikony

Najczęstsze problemy

Problem Rozwiązanie
Boksy mają różną wysokość. Ujednolić ilość treści lub dostosuj ustawienia układu, aby zachować spójny wygląd.
Tekst w boksach jest nieczytelny. Skróć opisy oraz zadbaj o odpowiedni kontrast i wielkość czcionki.
Przyciski nie prowadzą do właściwych stron. Sprawdź poprawność przypisanych odnośników przed publikacją.
Boksy wyświetlają się niepoprawnie na telefonie. Zweryfikuj responsywność układu oraz sprawdź wygląd na urządzeniach mobilnych.
Zmiany nie są widoczne po zapisaniu. Zapisz układ, opublikuj stronę i odśwież pamięć podręczną przeglądarki.