Sådan vises kode i WordPress-indlæg

Som standard tekstpletterer eller fortolker WordPress HTML- eller PHP-kode i blogindlæg og -sider. Dette kan udgøre et problem for WordPress-bloggere, der ønsker at vise programmeringskoden i deres blogindlæg, til selvstudiet formål, uden at WordPress-software tolker og konverterer koden. Der er to løsninger på dette problem: Skriv koden manuelt ved hjælp af HTML tegn enheder og brug den native WordPress

 tags, eller du kan installere et plugin, der automatiserer kodeposterne ved hjælp af et bestemt præprogrammeret tag. Et stærkt anbefalet plugin hedder SyntaxHighlighter Evolved, som blev designet af den officielle WordPress-udvikler Alex Mills.

Brug HTML Character Entities og "Pre" Tag

1.

Log ind på din WordPress blog og opret et nyt indlæg. Brug funktionen Visual Editor; dens faneblad ligger øverst til højre i posttekstfeltet.

2.

Klik på rullemenuen på den anden linje i weblinjen med navnet "Format". Vælg "Preformatted" fra listen. Den forudformaterede indstilling konverterer din tekst til monospace-typen og beholder HTML- eller PHP-karakterenhederne.

3.

Indtast koden i posttekstboksen ved hjælp af kodenegnets enheder for bestemte tegn. Brug for eksempel disse tegn enheder til nogle af de mere almindelige kode typer:

"=" <= <

=> / = / - = -

] =] [= [• = •

Installer SyntaxHighlighter Evolved Plugin

1.

Log ind på din WordPress blog. Klik på linket "Plugins" fra instrumentbrættet. Vælg "Tilføj nyt".

2.

Skriv "SyntaxHighlighter Evolved" i søgefeltet. Klik på "Søg nu". Se efter pluginet i listen og klik på "Installer nu". Klik på "OK" i bekræftelsesvinduet. Tillad plugin'et at installere.

3.

Aktivér plugin'et ved at klikke på linket Aktiver plugin.

4.

Få adgang til SyntaxHighlighter Evolved Settings ved at klikke på "Settings" i dashboardmenuen. Klik på "SyntaxHighlighter Evolved" i listen. Juster indstillingerne til din smag og klik på "Gem ændringer", når du er færdig.

5.

Opret et nyt blogindlæg. For at indsætte og vise kode, skriv din kode mellem to shortcode tags. Hvis du f.eks. Vil vise HTML-kode i dit WordPress-indlæg, skal du skrive kortkoden [html], din HTML-kode og det endelige kortkode-tag, [/ html]. For eksempel: [html]

I begyndelsen

[/ Html]. For yderligere kortnumre, se siden SyntaxHighlighter Evolved Settings. Kortkoder er angivet nederst på siden.

Ting, der er nødvendige

  • WordPress brugernavn og kodeord

Tip

  • WordPress leverer en encoder widget til bloggere, der er tilbageholdende med at lære og bruge de kedelige tegn enheder type (se Resources for link). Indtast din HTML- eller PHP-tekst i tekstboksen Widget og klik på "Encode!" Widgeten konverterer din tekst til de relevante HTML-tegn enheder. Kopier og indsæt resultaterne i dit blogindlæg ved hjælp af "pre" -tagerne.

Advarsel

  • Når du bruger "pre" tags, vil WordPress bogstaveligt og præcist gengive din kode som den er skrevet. Hvis din kode indeholder lange strenge af uafbrudt kode, vil WordPress få koden til at løbe vandret ud af siden og være utilgængelig for dine læsere. I så fald tilføjer du en linjeskift inden for disse lange strenge ved at trykke på "Enter" -tasten på tastaturet. Dette kan ikke være muligt i nogle tilfælde, da det kan bryde koden. I dette tilfælde kan et plugin derfor være mere egnet til din WordPress-blog.

Populære Indlæg