Erstellen und bearbeiten Sie Ihr ideales WordPress-Theme in Dreamweaver

Adobe Dreamweaver ist ein Desktop-Tool zum visuellen Entwerfen einer Website. Es ist eine Front-End-IDE (Integrated Development Environment), mit der Sie schnell zwischen der Anzeige von HTML, CSS, JavaScript und einer Live-Vorschau des aktuellen Designs hin und her wechseln können.

Sie können Seiten auch visuell gestalten und gestalten, indem Sie einen leistungsstarken WYSIWYG-Modus („what you see is what you get“) verwenden, der während der Arbeit automatisch Code generiert.

Dreamweaver lässt sich gut in andere visuelle Designtools von Adobe wie Photoshop, InDesign und Illustrator integrieren. Für erfahrene Grafikdesigner, die es gewohnt sind, mit diesen anderen Anwendungen zu arbeiten, bietet Dreamweaver eine einfache Möglichkeit, in das Webdesign einzusteigen, ohne die Codierung in drei verschiedenen Sprachen beherrschen zu müssen.

WordPress ist das beliebteste Content-Management-System im Web und betreibt über 25% aller öffentlichen Websites. WordPress trennt Inhalt, Funktionalität und Design; Das Front-End-Design einer WordPress-Site wird durch ein Thema bestimmt. Ein Thema ist eine Sammlung von PHP-Vorlagendateien, die HTML-Ausgabe generieren, und eine oder mehrere CSS-Dateien, die den visuellen Stil definieren.

Das Erstellen eines WordPress-Themes ist normalerweise eine Codierungsübung, und Dreamweaver wurde speziell entwickelt, um Seitendesignern zu helfen, das Codieren zu vermeiden. Tatsächlich verursachte PHP-Code in frühen Versionen von Dreamweaver Anzeigeprobleme.

Darüber hinaus war Dreamweaver auf die Erstellung ganzer HTML-Seiten ausgerichtet, nicht auf Seitenvorlagen, die auf eine Reihe von PHP-Dateien aufgeteilt waren. Aufgrund dieser Probleme scheint Dreamweaver nicht gut für die WordPress-Entwicklung geeignet zu sein. In der Tat war die allgemeine Meinung, dass WordPress und Dreamweaver sich gegenseitig ausschließen.

Diese Meinung ist jedoch an dieser Stelle etwas veraltet. Dreamweaver unterstützt jetzt die Integration mit mehreren Content-Management-Systemen, einschließlich WordPress. Das Bearbeiten von Vorlagendateien ist genauso einfach wie das Bearbeiten von HTML-Seiten, und der Codeeditor von Dreamweaver enthält sogar Syntaxhervorhebung und automatische Vervollständigung für PHP.

WordPress und Dreamweaver wurden beide entwickelt, um das Erstellen von Webseiten zu vereinfachen. Sie waren ursprünglich nicht für die Zusammenarbeit gedacht, Daher erfordert es ein wenig Arbeit, alles einzurichten.

Wenn Sie jedoch einem der hervorragenden Tutorials folgen, die wir für Sie gesammelt haben, und die hervorragenden Tools hinzufügen, die wir gefunden haben, hindert Sie nichts daran, Ihren bevorzugten Seiteneditor zum Entwerfen für Ihr bevorzugtes Content-Management-System zu verwenden.

Tutorials für die Arbeit mit WordPress in Dreamweaver

• Verwendung von Adobe Dreamweaver zum Entwerfen eines WordPress-Blogbeitrags oder zum Bearbeiten eines WordPress-Themas ist ein gründliches Tutorial, das Informationen zum Einrichten einer lokalen Entwicklungsumgebung und zur Integration der beiden Technologien enthält.
• Dreamweaver CC und WordPress 3.8: Kernkonzepte, von Lynda.com Dies ist ein fünfstündiger Videokurs, der alles vom Responsive Design bis zur Verwendung von Dreamweaver für die Bereitstellung und das Testen abdeckt.
• Erstellen von WordPress-Sites mit Dreamweaver ist ein detailliertes Tutorial, das durch das Einrichten einer lokalen WordPress-Installation und das Verbinden mit Dreamweaver führt.
• Das Erstellen von WordPress-Sites mit Adobe Dreamweaver CC ist ein großartiges Tutorial aus dem Adobe-Blog, in dem nicht nur erläutert wird, wie Dreamweaver mit WordPress verwendet wird, sondern auch, warum Sie dies möchten. Viel visuelle Inspiration auch hier.
• Dreamweaver CC Working with WordPress ist ein vollständiges Tutorial zum Erstellen von WordPress-Themes mit Dreamweaver mit über sechs Stunden Videoinhalt.
• So richten Sie WordPress in Dreamweaver ein ist ein kurzes Video-Tutorial, das sich darauf konzentriert, WordPress und Dreamweaver gut miteinander zu spielen.
• Die Einrichtung eines Dreamweaver CC- und WordPress-Workflows beschreibt, wie WordPress und Dreamweaver effektiv in einen vernünftigen Entwicklungsprozess integriert werden können.
• Bearbeiten eines WordPress-Themes mit Adobe Dreamweaver CS5 ist eine vierteilige Serie zum Bearbeiten (nicht von Grund auf neu erstellen) von WordPress-Themes mit Dreamweaver.
• Das Bearbeiten eines WordPress-Blogs mit Dreamweaver CS5 ist eine sehr detaillierte Anleitung zum lokalen Ausführen von WordPress und zum Bearbeiten von Themendateien in Dreamweaver.
• Verwenden von Dreamweaver für WordPress-Design und -Entwicklung beschreibt den grundlegenden Prozess der Zusammenarbeit der beiden Anwendungen, bietet aber auch viele praktische Tipps und praktische Beispiele dafür, was schief gehen kann und wie Sie sicherstellen können, dass die Dinge richtig laufen.
• Bearbeiten eines WordPress-Themes in Adobe Dreamweaver ist ein kurzes Video-Tutorial, mit dem Sie Dreamweaver mit WordPress verwenden können.
• WordPress Theme Editing with Dreamweaver erklärt Schritt für Schritt, wie Sie einen Testserver einrichten, WordPress lokal installieren und Dreamweaver integrieren. Dieser Artikel befasst sich auch mit der Lösung einiger der häufigsten Probleme, die beim Bearbeiten von Designdateien in Dreamweaver auftreten.
• Beim Konvertieren einer Dreamweaver-Site in WordPress geht es nicht darum, in Dreamweaver an einem WordPress-Theme zu arbeiten, sondern eine vorhandene Dreamweaver-Site in WordPress zu konvertieren.
• Das Bearbeiten von WordPress-Themes mit Dreamweaver ist etwas veraltet, bietet jedoch gute Informationen zum Optimieren von Themes.

Sollte ich Dreamweaver mit WordPress verwenden?

Viele professionelle Webdesigner mögen Dreamweaver nicht und denken nicht, dass Sie es zum Erstellen von Websites verwenden sollten. Diese Meinungen sind wahrscheinlich ein wenig übertrieben, obwohl.

Es ist sicherlich richtig, dass die meisten professionellen Front-End-Entwickler Dreamweaver normalerweise nicht verwenden. Die meisten Dinge, über die sich Benutzer in Dreamweaver beschweren, wurden jedoch in neueren Versionen behoben.

WordPress ist so beliebt wie es ist, gerade weil Sie kein professioneller Front-End-Entwickler sein müssen, um es zu verwenden. Sie können eine gut aufgebaute Site schnell zum Laufen bringen, auch wenn Sie nicht wissen, wie man codiert. Genau deshalb wurde Dreamweaver auch populär.

Mit Dreamweaver mit WordPress können Sie benutzerdefinierte Designs erstellen, ohne HTML, CSS, JavaScript und PHP lernen zu müssen. Das bedeutet nicht, dass Sie ein Front-End-Entwickler sind, aber es bedeutet, dass Sie es nicht sein müssen.

Weiterführende Literatur und Ressourcen

Wir haben weitere Anleitungen, Tutorials und Infografiken zu Codierung und Website-Entwicklung:

• Gutes HTML verfassen: Dies ist eine solide Einführung in das Schreiben von wohlgeformtem HTML und die Verwendung von HTML-Validierungssoftware.
• Dreamweaver Einführung und Ressourcen: Dies wird Ihnen helfen, mit Dreamweaver zu beginnen, wenn Sie neu in Dreamweaver sind.
• Dreamweaver-Websites hosten: Obwohl Websites, die mit Dreamweaver erstellt wurden, in jedem Hosting-Szenario funktionieren sollten, haben wir Informationen zusammengestellt und empfohlene Hosts mit Dreamweaver-Fachwissen in die engere Wahl gezogen.
• WordPress Hosting – Erfahren Sie mehr über und vergleichen Sie Ihre Auswahl für Hosting-Websites mit WordPress gebaut.