kursy Wordpress, Tutoriale, nauka obsługi panelu administracyjnego

Jak dodać cytat do wpisu/strony? – Gutenberg (WordPress)

W CMS WordPress w bardzo łatwy sposób można dodawać cytaty zarówno do wpisów jak i stron.

W edytorze Gutenberg cytaty możemy tworzyć na kilka sposobów. Możemy np. utworzyć blok cytat lub zmienić format dowolnego blogu.

Dodawanie nowego bloku

W celu dodania nowego bloku cytatu klikamy w przycisk z symbolem plusa umieszczony na belce powyżej tytułu wpisu.

dodawanie cytatu do strony
Dodawanie nowego bloku w edytorze Gutenberg

Edycja istniejącego bloku

Na cytat możemy także zmienić istniejący już akapit. Wystarczy jedynie kliknąć w jego nagłówek.

znajdowanie pola cytatu
Zmiana typu akapitu Gutenberg

Poniżej możecie zobaczyć przykładowy cytat:

Przykładowy cytat jak widać jest inny niż reszta tekstu

przykładowy cytat w edytorze
przykładowy cytat w edytorze

Czasami zdarza się, że w szablonie cytat nie został w jakiś szczególny sposób wyróżniony na tle innych elementów. W takiej sytuacji można samemu dopisać style.

Dodawanie cytatu w tekstowym edytorze

Jeśli chcecie wstawić cytat w wersji tekstowej edytora możecie tego dokonać wstawiając tekst cytatu pomiędzy znaczniki <blockquote></blockquote>

Przykładowe style dla cytatu

Poniżej znajdziecie style CSS dzięki, którym będziecie mogli zmienić wygląd waszego cytatu.

.entry-content blockquote {
    padding: 30px;
    position: relative;
    background: #f3f2f2;
    border-left: 3px solid #c10c0c;
    font-style: italic;
}

Z pomocą tych styli otrzymacie wygląd zbliżony do tego jaki jest aktualnie na mojej stronie.