Tagg-arkiv för: wysiwyg

HTML-kod i WordPress editor

I vissa fall vill du kanske lägga in lite html-kod i ett inlägg eller på en sida. För att åstadkomma detta behöver du byta från den visuella redigeraren till HTML-redigeraren. Klicka på fliken HTML uppe i högra hörnet av redigeraren för att ändra läge. Nu kan du infoga den html-kod du vill.

När du befinner dig i html-läge finns det en sak att tänka på beträffande radbrytningar. Ett Enter-slag är lika med en enkel radbrytning (<br>), två Enter-slag är lika med nytt stycke (<p>).

WordPress tvättar radbrytningar med wp_autop

Man skulle kunna tro att <p> och <br>-taggar funkar fint att infoga i html-läge, men faktum är att WordPress ”tvättar” innehållet från just dessa taggar genom funktionen wp_autop och ersätter dem med en eller två radbrytningar. När ditt inlägg sedan visas för en besökare byts dessa radbrytningar mot korrekt html-kod (<p> och <br>). Orsaken till att denna funktion finns är att WordPress försöker hjälpa till att hålla koden ren och minska riskerna för felformatterad kod. Funktionen wp_autop är aktiv både i det visuella läget och i html-läget.

Stanna kvar i HTML-läge

Om du lägger in egen html-kod på en sida bör du stanna kvar i redigerarens html-läge. Om du växlar över till det visuella läget riskerar du att delar av html-koden tvättas bort. Om du sparar ett inlägg eller en sida med redigeraren i html-läge kommer du automatiskt att ha redigeraren i html-läge nästa gång du återvänder till inlägget.

Undantaget som bekräftar regeln

Jag skrev nyss att du bör hålla dig kvar i html-läge om du ska behålla din html-kod på rätt sätt. Ibland är det svårt att göra på det viset. Det kan röra sig om en webbplats som i efterhand ska uppdateras av en kund som inte alls kan html.

Vissa html-taggar filtrerar dock inte WordPress bort och andra kan man trixa till så att de behålls.

  • Tabell-formatering tvättas inte bort av WordPress. Om du skapar en tabell i html-läge så finns den kvar i visuellt läge.
  • Vill du att en <p> <br> eller <div> inte ska tvättas bort av WordPress så kan du ange en class till dem (ex. <div class=”min-class”>. På så vis får de vara kvar – både i html-läge och i det visuella läget.

Mer hälp

  • Mer info om wp_autop hittar du i WordPress Codex.
  • Fler funktioner och mer kontroll över WordPress redigerare går att åstadkomma genom pluginet TinyMCE Advanced.
Vad tycker du är bäst respektive sämst med WordPress inbyggda redigerare? Kommentera gärna här nedanför om du har en åsikt.

Kortkommandon

För att minska risken för musarm kan det vara smidigt att jobba med så kallade kortkommandon på tangentbordet och minska på musklickandet. I stort sett allt du kan göra med inläggen går att styra med kortkommandon. Nedan listas de flesta. Är du Windows och Linuxanvändare klickar du på Ctrl + bokstav. För Macintosh gäller Command (kringla) + bokstav. Fortsätt läs »

© Uppdateramera | Producerad av Krokedil & 6ft5.