Označavanje sadržaja u WordPressu: Blockquote vs. Pullquote

Označavanje sadržaja u WordPressu: Blockquote vs. Pullquote

Kada objavljujete novi dio sadržaja, važno je obratiti pozornost na njegov cjelokupni grafički izgled – ne samo da stranica izgleda dobro. Ispravno isticanje određenih odjeljaka povećava jasnoću i privlači pozornost posjetitelja na ključne dijelove vašeg sadržaja. Kao rezultat toga, korisnik će dobiti najbitnije informacije čak i ako ne pročita cijeli članak nego ga samo preleti.

Danas ćemo se fokusirati na isticanje teksta u WordPress uređivaču pomoću navodnika. Pokazat ćemo vam kako napraviti blok citate i pullquote u određenim situacijama i objasniti razliku između njih.

Članak odgovara na sljedeća pitanja:

Kada koristiti blok citat

Pojam blockquote nastao je skraćivanjem izraza blok citati što implicira da se radi o citiranju pojedinog dijela (bloka) sadržaja. Obično to nije tekst izvučen iz samog članka. Blok citati se odnose na vanjske izvore. Možete ih koristiti kao citat:

  • Drugi izvor i stručne publikacije
  • Citati poznatih ljudi
  • Svjedočanstva zadovoljnih kupaca

Blok citati privlače pozornost na određeni sadržaj. Oni označavaju informaciju kao važnu tako što je grafički razlikuju od ostatka sadržaja. Navodnici su često vizualno označeni navodnicima ili navodnicima. Međutim, njihov konačni izgled ovisi o WordPress temi koju koristite.

Kako umetnuti blok citat u WordPress uređivač

Postoji poseban blok za umetanje blok citata na stranicu ili post koji se zove Quote Block. Može se vrlo lako dodati na vašu stranicu:

1. Prva opcija je klik na simbol “+” na gornjoj traci ili unutar uređivača gdje želite postaviti blok. Zatim potražite riječ "citat" u traci za pretraživanje.

Dodavanje bloka citata
Dodavanje bloka citata klikom na “+“

2. Druga opcija je traženje bloka upisivanjem njegovog imena nakon kose crte “/”.

Dodajte blok citata pomoću kose crte “/”
Za pronalaženje i dodavanje bloka citata možete koristiti i kosu crtu “/”

Gotovo. Napravili ste blok s rezerviranim mjestom i s tekstom "Napišite citat".

Stilovi blokova i oblikovanje

Novododani blok citata ima zadani stil i oblikovanje. Postoji okomita linija koja ističe citat i odvaja ga od ostatka vašeg sadržaja. Međutim, možete promijeniti stil u "Veliki" klikom na ikonu navodnika (") na alatnoj traci ili odabirom "Stilovi" unutar Inspektora s desne strane.

Veliki stil uklanja okomitu liniju, povećava veličinu fonta i mijenja ga u kurziv. Iako konačni izgled citata na stranici pregleda ovisi o dizajnu WordPress teme koju koristite.

Promjena stila bloka citata iz Zadanog u Veliki
Pogledajte kako drugačije može izgledati blok citata kada mu promijenite stil bloka iz Zadanog u Veliki

Oblikovanje navodnika slično je oblikovanju odlomka. Format citata može biti podebljan ili kurziv, čak možete koristiti i hipervezu (URL) unutar citata. Poravnanje teksta može biti lijevo, središnje ili desno. Sam blok citata uvijek je fiksiran na širinu sadržaja.

Pretvorite Blockquote u drugu vrstu bloka

Možete pretvoriti blockquote u drugu vrstu bloka jednim klikom. Prednost je što se možete izravno prebaciti s Quote bloka na Pullqoute i obrnuto. Evo cjelovitog popisa svih dostupnih blokova za odabir:

  • stavak
  • Pullqoute
  • Naslov
  • Popis

Navodnici: Kada ih koristiti?

Dok se blockqouti odnose na vanjske izvore, navodnici za povlačenje ističu najvažnije informacije izvučene izravno iz sadržaja na vašoj stranici. To znači da privlače pozornost na određeni odlomak unutar vašeg posta ili stranice i naglašavaju njegovu važnost.

Kako funkcioniraju Pull quotes?

  • Kao grafički element koji oplemenjuje sadržaj i njegovu strukturu
  • Oni privlače pozornost korisnika prilikom pomicanja po stranici
  • Mogu se koristiti kao podnaslovi ili zaglavlja na stranici

Kako dodati Pullquote blok

Prije izlaska WordPress block editora (verzije niže od 5.0) bilo je potrebno stilizirati potezne navodnike u CSS-u. Sada ih, zahvaljujući bloku Pullquote, možete dodati s nekoliko klikova. Umetanje bloka Pullquote na stranicu potpuno je isto kao i umetanje bloka Quote. Umjesto toga samo koristite naziv ovog bloka prilikom pretraživanja.

Prilagodba bloka Pullquote

Blok Pullqoute nudi 2 osnovna stila – zadani i jednobojni. Možete se prebacivati između njih na alatnoj traci ili u Inspectoru. Kako izgledaju?

Zadani stil karakterizira dvije horizontalne crte, na vrhu i na dnu citata. Možete promijeniti boju te dvije linije, iako će pozadina ostati bijela.

Pullquote Zadani stil
Zadani stil Pullquotea

S druge strane, Solid Color je stil u jednostavnijem dizajnu i bez ikakvih linija. U usporedbi sa zadanim stilom, veličina fonta je malo veća i možete odabrati boju pozadine cijelog bloka kada koristite stil pune boje.

Pullquote Jednobojna
Jednobojni stil bloka Pullquote

Nije važno koji stil odaberete, u oba možete promijeniti boju fonta. Dostupno je i standardno oblikovanje odlomaka, kao što je podebljano, kurziv ili umetanje URL-a.

Napredne opcije poravnanja blokova Pullqoute

Za razliku od bloka Quote, blok Pullqoute nudi više mogućnosti poravnanja: široka širina ili puna širina, uz standardno poravnanje (lijevo, desno, središte).

Zahvaljujući prikazu širokog zaslona, pullqoute se može koristiti kao zaglavlje ili podnaslov. Ne samo da može lijepo podijeliti sadržaj na stranici, već služi i kao povod za poticanje korisnika da nastavi pregledavati stranicu. Imajte na umu da konačni izgled vašeg Pullquote ovisi o dizajnu vaše teme. Ne podržavaju ni sve teme napredne opcije poravnanja.

Poravnanje pune širine bloka Pullqoute
Pullqoute koji može funkcionirati kao zaglavlje (rastegnut do pune širine)

Tema Citadela omogućuje vam da odaberete široku ili punu širinu bez ikakvih problema.
Preuzmite ga i uvjerite se sami!

Transformacija u drugu vrstu bloka

Pullquote blok ima ograničene mogućnosti transformacije u drugu vrstu bloka. Zapravo, Pullquote blok se može transformirati samo u Quote blok.

Zaključak: Quote block ili Pullquote block?

Kada koristiti Quote blok umjesto Pullquote bloka i obrnuto?

Preporučamo blok citata kada iznosite mišljenja i citate poznatih osoba ili za citate vanjskih izvora. Citat bi trebao biti tekst koji korisnici neće pronaći unutar stranice ili izravno u objavi. Savršeno je za izjave budući da grafički odvajaju recenzije od drugog sadržaja (i u dizajnu i u oblikovanju – na primjer korištenjem kurziva). Već na prvi pogled jasno je da je riječ o citatu i stoga nešto što treba naglasiti.

Blok Pullqoute trebao bi se koristiti za isticanje ključnih informacija izvučenih iz teksta izravno na stranici. Budući da su Pullquotes izvatci sadržaja, posjetiteljima vaše web stranice omogućuju da nauče najvažniju poruku bez temeljitog čitanja članka. Međutim, ako su informacije u bloku Pullquote stvarno privlačne, potaknut će posjetitelja da provede više vremena na vašoj stranici. Osim toga, Pullqoute možete koristiti i kao zaglavlje ili kao zamjenu za titlove.

5 misli o “Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Bok Ivi,
    hvala na ovom vodiču o korištenju wordpress blockquote na ispravan način, pokušao sam ga dodati kroz uređivač tema i skoro sam sve srušio. Hvala još jednom.

    Molim vas koji WordPress dodatak za tablicu sadržaja koristite? Prekrasan je i volio bih ga implementirati na svoju stranicu.

    1. Pozdrav Bolarisa,

      hvala na komplimentu. Molimo provjerite detaljne informacije objavljene na: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Lijepi pozdrav!
      Zlatko
      AIT tim

  2. U uzorku rasporeda tema dodataka citadela pro nisam mogao pronaći kako promijeniti fotografiju u citatu za povlačenje

    https://prnt.sc/v26fce

    1. Pozdrav,

      hvala što ste nam se javili. Ljubazno vas molimo da provjerite našu bazu znanja i/ili dokumentaciju s videouputama:
      https://www.ait-themes.club/ait-themes-documentation/
      Ili slobodno postavite tehnička pitanja izravno u našem namjenskom sustavu za podršku. Prijavite se na svoj račun na https://system.ait-themes.club/support/add-question.

      Lijepi pozdrav!
      Zlatko
      AIT tim

Komentari su zatvoreni.