Så enkelt visas kod på din WordPress-webbplats

Vill du visa kod på din WordPress-webbplats? Som standard, WordPress filtrerar bort någon rå kod som läggs till i blogginlägg, sidor, widgetar eller kommentarer. I den här artikeln visar vi hur du enkelt kan visa kod på din WordPress-webbplats.

Först måste du installera och aktivera Syntax Highlighter Evolved plugin. För mer information, se vår steg för steg guide om hur du installerar ett WordPress-plugin.

Vid aktivering måste du besöka Inställningar »Syntax Highlighter för att konfigurera plugin-inställningarna.

Standardinställningarna för plugin ska fungera för de flesta webbplatser. Du bör dock granska alla inställningar och göra ändringar om det behövs.

Varje alternativ har en detaljerad beskrivning för att förklara vad det gör. När du är klar klickar du bara på knappen Spara ändringar för att lagra dina inställningar.

Syntax Highlighter Evolved använder enkla kortkoder för att visa kod. För varje programmeringsspråk behöver du pakka in koden i kortkoden för det språket.

För PHP skulle du lägga in din kod så här:

[Php]
echo "Hello World";
?>
[/ Php]

Det kommer att visas i ditt inlägg så här:

För CSS kommer du att pakka in din kod så här:

[Css]
.uppgiftstitel
font-family: "Open Sans", arial, sans-serif;
font-size: 16px;
color: # 272.727;

[/ Css]

Den kommer att visas på din webbplats så här:

 .entry-title font-family: "Open Sans", arial, sans-serif; font-size: 16px; color: # 272.727;  

Syntax Highlighter markerar automatiskt koden för det specifika språket. Det kommer också att lägga till radnummer och hantera flikindelningen ordentligt. Dina användare kommer enkelt att kunna kopiera och klistra in kodutdrag från din WordPress-webbplats.

Så här visar du kod i WordPress utan att använda plugin

Många bloggare driver inte en utvecklingsblogga, så de behöver inte lägga till exempelkodsutdrag i sina inlägg ofta. I sällsynta fall kan du lägga till kod genom kodning av koden i HTML-enheter. Så här:

>? php echo "Hello World"; ?<

Problemet med att konvertera kod till HTML-enheter är att det är svårt att göra manuellt. Du kan använda onlineverktyg som den här, för att konvertera kod till HTML-enheter.

Genom att konvertera PHP, HTML, JavaScript-kod till HTML-enheter kan du klistra in dem i dina WordPress-inlägg. För ytterligare styling kan du pakka in kod mellan och taggar.

Vi hoppas att den här artikeln hjälper dig att hitta det bästa syntaxhöjningsinställningen för WordPress. Du kan också njuta av vår artikel om 13 plugins och tips för att förbättra WordPress admin area.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.