Gewusst wie: Anzeigen von Code in WordPress Beiträge

October 15

Code-sharing sind Anleitung und Rezept Blogs populär innerhalb der online-Programmierung-Community. Die meisten Programmierer Lehren sich mindestens einer Programmiersprache und die kostenlose Freigabe von Techniken und Ideen hält Technologien wächst. Das Problem ist wie Code auf einer Webseite angezeigt, da Webservern und Browsern versucht, Code in einer HTML- oder PHP-Datei ausführen. Dieses Problem betrifft auch WordPress, aber mit ein paar verschiedenen Methoden erhalten Sie um ihn herum.

Anweisungen

1 Wickeln Sie Codeausschnitte im < Code > Tag den Text in eine Festbreitenschriftart angezeigt. Mit dem < Code >-Tag, können Sie auch mit Hilfe von CSS in der Datei "style.css" Code-Textformat ändern. Ersetzen von Sonderzeichen wie linke und Rechte Pfeil-Klammern mit Zeichencodes Entität zu verhindern, dass WordPress Ausführen des Codes. Hier ist ein Beispiel:

< Code >

< h1 & rt; Dies ist eine HTML H1-Überschrift < / & rt;

< / code >

Dass Code in Ihrem Beitrag angezeigt werden wie folgt:

< h1 > Dies ist eine HTML H1-Überschrift < / h1 >

2 Verwenden Sie < Pre > anstelle von < Code > Code alle Zeilenumbrüche und Leerzeichen intakt anzuzeigen. Mit < Pre >-Tags du musst nicht Zeichen-Entität-Codes zu verwenden, aber du musst achten, wie Sie Ihren Code eingeben. Lange Zeilen Code könnte Ihr Design zu brechen. Hier ist ein Beispiel:

< Pre >

< h1 > Dies ist ein HTML

Überschrift < / h1 >

< / Pre >

Der obige Code gibt dies aus:

< h1 > Dies ist ein HTML

Überschrift < / h1 >

3 Installieren Sie ein Plug-in um große Codeausschnitte anzuzeigen. Diese Plugins Anzahl Zeilen, Farbcode, Ändern der Hintergrundfarbe für jede Linie und Wort Wickel anwenden. Melden Sie sich das WordPress-Dashboard, navigieren Sie zu "Plugins" und klicken Sie auf "Neu hinzufügen". Suchen Sie "Code" und schauen Sie durch die vielen Plug-ins, die Code anzeigen. Installieren Sie, den Sie verwenden, aktivieren Sie es und folgen dann die Anweisungen, um Code in deine Beiträge einfügen möchten. Die meisten dieser Plug-ins verwenden Kurzwahlnummern, die wie HTML Text umbrochen werden kann.

Tipps & Warnungen

  • Verwenden Sie die Webseite Pastebin.com, um große Blöcke des Codes einfügen und verknüpfen Sie dann den Code, der Sie erstellt. Diese Option ist nützlich für Blogger, die nicht brauchen, fügen Code in Beiträge oft oder benötigen Debuggen von Code mit anderen Programmierern zu teilen.

SIE KÖNNEN AUCH GERNE