Manchmal müssen wir formatierten Code anzeigen auf dem WordPress-Blog. Wenn Sie es versucht haben und es nicht herauskommt CourseWpress.com Wir zeigen Ihnen wie.
All die Webmaster oder Blogger Irgendwann müssen wir einige Ratschläge oder Tutorials in unserem Blog veröffentlichen. Und dieser Rat hat in vielen Fällen damit zu tun Zeilen von Code.
Ja. HTML, PHP, Java, C ++, Python und so weiter bis ins Unendliche.
Der Punkt ist, dass wir unseren Code aus unserem Editor einfügen dedizierter Text, an den Texteditor von WordPress. Sie finden, dass das Ergebnis bei weitem nicht ist optisch ansprechend.
Dann fragst du dich wie Sie formatierten Code anzeigen können und dort erscheinen wir.
Warum Code mit Formatierung anzeigen?
Dies ist eine Frage, die von jedem beantwortet werden kann Blogger oder Webmaster aus Ihrem speziellen Fall.
Weil die Gründe zu zeigen formatierter Quellcode In einem Blog gibt es viele. Vor allem, wenn Sie sich - wie in unserem Fall - dem widmen Lehren und Offenlegung von Themen im Zusammenhang mit den Websites. Etwas CMS: wie WordPress!, Programmierung, Technologie, das Internet, Blogs.
Unter den Gründen für die Anzeige von formatiertem Code haben wir den Code richtig eingefügt:
- ich weiß unterscheidet vom Rest des Inhalts
- Respektieren Sie die Syntax der verwendeten Programmiersprache
- Kann sein kopiert und eingefügt von Lesern zu seinbenutzt leicht (weil Behalte das Format bei, Zeichenabstand und Zeilenumbrüche)
- Erzeugt keine Fehler auf Ihrer WordPress-Seite oder Ihrem Blog
- Und es sieht gut aus (das wissen wir hier schonvisuell ist sehr wichtig).
Um den Code einer beliebigen Programmiersprache in unserem Blog anzuzeigen, haben wir verschiedene Möglichkeiten.
Wir zeigen Ihnen zunächst diejenigen, denen Sie folgen können, ohne etwas installieren zu müssen.
Zeigen Sie formatierten Code im WordPress-Blog an, ohne etwas zu installieren
Eine Möglichkeit, formatierten Code in unseren Eingaben aus dem anzuzeigen WordPress-Blog benutzt die nächster Befehl:
Nehmen wir als Beispiel einen Codeausschnitt in PHP:
Die gut bekannten Hallo Welt.
Hallo Welt!
Wenn wir es im Format anzeigen möchten, müssen wir es zwischen die Befehle setzen:
Gleichzeitig können wir verwenden
Aber nach welchen Versionen von WordPress und welches Thema Sie diese Befehle installiert haben, funktioniert möglicherweise nicht.
In diesem Fall müssen wir einige Werkzeuge verwenden, die unsere Arbeit erleichtern.
Ja, in der Repository von Plugins von WordPress Es gibt mehrere Optionen, die die Aufgabe von erleichtern Code anzeigen.
Plugins wie:
- Besserer Datei-Editor
- CodeColorer
- CodePrettify
- CrayonSyntaxHighlighter (leider schon lange nicht mehr aktualisiert)
- Einfacher CodeHighlighter
- Entwickler-Formatierer
- Enlighter JS Hypertext Markup Language
- Aufklärer
- Code-Snippets CPT
- Erhalten Code-Formatierung
- WP-SynHighlight
- SyntaxHighlighter entwickelt
Und eine lange usw.
Wir zum Zeitpunkt des Gebens Format zu unserem Code An den Eingängen haben wir mit einigen gearbeitet. Aber wir teilen Ihnen mit, wie Sie es selbst machen können Plugins Was Beste Ergebnisse Sie haben uns gegeben.
Und der erste ist:
CodeColorer
Warum CodeColorer?
Denn abgesehen vom Sein Leicht und Bargeld erhält regelmäßig Updates.
Nach der Installation und Aktivierung geben wir die Konfiguration ein.
Konfigurieren Sie CodeColorer
Wir können alle Optionen so belassen, wie sie standardmäßig verfügbar sind. Obwohl wir normalerweise das Thema ändern (in einigen Fällen) und das auswählen Tafelthema.
Verwenden Sie CodeColorer
So zeigen Sie einen formatierten Code an: CodeColorer Sie müssen nur Ihren Code zwischen diese Tags einfügen:
Sobald wir unseren Beitrag veröffentlicht haben, werden die Leser Folgendes sehen:
Ein weiteres Plugin, das uns gute Ergebnisse bei der Anzeige von formatiertem Code gebracht hat, ist:
SyntaxHighlighter entwickelt
Kann sein SIE sei das Plugin im Showcode-Bereich, das am meisten aktive Installationen müssen bis heute (mehr als vierzigtausend).
Welches zeigt, dass die Gemeinschaft von WordPress befürwortet seine Wirksamkeit.
Installieren Sie SyntaxHighlighter Evolved
Installieren SyntaxHighlighter entwickelt Es ist einfach. Befolgen Sie die üblichen Schritte, entweder aus dem WordPress-Plugin-Repository oder aus dem Management-Panel.
Sie aktivieren es.
Und Sie können formatierten Code in Ihren Blog-Posts anzeigen.
Verwendung von SyntaxHighlighter Evolved
Die Betriebsdynamik der SIE Sie werden von seiner Einfachheit überrascht sein.
Die Idee ist anzugeben, mit welcher Programmiersprache Sie arbeiten.
Dazu verwenden wir: [und]
Es wäre ungefähr so:
Sobald Sie Ihre Artikel mit Code unter Verwendung der Tags des veröffentlicht haben SyntaxHighlighter entwickelt Ihre Leser werden unglaublich formatierten Code sehen.
Anwenden dieser Tipps Sie werden eine exponentielle Verbesserung Ihrer geben Tutorials. Oder zu deinem Blogeinträge das beinhaltet Zeilen von Code irgendein Programmiersprache.
Wenn Sie weiter lernen möchten, können Sie sich anmelden zum besten Online- und Spanisch-WordPress-Kurs und werde ein Experte.
