Demo stylów — jak będzie wyglądał Twój blog

·

To jest strona demonstracyjna stylów typograficznych Twojego bloga. Pokazuje, jak będą wyglądać wszystkie elementy treści — nagłówki, listy, cytaty, obrazy, tabele i więcej. Pierwszy akapit jest większy i bardziej wyrazisty — to tak zwany lede, który wprowadza czytelnika w temat.

Następne akapity mają już standardową wielkość i kolor. Tekst jest linkowany w sposób czytelny, z podkreśleniem które nie odciąga uwagi od treści. Inline code ma swój własny styling — przydaje się przy odwołaniach do nazw plików, klas CSS czy poleceń.

Nagłówek H2 — sekcja główna

Nagłówki H2 oznaczają główne sekcje wpisu. Mają większy rozmiar i wyraźniejszy odstęp od poprzedniego tekstu. Pod spodem standardowy akapit treści.

Nagłówek H3 — podsekcja

Nagłówki H3 to podsekcje wewnątrz H2. Mniejsze niż H2, ale wciąż wyróżnione. Używaj ich do organizacji dłuższych sekcji.

Nagłówek H4 — mniejszy podział

H4 to najmniejszy poziom regularnie używany w treściach blogowych. Dobry do wydzielenia bardzo szczegółowych punktów.

Listy

Lista nieuporządkowana:

  • Pierwszy element listy z krótkim opisem.
  • Drugi element — może być dłuższy i zawierać pogrubienie oraz kursywę.
  • Trzeci element ze linkiem do innej strony.
  • Czwarty element zamykający listę.

Lista uporządkowana:

  1. Pierwszy krok procedury — opis czynności.
  2. Drugi krok — kolejna instrukcja.
  3. Trzeci krok — finalizacja procesu.
  4. Czwarty krok — sprawdzenie wyniku.

Cytaty

Standardowy cytat blokowy:

Sprawiedliwość bez siły jest bezsilna, siła bez sprawiedliwości — tyrańska.

Blaise Pascal

Cytat wyróżniony (pullquote) — używany przy ważniejszych myślach:

Prawo jest sztuką tego, co dobre i sprawiedliwe.

Celsus

Obrazy

Obraz z podpisem — wstawiony w treści wpisu:

Książki prawnicze na biurku
Biblioteka kancelarii — niezbędne narzędzie pracy radcy prawnego.

Tabele

Tabela porównawcza:

Rodzaj sprawyŚredni czasOrientacyjny koszt
Rozwód bez orzekania o winie3–6 miesięcyod 1500 zł
Rozwód z orzekaniem o winie1–3 lataod 3000 zł
Sprawa o alimenty3–8 miesięcyod 1000 zł
Podział majątku6–18 miesięcyod 2500 zł

Kod

Blok kodu — używany rzadko na blogu prawniczym, ale jest stylizowany na wszelki wypadek:

Art. 23 KRiO § 1.
Małżonkowie mają równe prawa i obowiązki w małżeństwie.
Są obowiązani do wspólnego pożycia, do wzajemnej pomocy
i wierności oraz do współdziałania dla dobra rodziny.

Separator

Standardowy separator (gold, krótki):


Separator szeroki (jako linia podziału):


Przyciski

Przyciski w treści — w różnych wariantach:

Treść osadzona (embed)

Wideo lub inne osadzenia obsługiwane przez Gutenberga — wstawiane przez „Osadzenie” w edytorze.

Podsumowanie

Wszystkie powyższe elementy są dostępne dla Ciebie podczas pisania wpisu w edytorze WordPress. Wystarczy kliknąć + w edytorze i wybrać odpowiedni blok — całe formatowanie dzieje się automatycznie według tych stylów. Nie musisz znać HTML ani CSS.

Jeśli czegoś brakuje albo coś nie wygląda tak, jak chcesz — daj znać, dostosuję styl.