Framhävning av innehåll i WordPress: Blockcitat vs. Pullcitat

Framhävning av innehåll i WordPress: Blockcitat vs. Pullcitat

När du publicerar ett nytt innehåll är det viktigt att du är uppmärksam på den övergripande grafiska layouten - inte bara för att sidan ska se bra ut. Korrekt markering av vissa avsnitt ökar tydligheten och lockar besökarens uppmärksamhet till de viktigaste delarna av ditt innehåll. På så sätt får användaren den viktigaste informationen även om han eller hon inte läser hela artikeln utan bara skummar igenom den.

Idag ska vi fokusera på att markera text i WordPress Editor med hjälp av citattecken. Vi visar hur du använder blockcitat och pullquotes i specifika situationer och förklarar skillnaden mellan dem.

Artikeln ger svar på följande frågor:

När ska du använda blockcitat?

Termen blockquote skapades genom att förkorta frasen blockcitat vilket innebär att det är en citering av en enskild del (block) av innehållet. Vanligtvis är det inte den text som extraherats från själva artikeln. Blockcitat hänvisar till externa källor. Du kan använda dem som ett citat av:

  • En annan källa och professionella publikationer
  • Citat av kända personer
  • Vittnesmål från nöjda kunder

Blockcitat riktar uppmärksamheten mot en viss del av innehållet. De markerar att informationen är viktig genom att grafiskt skilja den från resten av innehållet. Blockcitat visas ofta visuellt med citattecken eller inverterade kommatecken. Det slutliga utseendet beror dock på vilket WordPress-tema du använder.

Så här infogar du en blockcitat i WordPress-redigeraren

Det finns ett särskilt block för att infoga ett blockcitat på en sida eller i ett inlägg som heter Quote Block. Det kan läggas till på din sida mycket enkelt:

1. Det första alternativet är att klicka på "+"-symbolen i det övre fältet eller i den editor där du vill placera blocket. Sök sedan upp ordet "citat" i sökfältet.

Lägga till citatblock
Lägga till citatblock genom att klicka på "+"

2. Det andra alternativet är att söka efter ett block genom att skriva dess namn efter ett snedstreck "/".

Lägg till citatblock med hjälp av snedstreck "/"
För att hitta och lägga till ett Quote-block kan du också använda snedstreck "/"

Allt är klart. Du har skapat ett block med en platshållare och med texten "Skriv citat".

Blockstilar och formatering

Det nytillkomna citatblocket har en standardstil och -formatering. Det finns en vertikal linje för att markera citatet och för att skilja det från resten av innehållet. Du kan dock ändra stilen till "Large" genom att klicka på ikonen med citattecken (") i verktygsfältet eller välja "Styles" i Inspector på höger sida.

Large Style tar bort den vertikala linjen, ökar teckenstorleken och ändrar den till Italic. Det slutliga utseendet på citatet på förhandsgranskningssidan beror dock på utformningen av det WordPress-tema som du använder.

Ändra citatblockets stil från Standard till Stor
Se hur olika Quote-block kan se ut när du ändrar dess blockstil från Standard till Stor

Formatering av blockcitat liknar formatering av ett stycke. Citatformat kan ställas in på fet eller kursiv, du kan till och med använda en hyperlänk (URL) i ett citat. Textjustering kan vara vänster, mitt eller höger. Själva citatblocket är alltid fixerat till innehållets bredd.

Omvandla Blockquote till en annan blocktyp

Du kan omvandla blockquote till en annan blocktyp med ett klick. Fördelen är att du kan växla direkt från Quote-block till Pullqoute och vice versa. Här är en komplett lista över alla tillgängliga block som du kan välja mellan:

  • Paragraf
  • Pullqoute
  • Rubrik
  • Lista

Pull citationstecken: När ska man använda dem?

Medan blockqoutes hänvisar till externa källor, lyfter pull quotes fram den viktigaste informationen som extraherats direkt från innehållet på din sida. Det innebär att de riktar uppmärksamheten mot ett specifikt stycke i ditt inlägg eller på din sida och betonar dess betydelse.

Hur fungerar Pull-citaten?

  • Som ett grafiskt element som förstärker innehållet och dess struktur
  • De fångar användarens uppmärksamhet när han eller hon skrollar på sidan
  • De kan användas som underrubriker eller rubriker på en sida

Så här lägger du till ett Pullquote-block

Innan WordPress blockredigerare släpptes (versioner lägre än 5.0) var det nödvändigt att utforma pullcitaten i CSS. Nu, tack vare Pullquote-blocket, kan du lägga till dem med några få klick. Att infoga Pullquote-blocket på sidan är exakt samma sak som att infoga Quote-blocket. Använd bara namnet på det här blocket när du söker istället.

Anpassning av Pullquote-block

Pullqoute-blocket erbjuder 2 grundläggande stilar - Standard och Solid Color. Du kan växla mellan dem i verktygsfältet eller i inspektören. Hur ser de ut?

Standardstilen kännetecknas av två horisontella linjer, längst upp och längst ner i citatet. Du kan ändra färgen på dessa två linjer, även om bakgrunden förblir vit.

Pullquote Standardstil
Standardstil för Pullquote

Solid Color är å andra sidan en stil i enklare design och utan några linjer. Jämfört med Standard-stilen är teckenstorleken något större och du kan välja bakgrundsfärg för hela blocket när du använder en Solid Color-stil.

Pullquote enfärgad
Solid färgstil för Pullquote-block

Det spelar ingen roll vilken stil du väljer, du kan ändra teckensnittsfärgen i dem båda. Det finns också en standard styckeformatering tillgänglig, som fet, kursiv eller infoga URL.

Avancerade alternativ för justering av Pullqoute-block

Till skillnad från Quote-blocket erbjuder Pullqoute-blocket fler inriktningsalternativ: bred bredd eller full bredd, utöver standardinriktningen (vänster, höger, mitt).

Tack vare widescreen-vyn kan pullqoute användas som rubrik eller underrubrik. Inte bara kan den snyggt dela upp innehållet på sidan, den fungerar också som en cliffhanger för att locka användaren att fortsätta bläddra på sidan. Kom ihåg att det slutliga utseendet på din Pullquote beror på utformningen av ditt tema. Inte heller alla teman stöder avancerade justeringsalternativ.

Fullbreddsjustering av Pullqoute-blocket
Pullqoute som kan fungera som rubrik (utsträckt till full bredd)

Citadela-temat låter dig välja bred bredd eller full bredd utan problem.
Ladda ner den och se själv!

Omvandling till en annan Blocktyp

Pullquote-blocket har begränsade möjligheter att omvandlas till en annan typ av block. Faktum är att Pullquote-blocket endast kan omvandlas till Quote-blocket.

Slutsats: Citatblock eller Pullquote-block?

När ska man använda Quote-block istället för Pullquote-block och vice versa?

Vi rekommenderar Quote-blocket när du presenterar åsikter och citat från kända personer eller för att citera externa källor. Citat bör vara en text som användarna inte hittar direkt på sidan eller i inlägget. Det är perfekt för vittnesmål, eftersom de grafiskt separerar recensionerna från annat innehåll (både i design och formatering - till exempel genom att använda kursiv stil). Det är tydligt vid första anblicken att det är ett citat och därför något som behöver framhävas.

Pullqoute-blocket bör användas för att lyfta fram den viktigaste informationen som hämtas direkt från texten på sidan. Eftersom Pullquotes är utdrag ur innehållet gör de att dina besökare kan ta del av det viktigaste budskapet utan att läsa hela artikeln. Men om informationen i ett Pullquote-block är riktigt attraktiv kommer det att uppmuntra besökaren att tillbringa mer tid på din webbplats. Dessutom kan du använda Pullqoute som rubrik eller som ersättning för undertexter.

5 svar på ”Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Hej Ivi,
    tack för den här guiden om hur du använder wordpress blockquote på rätt sätt, jag försökte lägga till det via min temaredigerare och jag kraschade nästan allt. Tack så mycket igen.

    Snälla vad WordPress innehållsförteckning plugin använder du? Det är vackert och jag skulle gärna vilja implementera det på min webbplats.

    1. Hej Bolarisa,

      tack för din komplimang. Vänligen kolla in den detaljerade informationen som publiceras på: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Vänliga hälsningar!
      Zlatko
      AIT-team

  2. I mitt citadela pro plugins teman layoutprov kunde jag inte hitta hur man ändrar fotot i pull-citatet

    https://prnt.sc/v26fce

    1. Hallå där,

      Tack för att du skrev in. Vi skulle vilja be dig att kolla vår kunskapsbas och/eller dokumentation med videohandledning:
      https://www.ait-themes.club/ait-themes-documentation/
      Du kan också skicka en teknisk fråga direkt till vårt dedikerade supportbiljettsystem. Vänligen logga in på ditt konto på https://system.ait-themes.club/support/add-question.

      Vänliga hälsningar!
      Zlatko
      AIT-team

Kommentarer är stängda.