Innehållsförteckning
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 blockquote
- Så här infogar du en blockcitat i WordPress-redigeraren
- Blockstilar & Formatering av Blockquote-blocket
- Pull citationstecken: När ska man använda dem?
- Så här lägger du till ett Pullquote-block
- Anpassning av block
- Slutsats: Citatblock eller Pullquote-block?
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.
2. Det andra alternativet är att söka efter ett block genom att skriva dess namn efter ett 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.
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.
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.
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.
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.
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.
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
Hej,
Det här är en riktigt bra läsning. Tack för att du delar med dig!
I mitt citadela pro plugins teman layoutprov kunde jag inte hitta hur man ändrar fotot i pull-citatet
https://prnt.sc/v26fce
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