Hervorragende Software und praktische Tutorials
Viele Leute dokumentieren gerne ihre verwendeten Codes in ihren Blogs, aber wie wir alle wissen, sind die Codefunktionen von WordPress selbst sehr einfach und haben nicht einmal einen Verschönerungseffekt, was die Lesbarkeit erschwert. Um schöne Codeeffekte anzuzeigen, müssen Sie ein geeignetesCode-HervorhebungPlug-ins. Im Folgenden werde ich einige der besten für Sie auswählen. WordPress Code Block Plugin
WordPress Code Enlighter Plugin
Im Vergleich zu anderen Plugins,AufklärerEs hat einen prägnanteren Stil mit modernem Design, verwendet kleine Schriftarten und ist sehr schön. Es unterstützt die Hervorhebung von Codeblöcken und Inline-Code. Ob Front-End-Anzeige oder Back-End-Design – es ist ein sehr durchdachtes Design.
Enlighter ist ein sehr benutzerfreundliches Plugin. Klicken Sie einfach auf das Eingabefeld, kopieren Sie den Code und speichern Sie ihn. Sie können ohne zusätzliche Einstellungen eine ansprechende Codeanzeige erstellen. Sie können den Code direkt im standardmäßigen TinyMCE-Editor von WordPress bearbeiten, ohne das Codefeld öffnen zu müssen. Auch wenn Sie mit dem Code nicht vertraut sind, können Sie problemlos loslegen.
Enlighter wurde an die neue Version des WordPress Gutenberg-Editors angepasstund stellt dafür ein Codemodul bereit, welches direkt hinzugefügt werden kann
WordPress-Code-Plugin SyntaxHighlighter Evolved
SyntaxHighlighter weiterentwickeltEs handelt sich um ein sehr einfaches Plugin. Sein größtes Plus ist die einfache Bedienung. Es fügt dem Editor keine zusätzlichen Elemente hinzu. Um den Code hervorzuheben, fügen Sie einfach den Kurzcode der entsprechenden Sprache vor und nach dem Code ein. Um beispielsweise PHP einzufügen, verwenden Sie das Format [php] Code [/php]. Der Stil lässt sich auf diese Weise natürlich nicht anpassen. Sie können in den Plugin-Einstellungen einen Standardstil festlegen und diesen auf alle Codes anwenden.
Code verschönern
Man kann sagen, dass es das am einfachsten zu verwendende Plug-In zur Codehervorhebung ist.Code verschönernBasierend auf der Formatierung von WordPress wurde ein Code-Hervorhebungsstil hinzugefügt. Sie müssen lediglich den Code auswählen und anschließend die Vorformatierung wählen. Es erkennt automatisch die Sprache und fügt dem Code einen Hervorhebungseffekt hinzu. Dieses Plugin eignet sich hervorragend für Anfänger und Laien. Es verfügt über keine Einstellungen, ist aber sehr komfortabel zu bedienen.
In Gutenberg fügt Code Prettify auch keine weiteren Module hinzu. Sie müssen lediglich den Block ähnlich wie Code festlegen, um den Code-Hervorhebungseffekt des Code Prettify-Plugins zu nutzen.
WordPress-Code-Plugin Crayon Syntax Highlighter (noch nicht von Gutenberg unterstützt)
Obwohl es nicht an die neue Version des WordPress-Editors angepasst ist,Crayon Syntax-Textmarker Es ist nach wie vor das umfassendste Code-Highlighting-Plugin, das mit PHP und JQuery erstellt wurde. Nach der Installation wird im WordPress-Editor eine Code-Schaltfläche hinzugefügt, über die Sie den Code anpassen können.
Gleichzeitig können Sie auch Sprache, Schriftart, Codeformat und andere Optionen auswählen und Ihr Lieblingsthema wie Monokai, Eclipse usw. mit Dutzenden integrierter Stile auswählen
Darüber hinaus steht eine Symbolleiste zur Verfügung, mit der Besucher die Anzeige des Codes selbst steuern können, beispielsweise
- Codeumbruch
- Extra langes und breites Display
- Alle ausgewählten Funktionen codieren
- Zeilennummern ausblenden
- Öffnen Sie den Code in einem neuen Tab
Wenn Ihnen die Symbolleiste nicht gefällt, können Sie für diese Optionen auch direkt im Hintergrund einen Standardwert festlegen und dann die Symbolleiste ausblenden, um den reinen Code anzuzeigen.
Beachten Sie außerdem, dass der Crayon Syntax Highlighter mit dem klassischen Editor verwendet werden muss. WordPress verwendet standardmäßig die klassische Editormethode.
Dies sind alles hervorragende Plug-ins, und alle sind kostenlos. Sie können uns helfen, Code besser aufzuzeichnen, anzuzeigen, zu lesen und das Codeformat zu verbessern.
