Så här använder du spårstaggar för en Blockquote på WordPress

Spårstaggar tillåter dig att använda CSS-styling till någon del av dina WordPress-inlägg - tänk på dem som anpassade CSS-kommandon. När de är inslagna runt ett avsnitt av text tillämpas de här anpassade kommandona på allt inom "span". Det gör det möjligt att uppfinna egna taggar. En sådan tillämpning av detta är att skapa en användardefinierad blockquote-tagg som du kan använda utöver ditt temas standard blockquote -kommando.

1.

Logga in på ditt WordPress-administrativa område. Från huvudmenyn till vänster klickar du på "Utseende" och klickar sedan på "Editor." Om dessa alternativ inte är närvarande beror det på att du inte har administratörsbehörigheter. Kontakta webbplatsägaren för att begära en uppgradering - eller fråga dem om att slutföra dessa steg för dig.

2.

Klicka på "style.css" från fillistan till höger. Koden för den här filen kommer att visas i den centrala redigeringsrutan. Starta en ny rad högst upp i filen och lägg till följande kod:

.bq {display: block; margin-left: 30px; border-vänster-style: solid; border-vänster-färg: röd; padding-vänster: 5px; }

Den enda väsentliga delen är "display: block;" -linjen, som tillåter att mer än en rad text skrivs ut av spårstaggarna. Resten av koden anger blockquote med 30 pixlar, lägger en röd linje längst ner till vänster om citatet och lägger sedan texten fem pixlar till höger om den linjen. Redigera eller lägg till ny kod som passar dina önskemål. Klicka på "Uppdatera fil" när du är klar.

3.

Klicka på "Inlägg" eller "Sidor" från huvudmenyn och välj ett dokument som du vill lägga till den nya blockquote. Wrap span tags runt den sektion du vill citera på följande sätt:

Detta är mitt citat

4.

Klicka på "Uppdatera" längst upp till höger på skärmen och klicka sedan på "Visa sida" för att se resultaten. Span-taggarna kommer att tillämpa all kod i klassen "bq" som du just skapat till texten mellan dem. Om du är nöjd med resultaten kan du fortsätta att använda bq span taggen till vilken text du vill. Om inte, gå tillbaka till style.css-sidan och redigera bq-klassen och kontrollera sedan igen. Upprepa tills du är nöjd.

Tips

  • Spänstaggar är inte bara begränsade till text - du kan ställa in allt som CSS normalt kan tillämpas på.

Varning

  • Alla ändringar du gör i filen "style.css" kommer att tillämpas direkt på hela din webbplats - var försiktig så att du inte ändrar någon annan kod i den här filen.

Populära Inlägg