Podświetlanie treści w WordPress: Blockquote vs. Pullquote

Podświetlanie treści w WordPress: Blockquote vs. Pullquote

Publikując nowy artykuł, należy zwrócić uwagę na jego ogólną szatę graficzną – nie tylko po to, aby strona wyglądała dobrze. Właściwe wyróżnienie niektórych sekcji zwiększa przejrzystość i przyciąga uwagę odwiedzających do kluczowych części treści. Dzięki temu użytkownik otrzyma najistotniejsze informacje, nawet jeśli nie przeczyta całego artykułu, a jedynie go przejrzy.

Dzisiaj skupimy się na wyróżnianiu tekstu w edytorze WordPress za pomocą cudzysłowów. Pokażemy Ci, jak wykonywać cytaty blokowe i cytaty w określonych sytuacjach oraz wyjaśnimy różnicę między nimi.

Artykuł odpowiada na następujące pytania:

Kiedy używać cytatu blokowego

Termin blockquote powstał poprzez skrócenie frazy cytaty blokowe co oznacza, że jest to cytowanie pojedynczego fragmentu (bloku) treści. Zwykle nie jest to tekst wyodrębniony z samego artykułu. Cytaty blokowe odnoszą się do źródeł zewnętrznych. Możesz ich użyć jako cytatu:

  • Kolejne źródło i publikacje branżowe
  • Cytaty znanych osób
  • Referencje od zadowolonych klientów

Blokowe cytaty kierują uwagę na określony fragment treści. Oznaczają informację jako ważną poprzez graficzne odróżnienie jej od reszty treści. Cytaty blokowe są często oznaczone wizualnie cudzysłowami lub cudzysłowami. Jednak ich ostateczny wygląd zależy od używanego motywu WordPress.

Jak wstawić cytat blokowy w edytorze WordPress

Istnieje specjalny blok do wstawiania cytatów blokowych na stronę lub post o nazwie Blok cytatów. Można go bardzo łatwo dodać do swojej strony:

1. Pierwszą opcją jest kliknięcie symbolu „+” na górnym pasku lub w edytorze, w którym chcesz umieścić blok. Następnie wyszukaj słowo „cytat” w pasku wyszukiwania.

Dodanie bloku cytatu
Dodanie bloku wyceny poprzez kliknięcie na „+”

2. Drugą opcją jest wyszukanie bloku poprzez wpisanie jego nazwy po ukośniku „/”.

Dodaj blok cytatu za pomocą ukośnika „/”
Aby znaleźć i dodać blok cytatu, możesz również użyć ukośnika „/”

Wszystko gotowe. Utworzyłeś blok z symbolem zastępczym i tekstem „Napisz cytat”.

Style i formatowanie bloków

Nowo dodany blok cytatów ma domyślny styl i formatowanie. Pionowa linia podkreśla cytat i oddziela go od reszty treści. Możesz jednak zmienić styl na „Duży”, klikając ikonę cudzysłowu (“) na pasku narzędzi lub wybierając „Style” w Inspektorze po prawej stronie.

Duży styl usuwa linię pionową, zwiększa rozmiar czcionki i zmienia ją na kursywę. Chociaż ostateczny wygląd cytatu na stronie podglądu zależy od projektu używanego motywu WordPress.

Zmiana stylu bloku cytatu z domyślnego na duży
Zobacz, jak inny może wyglądać blok Cytat po zmianie stylu bloku z Domyślny na Duży

Formatowanie cytatów blokowych jest podobne do formatowania akapitu. Format cytatów można ustawić na pogrubiony lub kursywę, możesz nawet użyć hiperłącza (URL) w cytacie. Wyrównanie tekstu może być do lewej, do środka lub do prawej. Sam blok cytatu jest zawsze ustawiony na szerokość treści.

Przekształć Blockquote w inny typ bloku

Jednym kliknięciem możesz przekształcić cytat blokowy w inny typ bloku. Zaletą jest to, że możesz przełączać się bezpośrednio z bloku cytatów do Pullqoute i odwrotnie. Oto pełna lista wszystkich dostępnych bloków do wyboru:

  • Ustęp
  • Pullqoute
  • Nagłówek
  • Lista

Wyciągane cytaty: kiedy ich używać?

Podczas gdy cytaty blokowe odnoszą się do źródeł zewnętrznych, cytaty wyciągane podkreślają najważniejsze informacje wydobyte bezpośrednio z treści na Twojej stronie. Oznacza to, że zwracają uwagę na konkretny akapit w Twoim poście lub stronie i podkreślają jego znaczenie.

Jak działają cytaty Pull?

  • Jako element graficzny uwydatniający treść i jej strukturę
  • Przykuwają uwagę użytkownika podczas przewijania strony
  • Mogą być używane jako podtytuły lub nagłówki na stronie

Jak dodać blok Pullquote

Przed wydaniem edytora bloków WordPress (wersje niższe niż 5.0) konieczne było stylizowanie cytatów w CSS. Teraz, dzięki blokowi Pullquote, możesz dodać je kilkoma kliknięciami. Wstawienie bloku Pullquote na stronę jest dokładnie takie samo, jak wstawienie bloku Quote. Zamiast tego użyj nazwy tego bloku podczas wyszukiwania.

Dostosowanie bloku Pullquote

Blok Pullqoute oferuje 2 podstawowe style – Domyślny i Jednolity kolor. Możesz przełączać się między nimi na pasku narzędzi lub w Inspektorze. Jak oni wyglądają?

Domyślny styl charakteryzuje się dwie linie poziome, na górze i na dole cytatu. Możesz zmienić kolor tych dwóch linii, chociaż tło pozostanie białe.

Pullquote Domyślny styl
Domyślny styl Pullquote

Z drugiej strony Solid Color to styl w prostszym wzornictwie i bez żadnych linii. W porównaniu ze stylem Domyślnym rozmiar czcionki jest nieco większy, a w przypadku stylu Jednolity kolor można wybrać kolor tła całego bloku.

Pullquote Jednolity kolor
Jednolity kolor bloku Pullquote

Nie ma znaczenia, który styl wybierzesz, możesz zmienić kolor czcionki w obu z nich. Dostępne jest również standardowe formatowanie akapitu, takie jak pogrubienie, kursywa lub wstawianie adresu URL.

Zaawansowane opcje wyrównania bloku Pullqoute

W przeciwieństwie do bloku Cytat, blok Pullqoute oferuje więcej opcji wyrównania: szeroka szerokość lub pełna szerokość, oprócz standardowego wyrównania (lewo, prawo, środek).

Dzięki panoramicznemu widokowi pullqoute może służyć jako nagłówek lub podtytuł. Nie tylko potrafi ładnie podzielić zawartość na stronie, ale także służy jako cliffhanger, aby zachęcić użytkownika do dalszego przeglądania strony. Pamiętaj proszę, że ostateczny wygląd Twojego Pullquote zależy od projektu motywu. Nie wszystkie motywy obsługują również zaawansowane opcje wyrównania.

Wyrównanie pełnej szerokości bloku Pullqoute
Pullqoute, który może działać jako nagłówek (rozciągnięty do pełnej szerokości)

Motyw Citadela pozwala bez problemu wybrać szeroką lub pełną szerokość.
Pobierz i przekonaj się sam!

Transformacja do innego typu Bloku

Blok pullquote ma ograniczone możliwości transformacji do innego typu bloku. W rzeczywistości blok Pullquote można przekształcić tylko w blok Quote.

Wniosek: blok cytatów czy blok cytatów?

Kiedy używać bloku Quote zamiast bloku Pullquote i odwrotnie?

Blok Cytaty polecamy przy prezentowaniu opinii i cytatów znanych osób lub przy cytowaniu źródeł zewnętrznych. Cytat powinien być tekstem, którego użytkownicy nie znajdą bezpośrednio na stronie ani w poście. Jest idealny do referencji, ponieważ graficznie oddziela recenzje od innych treści (zarówno pod względem projektu, jak i formatowania – na przykład za pomocą kursywy). Już na pierwszy rzut oka widać, że to cytat, a więc coś, co trzeba podkreślić.

Blok Pullqoute powinien być używany do wyróżniania kluczowych informacji zaczerpniętych z tekstu bezpośrednio na stronie. Ponieważ cytaty są fragmentami treści, pozwalają one odwiedzającym witrynę na poznanie najważniejszej wiadomości bez dokładnego czytania artykułu. Jeśli jednak informacje w bloku Pullquote są naprawdę atrakcyjne, zachęci to odwiedzającego do spędzenia większej ilości czasu na Twojej stronie. Ponadto możesz również użyć Pullqoute jako nagłówka lub jako substytutu napisów.

5 pomyślał o „Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Cześć Ivi,
    dzięki za ten przewodnik na temat korzystania z wordpress blockquote we właściwy sposób, próbowałem dodać go przez mój edytor motywów i prawie wszystko zepsułem. Dzięki jeszcze raz.

    Jakiej wtyczki do spisu treści WordPress używasz? Jest piękny i chciałbym go zaimplementować na swojej stronie.

    1. Witaj Bolariso,

      Dziękuję za komplement. Sprawdź szczegółowe informacje zamieszczone na stronie: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Serdeczne pozdrowienia!
      Zlatko
      Zespół AIIT

  2. W moim przykładzie układu motywów wtyczek citadela pro nie mogłem znaleźć sposobu na zmianę zdjęcia w cytacie

    https://prnt.sc/v26fce

    1. Witam,

      dziękujemy za zgłoszenie. Uprzejmie prosimy o sprawdzenie naszej bazy wiedzy i/lub dokumentacji z samouczkami wideo:
      https://www.ait-themes.club/ait-themes-documentation/
      Możesz też zadawać pytania techniczne bezpośrednio w naszym dedykowanym systemie zgłoszeń do pomocy technicznej. Zaloguj się na swoje konto na https://system.ait-themes.club/support/add-question.

      Serdeczne pozdrowienia!
      Zlatko
      Zespół AIIT

Możliwość dodawania komentarzy nie jest dostępna.