Genau wie ein Maler einen Pinsel, einen Schmied ihren Hammer und einen Schreiner seine Säge benötigt, benötigen WordPressers ihre eigenen Werkzeuge.
Während wir viele verschiedene WordPress-Entwicklungstools zur Verfügung haben, geschieht der größte Teil der Arbeit in einem einfachen Texteditor.
Egal, ob Sie ein vollwertiger Plugin- oder Theme-Entwickler oder „nur“ ein fortgeschrittener Benutzer sind, wir brauchen ständig Code-Editoren: Konfigurieren von Kerndateien, Ändern von Stilen, Bearbeiten von Vorlagendateien, Sie nennen es — ein guter Teil unserer Arbeit ist das Ändern von Codezeilen.
Daher ist es nur gut und richtig, dass wir das beste Werkzeug verwenden, das uns zur Verfügung steht, nicht wahr? Schließlich sagte Abraham Lincoln (angeblich): „Gib mir sechs Stunden, um einen Baum zu fällen, und ich werde die ersten vier Stunden damit verbringen, die Axt zu schärfen.“
(Ich hätte nicht gedacht, dass ich Lincoln in ein Gespräch über WordPress bringen könnte, oder? Ich auch nicht.Um sicherzustellen, dass wir immer die schärfsten Achsen verwenden, werfen wir einen Blick auf einige der besten Code-Editoren für WordPress-Entwickler und -Benutzer.
Worauf Sie in einem Code-Editor für die WordPress-Entwicklung achten sollten
Bevor wir zur eigentlichen Software übergehen, wollen wir kurz erläutern, warum wir überhaupt einen speziellen Code-Editor verwenden sollten.
Können Sie WordPress-Dateien schließlich nicht mit einem beliebigen Texteditor bearbeiten, einschließlich des mit dem Betriebssystem Ihres Computers gelieferten?
Während das in der Tat wahr ist und solche Programme zur Not ausreichen, bietet ein guter Code-Editor neben dem „Bearbeiten“ -Teil noch viele weitere Funktionen, die Ihr Leben als WordPress-Mitarbeiter erleichtern und Ihnen viel Zeit sparen sollen.
Im Folgenden werde ich auf einige gemeinsame Merkmale und Funktionen professioneller Codebearbeitungsprogramme eingehen.
Abhängig von Ihren Bedürfnissen und Vorlieben können sie einen großen Faktor für Ihre Entscheidung für oder gegen einen der Code-Editoren auf dieser Liste darstellen. Daher sollten Sie sicherstellen, dass Ihre Must-Have-Funktionen entweder nativ enthalten sind oder über eine Erweiterung hinzugefügt werden können.
Unterstützung der Zielsprache
Zunächst ist es wichtig sicherzustellen, dass der Code-Editor Ihrer Wahl die Programmiersprache(n) unterstützt, mit der(denen) Sie arbeiten möchten.
Für die Webentwicklung wären dies normalerweise HTML, CSS, PHP und JavaScript. Möglicherweise benötigen Sie jedoch auch zusätzliche Sprachen.
Glücklicherweise unterstützen die meisten heutigen Editoren diese standardmäßig. Trotzdem schadet es nicht, nachzuschauen.
Syntaxhervorhebung und Layoutoptionen
Die Möglichkeit, verschiedene Elemente der Codesyntax automatisch mit verschiedenen Farben hervorzuheben, ist eine sehr nützliche Funktion für Programmier-, Skript- und Auszeichnungssprachen.
Es macht es viel einfacher, den Code zu verstehen und zu lesen, Syntaxfehler zu erkennen (da Zeichenfolgen nur dann ihre Farbe ändern, wenn sie vollständig sind) und zu sehen, wo eine Klammer endet und die nächste beginnt.
Viele Code-Editoren bieten auch zusätzliche Layoutoptionen wie Code-Faltung und automatische Einrückung. In Kombination verbessern diese Funktionen die Lesbarkeit des Codes erheblich.
Syntax-Highlighting ist heute für so ziemlich alle Programmiersprachen verfügbar und es gibt keine Entschuldigung, es nicht in einen Code-Editor aufzunehmen.
Such— und Ersetzungsfunktion
Besonders beim Erstellen komplexer Sites kommt es oft genug vor, dass etwas Site-weit geändert werden muss – vielleicht eine der Hauptfarben oder eine wichtige JavaScript-Variable.
Was auch immer es ist, Sie müssen jetzt jede einzelne Instanz im Code suchen und korrigieren. Wie Sie sich vorstellen können, wird dies besonders schwierig, wenn Sie mit mehreren Dateien arbeiten, z. B. mit mehreren Stylesheets.
In diesem Fall ist es sehr nützlich, eine leistungsstarke Such- und Ersetzungsfunktion zur Hand zu haben, die dies automatisch tun kann. Es wird Ihnen viel Arbeit und angespannte Augen ersparen, vertrauen Sie mir.
Code-Autovervollständigung
Sie kennen diese Funktion möglicherweise von Ihrem Telefon (mit oft lustigen Ergebnissen), Ihrer Textverarbeitung oder wenn Sie jemals mit Firebug gearbeitet haben, um Live-Änderungen am CSS Ihrer Website vorzunehmen.
Wie der Name schon sagt, können Sie mit Autocomplete Code schreiben, ohne jede Instanz vollständig eingeben zu müssen. Wenn Sie mit der Eingabe beginnen, schlägt Ihnen der Editor stattdessen eine Reihe von Alternativen vor, die zu Ihrer Eingabe passen.
Programmiersprachen sind für solche Dinge prädestiniert, da es nur eine begrenzte Anzahl von Ausdrücken gibt, die in jedem Fall Sinn machen und, wie Sie sich vorstellen können, das Codieren viel schneller und einfacher machen können.
Integrierte FTP-Unterstützung
Heben Sie Ihre Hand, wenn dies nach Ihrem Workflow zum Bearbeiten von WordPress-Dateien klingt:
- Öffnen Sie Filezilla
- Wählen Sie sich in Ihren Server ein
- Durchsuchen Sie eine Datei
- Laden Sie sie herunter
- Finden Sie die Datei auf Ihrem Computer
- Öffnen Sie sie mit einem Texteditor
- Änderungen vornehmen
- Speichern Sie die Datei
- ol>
Wenn du das bist, mach dir keine Sorgen, du bist nicht allein. Wir haben alle mit diesem oder einem ähnlichen verschlungenen Prozess begonnen.
Zum Glück gibt es einen einfacheren Weg. Viele Code-Editoren verfügen jetzt über Module für den Zugriff auf FTP / SFTP-Server, sodass Sie Dateien direkt aus dem Editor öffnen, bearbeiten und bereitstellen können.
Versionskontrolle
Versionskontrolle ist ein Sicherheitsnetz. Wenn Sie Änderungen an Ihren Dateien vornehmen und Dinge schief gehen (was unweigerlich passieren wird), können Sie mit der Versionskontrolle zu älteren Versionen Ihrer Arbeit zurückkehren und Fehler rückgängig machen.
Besonders wenn Sie an größeren Projekten arbeiten, ist Versionskontrolle ein Muss.
Während Sie Git (ein Anfänger-Tutorial finden Sie hier ) und andere Mittel zur Versionskontrolle unabhängig von Ihrem Code-Editor verwenden können, bieten viele es entweder integriert oder als Erweiterung an.
Wenn Sie mehr als nur beiläufig programmieren, kann dies ein wichtiger Faktor für Ihre Entscheidung sein.
So weit so gut?
Kommen wir zu den Anwärtern für den besten Code-Editor für die WordPress-Entwicklung.
Die besten Code-Editoren für WordPress-Entwickler und -Nutzer
Eine Einschränkung: Für diesen Beitrag habe ich versucht, mich auf reine Code-Editoren zu konzentrieren, nicht auf ganze Entwicklungsumgebungen. Wenn Sie also Ihre Lieblings-IDE nicht in der Liste finden können (wie PhpStorm, Eclipse usw.), das ist absichtlich.
Außerdem ist diese Liste keineswegs vollständig und in keiner bestimmten Reihenfolge. Die Wahl, welcher Code-Editor für Sie richtig ist, hängt wirklich von Ihren persönlichen Vorlieben und Bedürfnissen ab, daher werde ich kein Urteil darüber fällen, welcher der beste ist.
Alles gut? Dann lass uns anfangen zu knacken.
Light Table
Preis: Kostenlos
Unser erster Anwärter ist nicht nur kostenlos und Open Source (Sie finden es auf GitHub), sondern auch das Ergebnis einer Kickstarter-Crowdfunding-Kampagne mit mehr als 300k US-Dollar.
Es funktioniert auf mehreren Plattformen (Windows, Mac, Linux), verfügt über eine glatte und sehr saubere Oberfläche und ist dank der vielen verfügbaren Erweiterungen in hohem Maße anpassbar.
Eines der interessantesten Features ist, dass es sofortiges Feedback liefert. Öffnen Sie ein Browserfenster im Editor und Sie können sofort die Auswirkungen von Codeänderungen sehen. Hier ist es in Aktion:
Zusätzliche Funktionen:
- Leichtgewicht
- Fuzzy-Dateisuche
- Unterstützung für verschiedene Einbettungen
- Syntaxhervorhebung
- Debugging
UltraEdit
Preis: $79.95/Jahr
Ob Sie arbeiten mit Windows, Mac OS oder Linux, hat UltraEdit Ihren Rücken.
UltraEdit kennt HTML, PHP, JS, Perl, C / C ++, Python und andere Sprachen, bietet Funktionen wie Dateivergleich, Multi-Tab / Multi-Pane-Bearbeitung und mehr und sogar einen eigenen FTP-Client.
Obwohl relativ teuer und mit jährlich wiederkehrenden Zahlungen, haben Sie die Leichtigkeit des Geistes der Arbeit mit einem Premium-Produkt, das aktiv entwickelt wird.
Zusätzliche Funktionen:
- Syntaxhervorhebung
- Integriertes SSH /Telnet
- Editorthemen
- Datei- / Datensortierung
RapidPHP
Preis: ab $35.95
RapidPHP ist ein Code-Editor für Windows, der eine große Prämie auf Geschwindigkeit setzt (daher der Name, denke ich).
Obwohl es für die PHP-Programmierung entwickelt wurde, unterstützt es auch HTML, CSS, JS und andere Webentwicklungssprachen mit Funktionen wie Syntaxhervorhebung, automatischer Vervollständigung, Formatierung und Debugging.
Das Programm stellt auch eine direkte Verbindung zu FTP-, SFTP- und FTPS-Servern her und verfügt über Dateiverwaltungstools und Git-Integration.
RapidPHP ist zwar ein Premium-Produkt, bietet aber eine Testversion, die 30-mal verwendet werden kann, bevor Sie aufgefordert werden, eine Lizenz zu erwerben.
Zusätzliche Funktionen:
- Code-Faltung
- Bereit für HTML5 und CSS3
- CSS-Kompatibilitätsuhr
- Leistungsstarkes Suchen und Ersetzen
- Einfache Wiederverwendung von Code-Snippets
- Unterstützung für mobile Entwicklung
Chocolat
Preis: $ 49.00
Das Programm mit dem köstlichen Namen hat hohe Ziele: Der perfekte Texteditor für Max OS X für jede Programmiersprache zu sein, die dem Menschen bekannt ist (ihre Worte nicht meine).
Dies soll durch eine perfekte Integration in die Betriebssystemoberfläche erreicht werden, die Codevervollständigung für JS, Python, HTML und mehr sowie projektweite Suche und Ersetzung und Live-Fehlerprüfung bietet.
Zusätzliche Funktionen:
- Code-Faltung
- Split-Bearbeitung
- System-Farbauswahl
- Live-Vorschau für HTML und Markdown
- Erstellen von Projekten per Drag & Drop
Atom
Preis: Kostenlos
Atom ist eine relativ neue Ergänzung in der Welt der Code-Editoren und wurde von niemand anderem als GitHub gemacht.
Es funktioniert mit allen gängigen Betriebssystemen, ist kostenlos, Open Source und da es für Entwickler entwickelt wurde, ist es in hohem Maße erweiterbar und anpassbar.
Der Editor enthält ein Kernmodul, das mit einer wachsenden Anzahl von benutzerdefinierten Paketen erweitert werden kann. Zusammen mit den vielen Themen können Sie so genau das Werkzeug erstellen, das Sie benötigen.
Zusätzliche Funktionen:
- Fuzzy-Suche
- Code-Snippets
- Dateisystembrowser
- Projektweite Suche und Ersetzung
- Mehrere Fensteransichten
- Code-Faltung
Komodo Edit
Preis: Kostenlos
Dieser Editor ist eine kostenlose und Open-Source-Version der beliebten Komodo-IDE. Es bietet mehrsprachige Unterstützung mit Autocomplete, Projektmanagement-Tools und Änderungsverfolgung.Erweiterte Optionen wie Debugging und Unit-Tests sind jedoch dem großen Bruder vorbehalten.
Zusätzliche Funktionen:
- Markdown Viewer
- Mehrfachauswahl
- Anpassbare Skins und Symbole
- Kopy.io integration
CodeAnywhere
Preis: Kostenlos (für Testversion)
Dies ist ein ziemlich faszinierender Eintrag. Anstelle einer herunterladbaren Anwendung ist CodeAnywhere ein (treffend benannter) Cloud-Editor / IDE.
Melden Sie sich von überall auf der Welt an, öffnen Sie Dateien auf einem beliebigen FTP-Server, Dropbox oder Google Drive und erhalten Sie Ihren Code.
Der Editor enthält außerdem ein leistungsstarkes Revisionswerkzeug für ein einfaches Rollback, mit dem Sie Dateien direkt auf einen anderen Server übertragen können.
Außerdem macht der Cloud-Charakter die Zusammenarbeit mit oder das Anzeigen Ihres Codes für eine andere Person so einfach wie das Senden eines Links.
Die Basisversion von CodeAnywhere ist kostenlos zu testen, Lizenzen beginnen bei $ 2 / Monat.
Zusätzliche Funktionen:
- Vordefinierte benutzerdefinierte Containerstapel
- Verbindung mit Git, Bitbucket, Github
- 70+ Sprachen einschließlich JS, PHP, HTML und mehr
- Codevervollständigung
- Linting
- Unterstützung für alle Geräte und Browser
- Hochgradig anpassbare Layouts, Skins und mehr
BBEdit
Preis: $49.99
Das BB im Namen steht für Bare Bones, the Editor’s Maker. Es bietet Unterstützung für zahlreiche Sprachen, Suchen und Ersetzen in mehreren Dateien, automatische Vervollständigung, Code-Faltung und andere Funktionen.
Während BBEdit mit einem Preisschild kommt, macht die gleiche Firma auch eine kostenlose Alternative namens TextWrangler für Mac OS. Es ist eine abgespeckte Version des Premium-Produkts, die Sie ausprobieren können, bevor Sie sich für seinen größeren, leistungsfähigeren Bruder entscheiden.
Zusätzliche Funktionen:
- Schnellsuche
- Projektmanagement-Tools
- Syntaxhervorhebung
- Code-Faltung
- FTP/ SFTP-Unterstützung
Vim
Preis: Free (Charityware)
Während ihre Website wirklich frühen 90er Jahren aussieht, genießt der Vim-Editor einen sehr guten Ruf unter Linux-Entwicklern.
Es ist Open Source und verleiht plattformübergreifender Kompatibilität eine ganz neue Bedeutung – Vim funktioniert sogar unter DOS oder auf einem Amiga. (Fragen Sie Ihre Eltern, wenn Sie nicht wissen, was das bedeutet).
Der Editor ist ebenfalls hochgradig konfigurierbar und kann mit so leistungsstarken Funktionen erweitert werden, dass er auf IDE-Gebiet übergeht, anstatt ein reiner Codeeditor zu sein.
Vim hat jedoch eine gewisse Lernkurve und ist daher möglicherweise kein Werkzeug für Anfänger. Während Sie kostenlos sind, können Sie sich auch dafür entscheiden, dafür zu bezahlen und damit an ein Wohltätigkeitsprojekt in Uganda zu spenden.
Zusätzliche Funktionen:
- Integrierte Benutzeroberfläche
- Syntaxhervorhebung für mehr als 200 Sprachen
Espresso
Preis: $ 75
Dieser koffeinhaltige Anwärter ist ein Webentwicklungstool für die Mac OS-Plattform mit integriertem Codeeditor werkzeug namens CSSEdit.
Es verfügt über eine wirklich schöne Oberfläche, unterstützt die automatische Vervollständigung von Code und das Falten von Code, ermöglicht das einfache Ziehen und Ablegen von Codeausschnitten und bietet sogar eine Live-Vorschau.
Obwohl es nicht das billigste ist, können Sie es mit einer 15-tägigen Testversion testen, bevor Sie eine Verpflichtung eingehen.
Zusätzliche Funktionen:
- Änderungen direkt auf den Server übertragen
- Unterstützung für CSS3, HTML5 und andere Sprachen
- Leistungsstarke Such- und Ersetzungsfunktion
TextMate
Preis: ab $56.00 (single user license)
Der selbstbetitelte „missing Editor for Mac OS X“ ist ein weiterer Single-Plattform-Editor, dessen Ansatz jedoch stark vom UNIX-Betriebssystem inspiriert ist.
TextMate ist einfach, aber reich an Funktionen mit Autovervollständigung, Auto-Einzug, faltbaren Codeblöcken und vielem mehr. Es bietet auch eine ausgeklügelte Such- und Ersetzungsfunktion und erleichtert das gleichzeitige Arbeiten mit mehreren Dateien.
Zusätzliche Funktionen:
- Einfache Verwaltung der Zwischenablage
- Beschreibbare Makros
- Unterstützung für mehr als 50 Sprachen
- Syntaxhervorhebung
- Unterstützung für XCode
Sublime Text
Preis: $70
der ablenkungsfreie Schreibmodus in WordPress wird sich freuen zu hören, dass Sublime Text dieselbe Funktion bietet. Codierung in Ruhe und Konzentration, hier kommen wir.Weitere Funktionen, die dieses Programm zu einem der beliebtesten Code-Editoren machen, sind das elegante Design, die leistungsstarke Such-, Autofill- und Autocomplete-Funktion sowie die hohe Anpassbarkeit.
Die Tatsache, dass es auf allen gängigen Betriebssystemen funktioniert, schadet wahrscheinlich auch nicht.
Zusätzliche Funktionen:
- Sofortiger Projektwechsel
- Geteilte Bearbeitung
- Mehrfachauswahl
- Plugin API
Notepad++
Preis: Kostenlos
Diese großartige Software ist eine meiner persönlichen Waffen der Wahl und ich habe sie schon an anderen Stellen erwähnt. Es ist ein super praktisches und kostenloses Tool, um schnelle Änderungen an jeder WordPress-Datei vorzunehmen.
Notepad ++ ist jedoch nicht nur für Anfänger und Gelegenheitsprogrammierer geeignet, sondern wird auch von Weltklasse-Entwicklern verwendet.
Zu den Funktionen gehören Syntaxhervorhebung für PHP, JS, HTML, CSS und eine Reihe anderer Sprachen, Suchen und Ersetzen sowie automatische Vervollständigung.
Außerdem kann Notepad++ über Plugins erweitert werden — zum Beispiel um eine direkte Verbindung per FTP herzustellen und vieles mehr. Der einzige Nachteil ist, dass es nur unter Windows funktioniert. Entschuldigung, Apple- und Linux-Benutzer.
Zusätzliche Funktionen:
- Unterstützung für mehrsprachige Umgebungen
- Syntaxfaltung
- Multi-Dokument-Tab-Schnittstelle
- Zoomfunktion
Kaffeetasse
Preis: $ 69
Ich frage mich, was kompatibel mit allen Kaffee-Referenzen im Code-Editor-Spiel. Das ist schon das zweite.
Wie auch immer, CoffeeCup ist in erster Linie für HTML / CSS gemacht und auf diese beiden Sprachen plus PHP und Markdown beschränkt. Beachten Sie dies vor dem Kauf. Es läuft auch nur unter Windows und Mac OS
Auf der anderen Seite verfügt es jedoch über leistungsstarke Code-Autovervollständigung, Syntaxhervorhebung und Validierung, ist bereit für semantischen Code und synchronisiert Dateien einfach über FTP.
Sie können die kostenlose Testversion verwenden, um herauszufinden, ob sie alles bietet, wonach Sie suchen.
Zusätzliche Funktionen:
- Schnellstart
- Seitenvorschau
Klammern
Preis: Free
Brackets ist ein sehr interessantes Produkt, nicht nur, weil es kostenlos und Open Source ist. Mit Adobe als Hersteller hat es auch einen großen Namen dahinter.
Dieser Code-Editor richtet sich eindeutig an Personen mit Design-Hintergrund. Eine der coolsten Funktionen ist die Möglichkeit, Messungen, Abmessungen, Stile und andere Designelemente in Photoshop-Dateien direkt in CSS umzuwandeln.
Abgesehen davon ist es auch hochgradig anpassbar durch eine wachsende Bibliothek von Erweiterungen und unterstützt alle gängigen Betriebssysteme.
Zusätzliche Funktionen:
- Leichtgewicht
- Inline-Editoren
- Code-Faltung
- Präprozessor-Funktionalität
- Live-Vorschau
Coda
Preis: $ 99
Coda ist ein weiterer Mac-Only-Eintrag und ein sehr beliebte ein. Ein Teil des Grundes kann seine saubere und gut organisierte Oberfläche sein, die alles bietet, was Sie zum Erstellen von Websites auf einem Bildschirm benötigen.
Es bietet auch die üblichen Layoutoptionen zur Verbesserung der Lesbarkeit von Code (Syntax-Hervorhebung, Code-Faltung und Einrückung) sowie projektweite Autovervollständigung und automatisches Schließen von Tags.
Was cool ist, ist, dass Sie damit lokale und Remote-Dateien gleichermaßen bearbeiten und problemlos eine Verbindung zu externen Quellen und Servern herstellen können. Außerdem kommt es auch mit einem iPad-Begleiter namens Diet Coda (sehen Sie, was sie dort gemacht haben?).
Zusätzliche Funktionen:
- Suchen und ersetzen
- Debugging
- Dateiverwaltung
- Unterstützung für FTP/ SFTP /WebDAV/Amazon S3
ICEcoder
Preis: Kostenlos
Der letzte Eintrag in der Liste ist sehr interessant, da er direkt in Ihrem Browser funktioniert. Dadurch kann es nicht nur auf jedem Betriebssystem verwendet werden, sondern Sie können auch Browsertechnologien wie Tabbing nativ nutzen.
Das Programm unterstützt HTML5, CSS3, PHP, JS und darüber hinaus, kann online oder lokal verwendet werden, bietet Unterstützung für Typ-Booster wie Emmet, verfügt über Codehinweise und Codevergleichswerkzeuge sowie eine phpMyAdmin-ähnliche Datenbankverwaltung.
Zusätzliche Funktionen:
- Suchen und Ersetzen
- Kontextsensitive Code-Hervorhebung
- Mehrere Cursor
- Themen
- Lokale / Remote-Dateibearbeitung und -verwaltung
Was ist Ihr bevorzugter Code-Editor?
Ein gut abgerundeter Code-Editor ist eines der wichtigsten Werkzeuge für alle, die an der Entwicklung für die WordPress-Plattform beteiligt sind (oder nur daran basteln).Die Möglichkeit, Kerndateien, Vorlagen, Stylesheets und mehr zu ändern, ist von größter Bedeutung, um WordPress-Websites anzupassen und WordPress zu Ihrem eigenen zu machen.
Während jeder Texteditor theoretisch tun wird, können spezialisierte Programme den Workflow ernsthaft rationalisieren.Verbesserte Lesbarkeit und Layoutoptionen, direkte FTP-Verbindungen, Suchen und Ersetzen, automatische Vervollständigung und Versionskontrolle sind nur einige Möglichkeiten, wie diese Programme die Arbeit erheblich erleichtern.
Die Entscheidung, welcher der richtige Code-Editor für Sie ist, hängt letztendlich davon ab, was Sie brauchen und wollen.