Jak dodać cytat do wpisu/strony?

  • Poziom trudności:

Obok śródtytułów bloki z cytatami są szczególnie ważnym elementem witryny. Pozwalają one zatrzymać się nad jednym zdaniem, myślą i lepiej je zapamiętać. Niektórzy właściciele witryn/blogów modyfikują bloki tak żeby można było od razu wyróżnione zdanie wysłać na Twittera. W tym minikursie pokażę Ci jak takie zdanie wyróżnić w edytorze i co wpisać do zewnętrznego arkuszu stylów, aby w ciekawy sposób je zaprezentować.

Dodanie bloku jest banalnie proste:

blok-z-cytatem

Blok z cytatami nazywany jest w anglojęzycznym środowisku WordPressa blockquote od znacznika <blockquote> który go rozpoczyna i kończy. Wygląd zależy od tego jak zostaną określone style w pliku style.css.

Dlaczego blok z cytatem nie jest wyróżniony?

Może się tak zdarzyć, że w Twoim szablonie styl dla cytatu nie został przygotowany. W tej sytuacji proponuję abyś wszedł do Wygląd -> Edytor do edycji style.css i odszukał element blockquote (Ctrl+F wyszukujesz słowa w przeglądarce).

Jeśli znajdziesz ten element to możesz przenieść wszystkie elementy, które Jego dotyczą do notatnika (albo całą zawartość zewnętrznych stylów tak aby mieć kopię zapasową) i następnie wkleić przykładowy styl:

Po wklejeniu tego fragmentu do zewnętrznych stylów CSS uzyskamy przybliżony do tego efekt:

cytat

I jeszcze kilka słów wyjaśnienia dotyczących wklejanego fragmentu:

Pierwsza część (1-8) odpowiada za odstępy między treścią a ramką, kolor tła, ramki oraz czcionkę.

Druga (10) to deklaracja aby paragraf tekstu w ramach cytatu był pisany kursywą.

Trzecia (12-25) odpowiada za otwarcie cytatu czyli ten czerwony symbol z lewej strony.

UDOSTĘPNIJ