Varför HTML-editorn?

Har du skapat dina egna DIVar och stilar du vill använda i dina inlägg blir wysiwyg-editorn väldigt bristfällande och du blir tvungen att hoppa mellan den och HTML-editorn. När du gör detta ”rättar” WordPress ibland till din kod som den vill att det ska se ut vilket kan vara väldigt jobbigt.

HTML-editorn

För att aktivera HTML-editorn går du in på din användarprofil och klickar i Stäng av den visuella redigeraren när du skriver. När du sedan ska skriva ett inlägg blir det som att skriva egen kod rakt av.
HTML-editorn
Har du nu många olika DIVar och annat att hålla koll på, tex. en DIV som täcker 50% av sidan, en som ramar in texten eller någon annan formatering så kan det vara svårt att ha i huvudet. Detta ska vi lösa nu.

Skapa egna knappar

Du kan skapa genvägar till dina objekt väldigt enkelt genom att lägga till egna knappar i toolbaren. Detta görs i filen wp-includes/js/quicktags.js.

Leta upp:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);

Denna kod lägger till en knapp med titeln b i toolbaren och lägger till

<strong></strong>

i textfältet när du klickar på den.

Kopiera helt enkelt koden och byt ut de faktorer som behövs för att du ska få en genväg till ditt egen objekt eller något annat. Om du till exempel vill ha en knapp som skapar h3 lägger du bara till:

edButtons[edButtons.length] =
new edButton('ed_h3'
,'h3'
,'<h3>'
,'</h3>'
,'h3'
);

Du kan lägga till hur många du vill och detta kommer att påskynda skrivandet rejält!
Anpassad toolbar

Notera

I och med att du ändrar i en fil utanför ditt tema så kommer den att skrivas över om du uppdaterar ditt WordPress till en ny version så vill du spara din inställningar får du backa upp quicktags.js innan du uppdaterar och sedan kopiera över den efteråt.