Tartalom kiemelése a WordPressben: Blockquote vs. Pullquote

Tartalom kiemelése a WordPressben: Blockquote vs. Pullquote

Amikor új tartalmat teszel közzé, fontos, hogy odafigyelj az általános grafikai elrendezésre - nem csak arra, hogy az oldal jól nézzen ki. Bizonyos szakaszok megfelelő kiemelése növeli az áttekinthetőséget, és a látogató figyelmét a tartalom kulcsfontosságú részeire irányítja. Ennek eredményeként a felhasználó akkor is megkapja a legfontosabb információkat, ha nem olvassa el az egész cikket, hanem csak átfutja azt.

Ma a WordPress szerkesztőben lévő szöveg kiemelésére fogunk összpontosítani idézőjelek használatával. Megmutatjuk, hogyan lehet blokkidézőjeleket és kihúzott idézőjeleket használni konkrét helyzetekben, és elmagyarázzuk a köztük lévő különbséget.

A cikk a következő kérdésekre ad választ:

Mikor használjuk a blokkidézetet

A blockquote kifejezés a következő kifejezés lerövidítésével jött létre blokk idézőjelek ami azt jelenti, hogy a tartalom egy egyedi darabjának (blokkjának) idézéséről van szó. Általában nem magából a cikkből kivett szövegről van szó. A blokkidézetek külső forrásokra utalnak. Használhatja őket idézetként:

  • Egy másik forrás és szakmai kiadványok
  • Híres emberek idézetei
  • Boldog ügyfelek beszámolói

A blokkidézetek egy adott tartalomra irányítják a figyelmet. Azáltal, hogy grafikusan megkülönböztetik az információt a tartalom többi részétől, fontosnak jelölik azt. A blokkidézeteket gyakran idézőjelek vagy fordított vesszők jelzik vizuálisan. Végső megjelenésük azonban a használt WordPress témától függ.

Hogyan illesszünk be egy blokkidézetet a WordPress szerkesztőbe

Van egy speciális blokk egy idézetblokk beillesztésére egy oldalra vagy bejegyzésbe, az úgynevezett Idézetblokk. Ezt nagyon egyszerűen hozzáadhatod az oldaladhoz:

1. Az első lehetőség az, hogy a felső sávban vagy a szerkesztőn belül a "+" szimbólumra kattint, ahová a blokkot szeretné elhelyezni. Ezután keresse meg az "idézet" szót a keresősávban.

Idézet blokk hozzáadása
Idézet blokk hozzáadása a "+" gombra kattintva

2. A második lehetőség a blokk keresése a blokk nevének beírásával, az "/" átlós írásjel után.

Idézetblokk hozzáadása a "/" perjel használatával
Az Idézet blokk kereséséhez és hozzáadásához használhatja a "/" szlávot is.

Minden kész. Létrehoztál egy blokkot egy helyőrzővel és az "Idézet írása" szöveggel.

Blokkstílusok és formázás

Az újonnan hozzáadott Idézet blokk alapértelmezett stílussal és formázással rendelkezik. Az idézet kiemelésére és a tartalom többi részétől való elkülönítésére függőleges vonallal van ellátva. A stílust azonban megváltoztathatja "Nagy" stílusra az eszköztáron található idézőjel (") ikonra kattintva, vagy a jobb oldali Ellenőrben a "Stílusok" menüpontot választva.

A Nagy stílus eltávolítja a függőleges vonalat, megnöveli a betűméretet és kurzívra változtatja a betűtípust. Bár az idézet végleges megjelenése az előnézeti oldalon az Ön által használt WordPress téma dizájnjától függ.

Idézetblokk stílusának megváltoztatása alapértelmezettről nagyra
Nézze meg, hogyan nézhet ki az Idézet blokk, ha a blokk stílusát Alapértelmezettről Nagyra változtatja.

A blokkidézetek formázása hasonló a bekezdés formázásához. Az idézőjelek formázása lehet vastag vagy dőlt betűs, sőt hiperhivatkozást (URL) is használhat az idézetben. A szöveg igazítása lehet balra, középre vagy jobbra. Maga az Idézet blokk mindig a tartalom szélességéhez van rögzítve.

Blockquote átalakítása egy másik blokktípussá

Egy kattintással átalakíthatja a blockquote-ot egy másik blokktípussá. Előnye, hogy közvetlenül át tud váltani Quote blockból Pullqoute-ra és fordítva. Itt a teljes lista az összes elérhető blokkról, amelyek közül választhatsz:

  • bekezdés
  • Pullqoute
  • Cím:
  • Lista

Idézőjelek: Mikor használjuk őket?

Míg a blokkidézetek külső forrásokra hivatkoznak, a pull quotes a legfontosabb információkat emelik ki közvetlenül az oldal tartalmából. Ez azt jelenti, hogy a posztodon vagy oldaladon belül egy adott bekezdésre irányítják a figyelmet, és kiemelik annak jelentőségét.

Hogyan működnek a Pull idézetek?

  • A tartalmat és annak szerkezetét erősítő grafikai elemként
  • Megragadják a felhasználó figyelmét az oldal görgetésekor.
  • Használhatók alcímként vagy fejlécként egy oldalon.

Hogyan adjunk hozzá egy pullquote blokkot

A WordPress blokkszerkesztő kiadása előtt (5.0-nál alacsonyabb verziók) a húzott idézőjeleket CSS-ben kellett megformázni. Most a Pullquote blokknak köszönhetően néhány kattintással hozzáadhatod őket. A Pullquote blokk beillesztése az oldalba pontosan ugyanúgy történik, mint az Idézet blokk beillesztése. Csak használja ehelyett a kereséskor ennek a blokknak a nevét.

A Pullquote blokk testreszabása

A Pullqoute blokk 2 alapstílust kínál - alapértelmezett és egyszínű. Ezek között az eszköztáron vagy az Ellenőrben válthat. Hogyan néznek ki?

Az alapértelmezett stílus jellemzői két vízszintes vonal, az idézet tetején és alján. E két sor színét megváltoztathatja, bár a háttér fehér marad.

Pullquote Alapértelmezett stílus
Pullquote alapértelmezett stílusa

Másrészt, Solid Color egy egyszerűbb kialakítású stílus és vonalak nélkül. Az alapértelmezett stílushoz képest a betűméret valamivel nagyobb, és az egyszínű stílus használatakor az egész blokk háttérszínét kiválaszthatja.

Pullquote Egyszínű
Egyszínű stílusú Pullquote blokk

Nem számít, hogy melyik stílust választja, a betűszínt mindkettőben megváltoztathatja. A standard bekezdésformázás is rendelkezésre áll, mint például a Bold, Italic vagy az URL beillesztése.

Speciális Pullqoute blokk igazítási lehetőségek

Az Idézet blokktól eltérően a Pullqoute blokk több igazítási lehetőséget kínál: széles vagy teljes szélességű, a standard igazításon (balra, jobbra, középre) kívül.

A szélesvásznú nézetnek köszönhetően a pullqoute használható fejlécként vagy alcímként. Nemcsak szépen feloszthatja az oldalon lévő tartalmat, hanem cliffhangerként is szolgál, hogy a felhasználót az oldal további böngészésére csábítsa. Kérjük, ne feledje, hogy a Pullquote végső megjelenése a téma dizájnjától függ. Nem minden téma támogatja a fejlett igazítási lehetőségeket sem.

A Pullqoute blokk teljes szélességű igazítása
Pullqoute, amely fejlécként is működhet (teljes szélességre nyújtva)

Az Citadela téma lehetővé teszi, hogy minden gond nélkül választhasson széles vagy teljes szélességben.
Töltse le és győződjön meg róla!

Átalakítás egy másik blokk típusra

A pullquote blokk korlátozottan átalakítható más típusú blokkokká. Valójában a Pullquote blokk csak a Quote blokkra alakítható át.

Következtetés: Idézet blokk vagy pullquote blokk?

Mikor használjuk az idézet blokkot a pullquote blokk helyett és fordítva?

Az Idézet blokkot híres emberek véleményének és idézeteinek bemutatásához vagy külső források idézéséhez ajánljuk. Az Idézetnek olyan szövegnek kell lennie, amelyet a felhasználók nem találnak meg közvetlenül az Oldalon vagy a Hozzászóláson belül. Tökéletes az ajánlásokhoz, mivel grafikusan elkülöníti a véleményeket a többi tartalomtól (mind a designban, mind a formázásban - például dőlt betűs írásmóddal). Első pillantásra egyértelmű, hogy idézetről van szó, és ezért olyasvalami, amit hangsúlyozni kell.

A Pullqoute blokkot az oldalon lévő szövegből közvetlenül a legfontosabb információk kiemelésére kell használni. Mivel a Pullquotes a tartalom kivonatai, lehetővé teszik, hogy webes látogatói a cikk alapos elolvasása nélkül is megismerjék a legfontosabb üzenetet. Ha azonban a Pullquote blokkban szereplő információ valóban vonzó, az arra ösztönzi a látogatót, hogy több időt töltsön az Ön webhelyén. Ezenkívül a Pullqoute-ot fejlécként vagy a feliratok helyettesítésére is használhatja.

5 gondolat a következőről: „Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Szia Ivi,
    köszönöm ezt az útmutatót a wordpress blockquote használatával a helyes módon, próbáltam hozzáadni azt a témaszerkesztőmön keresztül, és majdnem mindent összetörtem. Még egyszer köszönöm.

    Kérlek, milyen WordPress tartalomjegyzék bővítményt használsz? Gyönyörű, és szívesen implementálnám az oldalamon.

    1. Hello Bolarisa,

      köszönöm a bókot. Kérjük, tekintse meg a részletes információkat a https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/ oldalon.

      Üdvözlettel!
      Zlatko
      AIT csapat

  2. Az én citadela pro plugins témák elrendezés minta, nem tudtam megtalálni, hogyan lehet megváltoztatni a fotót a pull idézetben

    https://prnt.sc/v26fce

    1. Üdvözlöm önöket,

      köszönöm, hogy írtál. Szeretnénk megkérni, hogy nézze meg a tudásbázisunkat és/vagy a videós oktatóvideókat tartalmazó dokumentációnkat:
      https://www.ait-themes.club/ait-themes-documentation/
      Vagy tegye fel műszaki kérdését közvetlenül az erre a célra létrehozott támogatási jegyrendszerünkben. Kérjük, jelentkezzen be fiókjába a https://system.ait-themes.club/support/add-question oldalon.

      Üdvözlettel!
      Zlatko
      AIT csapat

Hozzászólások lezárva.