Hvor å Legge ned kode med linjenummer i WordPress

Syntaks highlighters legge farget tekst og linjenumre til kodesnutter innebygd i websider. WordPress tilbyr mange gratis plugins i depotet som høydepunkt og line-nummer koden du bygger med kun en klasse navn lagt til et par "<pre>" koder. Siden et stort antall plugins bruke samme jQuery script som sin base, de samme instruksjonene gjelder for de fleste av dem. Når du har installert plugin, men du bør sjekke hjemmesiden for eventuelle spesifikke instruksjoner, ekstra funksjoner eller hint.

Bruksanvisning

1 Logg inn på WordPress og gå til "Plugins". Velg "Legg til ny" fra "Plugins" undermenyen og skriv "syntax highlighter" i søkeboksen. Velg en plugin, klikk på navnet og installere det på bloggen din. Aktiver plugin etter fullført installasjon.

2 Gå til "innlegg" og lage et nytt innlegg, eller velg en eksisterende post for å redigere. Lim inn koden eller skriv det i innlegget redaktør:

<P> Hei, dette er noen <strong> HTML </ strong> kode. </ P>

3 Finn alle venstre-vinklet HTML brakett og konvertere den til HTML spesialtegn koden for mindre enn symbol. Gjenta dette trinnet for alle rettvinklede HTML konsollene med koden for større-enn-symbol:

<P> Hei, dette er noen <strong> HTML </ strong> kode. </ P>

4 Pakk inn koden i "<pre>" koder. De fleste merke plugins bruke SyntaxHighlighter av Alex Gorbatsjov, som krever følgende kode:

<Pre class = "børste: html"> </ pre>

Change "html" til navnet på det språket du trenger å markere, for eksempel "css" for stilark kode eller "js" for Javascript. Dette spesielle slår highlighter på og forteller det hvordan å farge koden du innebygd.

Hint

  • Få instruksjoner for din spesifikke merke plugin ved å gå til konfigurasjonssiden under "Innstillinger" eller ved å klikke "Visit plugin site" på Plugins skjermen.
  • Hvis du ikke konvertere HTML brakettene til spesielle tegnkoder, så leseren vil behandle HTML-kodene i din innebygde koden som en del av websiden faktiske programmering.