Slik viser Kode i WordPress Innlegg

December 30

Code-deling, veiledning og oppskrift blogger er populære i online programmering samfunnet. De fleste programmerere lære seg minst ett programmeringsspråk, og fri deling av teknikker og ideer holder teknologier vokser. Problemet er hvordan du kan vise kode på en nettside fordi webservere og nettlesere vil forsøke å kjøre noen kode i en HTML eller PHP-fil. Dette problemet påvirker WordPress også, men du kan komme rundt det ved hjelp av noen forskjellige metoder.

Bruksanvisning

1 Pakk kodesnutter i <code> tag å vise teksten i en monospace font. Bruke <code> tag, kan du også endre stilen av koden tekst med CSS i "style.css" fil. Bytt spesialtegn som venstre og høyre pil brak med karakter foretakets koder for å hindre WordPress fra å kjøre koden. Her er et eksempel:

<Code>

<H1 & rt, Dette er en HTML-H1 overskriften </ & rt;

</ Code>

Koden vil vises i innlegget ditt som så:

<H1> Dette er en HTML-H1 overskriften </ h1>

2 Bruk <pre> i stedet for <code> for å vise kode med alle linjeskift og mellomrom intakt. Med <pre> tags, trenger du ikke å bruke tegn enhet koder, men du trenger å være forsiktig med hvordan du skriver ut koden din. Lange linjer med kode kan bryte design. Her er et eksempel:

<Pre>

<H1> Dette er en HTML-

Overskrift </ h1>

</ Pre>

Koden ovenfor utganger dette:

<H1> Dette er en HTML-

overskrift </ h1>

3 Installer en plug-in for å vise store kodebiter. Disse plug-ins nummer linjer, fargekode, veksle bakgrunnsfarge for hver linje og bruke ordet wraps. Logg deg inn på WordPress dashbordet, naviger til "Plugins" og klikk "Legg til ny". Søk "code" og se gjennom de mange plug-ins som viser kode. Installer den du vil bruke, aktivere den og deretter følge instruksjonene for å lime inn koden i innleggene dine. De fleste av disse plug-ins bruke kortkoder som du kan festes rundt tekst som HTML.

Hint

Bruk Pastebin.com nettsted for å lime store blokker av kode, og deretter koble til koden som du opprettet. Dette alternativet er nyttig for bloggere som ikke har behov for å lime koden inn innlegg ofte eller trenger å dele og feilsøke kode med andre programmerere.