Så här gör du en rullebox i en WordPress-post

Om du lägger in en rullbox i ett inlägg kan du spara värdefullt utrymme på webbplatsen för småföretag genom att låta läsarna bläddra igenom stora delar av texten i en liten låda. Sätt in en rullningsruta i ett WordPress-inlägg med hjälp av HTML Editor-funktionen. Till skillnad från den visuella redigeraren kan du med denna funktion direkt infoga HTML-kod, men utan att konvertera koden när du lägger till den. Använd HTML-taggar för att skapa din rullningslåda och justera sedan attributen för att lägga till funktioner som fälthöjd, färg och text.

1.

Klicka på "Start", "Tillbehör" och "Anteckningsblock" för att starta Anteckningar.

2.

Logga in på din WordPress-webbplats. Klicka på länken "Ny post" på instrumentpanelen. Skapa en titel men publicera inte något innehåll än.

3.

Klicka på fliken HTML Editor överst i textrutan.

4.

Kopiera och klistra in följande HTML-kod i Anteckningar:

INSERT TEXT HÄR

5.

Justera inställningarna efter eget tycke. För en tjockare kant, till exempel, öka "1px" till "2px, " "3px" eller högre. För att göra rullrutan högre eller längre, justera "200px" och "400px" till önskad storlek. För att ändra textens färg och bakgrundsfärgen på bläddringsrutan, ändra "röd" till en färg efter eget val, till exempel "svart", "grönt" eller "blått".

6.

Byt ut texten "INSERT TEXT HERE" med din egen text.

7.

Kopiera den nyligen justerade HTML-sektionen från Anteckningar och klistra in den i ditt WordPress-inlägg. Klicka på "Publicera".

varningar

• När du har klistrat in och sparat det nya WordPress-inlägget, klickar du inte på fliken "Visual Editor". Om du gör konverterar WordPress din HTML till sin egen formateringsstil och tar bort eller avkodar dina HTML-taggar.
• Var försiktig med att justera endast de interna taggegenskaperna, eller din HTML-kod kommer inte att visas korrekt. Ett vanligt fel är att oavsiktligt backspace över ett citatmärke eller annan taggattribut. Om din rullningslåda inte visas korrekt efter att du har publicerat det, dubbelkollar du HTML-taggarna så att inga attribut saknas.