Hvordan Forfatter en kodebit i WordPress

January 26

WordPress er et nyttig verktøy for programmerere som ønsker å starte sin egen web-utvikling blogger. Du kan få en WordPress side oppe i løpet av minutter og begynne å legge ut med en gang, men redigering en kodebit tar litt ekstra arbeid. Som på en Web-side, må du fjerne HTML-brakettene til å holde kodene i tekstutdragene fra rendering som HTML. Legge til "<kode>" tags gir deg mono linjeavstand tekst, og bruke "<pre>" tags holder koden din fra å vises i en lang kø. Når du arbeider i WordPress, kan du også installere en plug-in for å synliggjøre og linjenummer dine snutter.

Bruksanvisning

1 Gå til "innlegg" og klikk "Legg til ny" eller velge en post for å redigere ved å klikke på tittelen. Klikk på "HTML" -kategorien for å redigere innlegget i HTML-modus.

2 Skriv inn koden biten ut i posten eller kopiere den fra en annen kilde, og lime det inn. Erstatt alle forekomster av "<" med HTML spesialtegn code "<" (uten anførselstegn). Bruk koden ">" for å erstatte alle forekomster av ">" i tekstutdraget. Du må gjøre dette for å holde leseren fra å forsøke å gjengi koden.

3 Pakk kodebiten i "<kode>" koder og pakk "<kode>" koder i "<pre>" tags:

<Pre> <code> <h2> Hei, verden! Dette er en H2 header biten. </ H2> </ code> </ pre>

Ikke plasser "<kode>" koder på en ny linje etter "<pre>" fordi "<pre>" tags bevare linjeskift, innrykk og andre hvite området i koden.

4 Gå til "Plugins" og installere en syntaks utheving etter publisering kodebiten, hvis du ønsker det. Små kodesnutter vil se fint uten å markere, men store utdrag bli vanskelig å lese. Søk etter "syntax highlighter" og velg en plug-in for å installere. Etter installasjon, følger sine retninger for å redigere tekstutdraget til å jobbe med merkepenn. Vanligvis vil plug-in ber deg om å legge til en spesiell klasse til "<pre>" tags: