Hvordan Sett en kode Box i en WordPress Blog Post

Hvordan Sett en kode Box i en WordPress Blog Post


Hvis du skriver programkode i din WordPress publisere klient, leser WordPress det som bokstavelig kode og gjør ingen forskjell mellom nettstedets HTML og koden du ønsker å dele med besøkende. Dette skaper et problem hvis formålet med blogginnlegget er å dele HTML, CSS eller programmeringskode med dine besøkende. Du kan bruke en enkel HTML-kode og WordPress publiseringsverktøy for å lage en egen "kode boksen" for de besøkende å se datakode på bloggen din.

Bruksanvisning

1 Opprett en ny WordPress innlegg. Veksle innlegget til "Visual" fra "HTML", som finnes øverst til høyre på publisering klienten. "Visual" modus hindrer koden du skriver blir tatt bokstavelig av WordPress.

2 Skriv inn koden du vil skal vises i kodefeltet. Slå tilbake til "HTML" -modus når du taster inn koden. Den <,> eller "lagt til koden er oversatt, dette er normalt De oversatte koder er kjent som." HTML enheter "og bør ikke redigeres eller slettes.

3 Legg en <pre> tag før koden begynner og </ pre> på slutten av koden. Den <pre> tag bestemmer hva som er plassert inne i kodefeltet. Lagre innlegget. Kode eller tekst som er skrevet mellom <pre> </ pre> tags skjermer i en kode boks.