Katalog elementów treści

Każdy element treści w jednym artykule - od akapitu po mapę, nieraz jeden pod drugim. Ten tekst to katalog i poligon w jednym: tu sprawdzisz, jak elementy wyglądają na stronie i jak edytuje się je w panelu.

Akapit niesie formatowanie śródliniowe: pogrubienie, kursywę, podkreślenie, kod, zaznaczenie i odnośnik. Wszystko poniżej to gotowe klocki - wybierasz z listy, uzupełniasz pola i publikujesz.

Tekst, który niesie artykuł

Trzy style list stoją tu bezpośrednio pod sobą - dokładnie tak wyglądają sąsiadujące elementy bez akapitu między nimi:

• Lista z kropkami porządkuje argumenty
• Nie wymaga żadnej konfiguracji
• Nowy punkt dodajesz Enterem

1. Lista numerowana prowadzi krok po kroku
2. Numeracja pilnuje się sama
3. Także przy zmianie kolejności punktów

• Lista z ikonami akcentuje korzyści
• Ikonę wybierasz z pełnego zestawu ikon serwisu
• Albo wstawiasz własne emoji

Głosy i wyróżnienia

Media

Obraz obok jest ustawiony jako opływany z prawej, więc tekst układa się wzdłuż niego. Na wąskim ekranie opływanie znika samo - obraz wraca na pełną szerokość, a treść pozostaje czytelna. Punkt kluczowy kadrowania wybierasz kliknięciem na podglądzie, dzięki czemu miniatury i kadry zawsze pokazują to, co najważniejsze.

Karta z odnośnikiem

Karuzela kart sprawdza się przy ofercie, seriach poradników i polecanych treściach.

Kwadratowy obraz

Obraz karty jest zawsze kadrowany do kwadratu - jak w karuzelach serwisów społecznościowych.

Tytuł i opis

Każda karta niesie tytuł i krótki opis; odnośnik jest opcjonalny.

Przewijanie

Karty przewijasz strzałkami, gestem albo przeciągnięciem myszą.

Osadzenia i mapa

Wpisy z serwisów społecznościowych i mapy ładują się od razu. Redakcja może jednym przełącznikiem wstrzymać element do zgody odwiedzającego - wtedy do czasu zgody czytelnik widzi zwykły, działający odnośnik.

Struktura i porządek

.artykul {
    max-width: 860px;
    margin-inline: auto;
}

/* Blok kodu zachowuje wcięcia i nie jest tłumaczony. */

Przycisk wezwania do działania

Nad tym akapitem stoi separator, poniżej czekają elementy specjalne: slot (niewidoczny punkt zaczepienia wstawek sekcji) i linia zajawki, która przy treści zamkniętej wyznacza granicę części otwartej. Ten artykuł jest dostępny dla każdego, więc linia niczego tu nie ukrywa.

Ten akapit stoi już za linią zajawki. Przy treści dla zalogowanych albo płatnej to właśnie tutaj zaczynałaby się część widoczna wyłącznie dla uprawnionych czytelników.