Hur du enkelt visar kod på din WordPress-webbplats

Vill du visa koden i dina WordPress-blogginlägg? Om du försökte lägga till koden som vanlig text kommer WordPress inte att visa den korrekt.

WordPress kör ditt innehåll genom flera rensningsfilter varje gång du sparar ett inlägg. Dessa filter är till för att se till att någon inte injicerar kod genom inläggsredigeraren för att hacka din webbplats.

I den här artikeln kommer vi att visa dig de rätta sätten att enkelt visa kod på din WordPress-webbplats. Vi visar dig de olika metoderna och du kan välja den som bäst passar dina behov.

metod 1. Visa kod med standardredigerare i WordPress

Denna metod rekommenderas för nybörjare och användare som inte behöver visa kod särskilt ofta.

Redigera bara blogginlägget eller sidan där du vill visa koden. På inläggsredigeringsskärmen lägger du till ett nytt kodblock i ditt inlägg.

Du kan nu ange kod i blocktextområdet.

Du kan sedan spara blogginlägget och förhandsgranska det för att se kodblocket i funktion.

Beroende på ditt WordPress-tema kan kodblocket se annorlunda ut på din webbplats.

Metod 2. Visa kod i WordPress med plugins

För denna metod kommer vi att använda ett WordPress-plugin för att visa koden i dina blogginlägg. Denna metod rekommenderas för användare som ofta visar kod i sina inlägg.

Det ger dig följande fördelar jämfört med standardkodblocket:

• Det låter dig enkelt se vilken kod som helst i alla programmeringsspråk.
• Visa kod med syntaxmarkering och radnummer.
• Dess användare kan enkelt studera koden och kopiera den.

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

När du har aktiverat den kan du gå vidare och redigera blogginlägget där du vill visa koden. På inläggsredigeringsskärmen lägger du till blocket SyntaxHighlighter Code i ditt inlägg.

Du kommer nu att se ett nytt kodblock i postredigeraren där du kan ange din kod. När du har lagt till koden måste du välja blockinställningar från den högra kolumnen.

Först måste du välja språk för din kod. Du kan sedan stänga av radnummer, ange det första radnumret, markera vilka rader du vill och inaktivera funktionen för att klicka på länkar.

När du är klar sparar du ditt inlägg och klickar på förhandsgranskningsknappen för att se det i aktion.

Insticksprogrammet kommer med flera färgscheman och teman. För att ändra färgtema måste du besöka Inställningar » Syntax Sida.

Från inställningssidan kan du välja ett färgtema och ändra inställningarna för SyntaxHighlighter. Du kan spara dina inställningar för att se en förhandsvisning av kodblocket längst ner på sidan.

Använda SyntaxHighlighter med Classic Editor

Om du fortfarande använder den gamla klassiska WordPress-redigeraren, här är hur du skulle använda SyntaxHighlighter-plugin för att lägga till kod till dina WordPress-blogginlägg.

Slå helt enkelt in din kod inom hakparenteser med språknamnet. Om du till exempel skulle lägga till PHP-kod, skulle du lägga till den så här:

[php]

php
privat funktion get_time_tags() {
$time = get_the_time(‘d M, Y Show);
returnera $tid;
}
?>
[/php]

På liknande sätt, om du vill lägga till HTML-kod, skulle det slå in HTML-kortkoden så här:

[html]

En exempellänk
[/html]

metod 3. Visa kod i WordPress manuellt (inga plugins eller blockering)

Denna metod är avsedd för avancerade användare då den kräver mer arbete och inte alltid fungerar som det är tänkt.

Den är lämplig för användare som fortfarande använder den gamla klassiska editorn och vill visa koden utan att använda ett plugin.

Du måste först skicka din kod genom ett onlinekodningsverktyg för HTML-enheter. Det kommer att ändra din koduppmärkning till HTML-entiteter, så att du kan lägga till kod och kringgå WordPress-rensningsfilter.

Kopiera och klistra in din kod i en textredigerare och slå in den

  và nhãn 

Mã của bạn sẽ trông như thế này: 






	



	



	



	



Đây là một liên kết mẫu


Du kan nu spara ditt inlägg och förhandsgranska koden i aktion.  Din webbläsare kommer att konvertera HTML-entiteterna och användaren kommer att kunna se och kopiera rätt kod.







	



	



	



	



Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt visar kod på din WordPress-webbplats.  Du kanske också vill kolla in vår ultimata lista över de mest eftertraktade WordPress-tips, tricks och hacks.
Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning.  Du hittar oss även på Twitter och Facebook.