Slik viser du enkelt kode på WordPress-siden din

Vil du vise kode på WordPress-siden din? Som standard filtrerer WordPress ut noen rå kode lagt til i blogginnlegg, sider, widgets eller kommentarer. I denne artikkelen vil vi vise deg hvordan du enkelt viser kode på WordPress-siden din.

Først må du installere og aktivere Syntax Highlighter Evolved plugin. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Ved aktivering må du besøke Innstillinger »Syntax Høyttaler å konfigurere plugininnstillingene.

Standard plugininnstillinger bør fungere for de fleste nettsteder. Du bør imidlertid gå gjennom alle innstillingene og foreta endringer om nødvendig.

Hvert alternativ har detaljert beskrivelse for å forklare hva den gjør. Når du er ferdig, klikker du bare på knappen Lagre endringer for å lagre innstillingene dine.

Syntax Highlighter Evolved bruker enkle kortkoder til å vise kode. For hvert programmeringsspråk må du pakke inn koden i kortnummeret for det språket.

For PHP vil du pakke inn koden din slik:

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

Det vises i innlegget ditt slik:

For CSS vil du pakke inn koden din slik:

[Css]
.oppføringstittel
font-family: "Open Sans", arial, sans-serif;
font-size: 16px;
color: # 272727;

[/ Css]

Det vises på nettstedet ditt slik:

 .oppføringstittel font-family: "Open Sans", arial, sans-serif; font-size: 16px; color: # 272727;  

Syntax Highlighter vil automatisk markere koden for det aktuelle språket. Det vil også legge til linjenumre og håndtere tabulatorinnholdet riktig. Brukerne dine vil enkelt kunne kopiere og lime inn kodestykker fra ditt WordPress-nettsted.

Hvordan vise kode i WordPress uten å bruke plugin

Mange bloggere kjører ikke en utviklingsblogg, så de trenger ikke å legge til prøvekodeutdrag i innleggene sine veldig ofte. I sjeldne tilfeller kan du legge til kode ved å kode koden til HTML-enheter. Som dette:

>? php echo "Hello World"; ?<

Problemet med å konvertere kode til HTML-enheter er at det er vanskelig å gjøre manuelt. Du kan bruke elektroniske verktøy som denne, for å konvertere kode til HTML-enheter.

Ved å konvertere PHP, HTML, JavaScript-kode til HTML-enheter, kan du lime dem inn i dine WordPress-innlegg. For ytterligere styling kan du pakke inn kode mellom og tags.

Vi håper denne artikkelen hjalp deg med å finne det beste syntax-highlighter-pluginet for WordPress. Du kan også nyte vår artikkel om 13 plugins og tips for å forbedre WordPress admin-området.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.