{"id":54498,"date":"2022-09-28T08:57:09","date_gmt":"2022-09-28T07:57:09","guid":{"rendered":"https:\/\/staging.kinsta.site\/de\/?p=54498&#038;preview=true&#038;preview_id=54498"},"modified":"2022-11-29T15:19:10","modified_gmt":"2022-11-29T14:19:10","slug":"wordpress-workflow","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/","title":{"rendered":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt"},"content":{"rendered":"<p>WordPress ist eine gro\u00dfartige Plattform, aber manchmal kann sie auch ein <a href=\"https:\/\/staging.kinsta.site\/blog\/is-wordpress-code-really-a-mess\/\">wenig unorganisiert<\/a> sein &#8211; zumindest aus der Sicht des Codes.Das liegt daran, dass der Code viele Iterationen durchlaufen hat und bei Aktualisierungen manchmal nicht so effizient programmiert ist, wie es sein k\u00f6nnte.<\/p>\n<p>Nur weil der Code manchmal ein bisschen durcheinander ist, hei\u00dft das nicht, dass dein Entwicklungsprozess genauso sein muss. Auch wenn unordentlicher Code oft mit schnellen Produktionspl\u00e4nen entschuldigt wird, kannst du <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/gehalt-webentwickler\/\">als Webentwickler\/in mehr verdienen<\/a>, wenn du einen ordentlichen Arbeitsablauf einf\u00fchrst.<\/p>\n<p>In diesem Artikel stellen wir dir einige Tipps vor, die dir helfen, <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-website-offline-erstellen\/\">WordPress-Websites<\/a> auf die richtige Weise und mit den <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/webentwicklung-tools\/\" rel=\"noopener\">richtigen Tools<\/a> zu entwickeln. Au\u00dferdem gehen wir Schritt f\u00fcr Schritt vor, damit du diese Tipps befolgen kannst.<\/p>\n<p>Wenn du diesen Leitfaden befolgst, kannst du einige der h\u00e4ufigsten Probleme vermeiden, die bei der Entwicklung von WordPress-Websites auftreten. Au\u00dferdem wirst du in der Lage sein, eine Website zu erstellen, die einfach zu pflegen und zu aktualisieren ist.<\/p>\n<p>Also, lass uns loslegen!<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><br \/>\n<\/p>\n<h2>Merkmale von qualitativ hochwertigem Code<\/h2>\n<p>Bevor wir uns mit unserem vollst\u00e4ndigen Leitfaden zur Erstellung eines WordPress-Entwicklungs-Workflows befassen, lass uns einen Moment innehalten, um zu besprechen, warum qualitativ hochwertiger Code so wichtig ist. Eine Menge.<\/p>\n<p>Wenn du \u00fcber den Code f\u00fcr deine Website nachdenkst, solltest du einige wichtige Eigenschaften im Auge behalten. Diese Eigenschaften tragen dazu bei, dass dein Code sauber, \u00fcbersichtlich und leicht verst\u00e4ndlich ist.<\/p>\n<p>Hier sind einige Merkmale f\u00fcr hochwertigen Code:<\/p>\n<ul>\n<li>Gestrafft<\/li>\n<li>Einfach zu folgen<\/li>\n<li>Modular<\/li>\n<li>Gut kommentiert<\/li>\n<li>Kann leicht wiederverwendet und gewartet werden<\/li>\n<\/ul>\n<p>Es mag dir viel erscheinen, was du beachten musst, aber mach dir keine Sorgen. Wir werden in unserem Leitfaden ausf\u00fchrlich darauf eingehen, wie du sie erreichst. Aber zuerst m\u00fcssen wir dar\u00fcber sprechen, warum dein Entwicklungsprozess unbedingt diese Standards einhalten muss.<\/p>\n\n<h2>Warum WordPress-Entwicklung erstklassige Coding-Praktiken braucht<\/h2>\n<p>Damit eine WordPress-Website richtig funktioniert, muss der Code, aus dem die Seite besteht, von hoher Qualit\u00e4t sein. Das ist bei WordPress-Websites besonders wichtig, weil sie oft komplex sind und viele verschiedene Komponenten enthalten.<\/p>\n<p>Es gibt viele Gr\u00fcnde, warum Kodierungspraktiken f\u00fcr die WordPress-Entwicklung wichtig sind:<\/p>\n<ol>\n<li>WordPress-Websites sind komplex.<\/li>\n<li>Eine einzige Codezeile kann eine gro\u00dfe Wirkung haben.<\/li>\n<li>Der Code muss gut geschrieben und getestet sein.<\/li>\n<li>Hochwertiger Code ist leichter zu pflegen.<\/li>\n<li>Hochwertiger Code kann die Leistung verbessern.<\/li>\n<\/ol>\n<p>Wenn du diese Punkte bei der <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/webdesign-prinzipien\/\">Planung deiner Entwicklung<\/a> im Hinterkopf beh\u00e4ltst, kannst du sozusagen das Ziel im Auge behalten.<\/p>\n<h2>Tipps zur Verbesserung des WordPress-Workflows<\/h2>\n<p>Jetzt, wo wir dar\u00fcber gesprochen haben, warum es wichtig ist, gut geschriebenen Code zu haben, wollen wir uns einige Tipps ansehen, mit denen du deinen WordPress-Workflow f\u00fcr jedes einzelne Projekt verbessern kannst. Jeder der folgenden Tipps wird dazu beitragen, dass dein WordPress-Code sauber und optimiert ist, was im [Jahr] und dar\u00fcber hinaus deine Priorit\u00e4t sein sollte.<\/p>\n<h3>Nutze Staging<\/h3>\n<p>Eine <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-einzurichten\/\">Staging-Site<\/a> ist eine Kopie deiner Live-Site, die du nutzen kannst, um \u00c4nderungen zu testen, bevor du sie auf deiner Live-Site durchf\u00fchrst. Das ist ein wertvolles Werkzeug, denn so kannst du mit \u00c4nderungen experimentieren, ohne dass sich diese auf deine Live-Site auswirken.<\/p>\n<p>Der Einsatz einer Staging-Site hat viele Vorteile:<\/p>\n<ol>\n<li>Du kannst \u00c4nderungen testen, bevor du sie auf deiner Website einf\u00fchrst.<\/li>\n<li>Du kannst potenzielle Probleme vermeiden, indem du auf einer Staging-Site testest.<\/li>\n<li>Du kannst dich vergewissern, dass deine \u00c4nderungen wie vorgesehen funktionieren.<\/li>\n<li>Du kannst m\u00f6gliche Ausfallzeiten auf deiner Live-Site vermeiden.<\/li>\n<li>Du kannst das Risiko verringern, dass deine Live-Site kaputt geht.<\/li>\n<\/ol>\n<p>Wenn du das <a href=\"https:\/\/staging.kinsta.site\/docs\/premium-staging-environments\/\" rel=\"noopener\">Premium Staging Environment Add-on<\/a> f\u00fcr Kinsta verwendest, kannst du automatisch eine Staging-Umgebung f\u00fcr jede deiner WordPress-Websites erstellen, ohne dass du irgendwelche manuellen Schritte durchf\u00fchren musst. Das ist eine echte Zeitersparnis.<\/p>\n<figure id=\"attachment_54525\" aria-describedby=\"caption-attachment-54525\" style=\"width: 2800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54525\" src=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de.png\" alt=\"Auswahl einer Premium Staging-Umgebung in MyKinsta.\" width=\"2800\" height=\"1580\" srcset=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de.png 2800w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de-300x169.png 300w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de-1024x578.png 1024w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de-768x433.png 768w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de-1536x867.png 1536w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/select-premium-staging-environment-mykinsta-de-2048x1156.png 2048w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><figcaption id=\"caption-attachment-54525\" class=\"wp-caption-text\">Auswahl einer Premium Staging-Umgebung in MyKinsta.<\/figcaption><\/figure>\n<h3>Versionskontrolle einf\u00fchren<\/h3>\n<p>Die <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-versionskontrolle\/\">Versionskontrolle<\/a> ist ein System, das \u00c4nderungen an Dateien im Laufe der Zeit verfolgt. Das ist f\u00fcr die WordPress-Entwicklung sehr wertvoll, denn so kannst du \u00c4nderungen nachverfolgen und bei Bedarf zu fr\u00fcheren Versionen zur\u00fcckkehren.<\/p>\n<p>F\u00fcr die meisten bedeutet das die Verwendung von <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/git-fuer-die-webentwicklung\/\" rel=\"noopener\">Git<\/a>, einem beliebten Versionskontrollsystem. Falls du es noch nicht kennst: Git ist ein kostenloses und quelloffenes Versionskontrollsystem, das daf\u00fcr entwickelt wurde, kleine bis sehr gro\u00dfe Projekte schnell und effizient zu verwalten.<\/p>\n<figure id=\"attachment_132890\" aria-describedby=\"caption-attachment-132890\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132890 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/git.png\" alt=\"Git Website\" width=\"900\" height=\"564\"><figcaption id=\"caption-attachment-132890\" class=\"wp-caption-text\">Git<\/figcaption><\/figure>\n<p>Es ist besonders n\u00fctzlich, wenn du mit einem gro\u00dfen, verteilten Team arbeitest. Das Letzte, was du willst, ist, dass es in deiner WordPress-Installation mehrere Versionen deiner<em> functions.php-Datei<\/em> gibt, die alle einen leicht unterschiedlichen Namen haben, weil mehrere Leute gleichzeitig \u00c4nderungen vorgenommen haben.<\/p>\n<h4>Git vs. GitHub<\/h4>\n<p>Git ist ein Versionskontrollsystem, ein Werkzeug, mit dem du den Verlauf deines Quellcodes verwalten kannst. <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-github\/\">GitHub<\/a> ist ein Unternehmen, das Hosting f\u00fcr Softwareentwicklungsprojekte anbietet, die Git verwenden.<\/p>\n<p>Es handelt sich um zwei verschiedene Dinge, aber die meisten Leute verwenden den Begriff &#8222;Git&#8220; sowohl f\u00fcr <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/git-vs-github\/\" rel=\"noopener\">Git als auch f\u00fcr GitHub<\/a>.<\/p>\n<h3>Automatisierte Backups planen<\/h3>\n<p>Einer der wichtigsten Aspekte der WordPress-Entwicklung sind Backups. <a href=\"https:\/\/staging.kinsta.site\/docs\/wordpress-backups\/\">Backups<\/a> sind lebenswichtig, denn sie erm\u00f6glichen es dir, deine Website wiederherzustellen, wenn etwas schief geht.<\/p>\n<p>Es gibt viele M\u00f6glichkeiten, Backups zu automatisieren, aber eine der einfachsten ist, ein WordPress-Backup-Plugin zu verwenden. Es gibt viele gute Backup-Plugins, aber wir empfehlen das <a href=\"https:\/\/staging.kinsta.site\/docs\/wordpress-backups\/#external-backups-addon\" rel=\"noopener\">Add-on Kinsta Automated External Backups<\/a>.<\/p>\n<figure id=\"attachment_54526\" aria-describedby=\"caption-attachment-54526\" style=\"width: 2830px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54526\" src=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de.png\" alt=\"Kinsta Automated External Backups Add-on\" width=\"2830\" height=\"1800\" srcset=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de.png 2830w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de-300x191.png 300w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de-1024x651.png 1024w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de-768x488.png 768w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de-1536x977.png 1536w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/automated-external-backups-mykinsta-de-2048x1303.png 2048w\" sizes=\"auto, (max-width: 2830px) 100vw, 2830px\" \/><figcaption id=\"caption-attachment-54526\" class=\"wp-caption-text\">Kinsta Automated External Backups Add-on<\/figcaption><\/figure>\n<p>Dieses Add-on erstellt t\u00e4glich automatisch Backups deiner WordPress-Website und speichert sie auf einem externen Server.<\/p>\n<h3>Nutze die Vorteile von Linting<\/h3>\n<p>Beim Linting wird der <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/code-review-tools\/\" rel=\"noopener\">Code auf Fehler \u00fcberpr\u00fcft<\/a>. Das ist f\u00fcr die WordPress-Entwicklung sehr wertvoll, denn es kann dir helfen, Fehler in deinem Code zu finden und zu beheben.<\/p>\n<figure id=\"attachment_132892\" aria-describedby=\"caption-attachment-132892\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132892 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/sublime-text.png\" alt=\"Sublime Text Website\" width=\"900\" height=\"556\"><figcaption id=\"caption-attachment-132892\" class=\"wp-caption-text\">Sublime Text<\/figcaption><\/figure>\n<p>Viele Code-Editoren machen das automatisch, aber wenn du sicher sein willst, dass dein Editor diese Funktion bietet, solltest du einen der folgenden Code- und Texteditoren verwenden:<\/p>\n<ul>\n<li><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wie-man-sublime-text-benutzt\/\" rel=\"noopener\">Sublime Text<\/a>: Dieser Code-Editor hat viele Funktionen, einschlie\u00dflich Linting.<\/li>\n<li><a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atom<\/a>: Auch dieser Code-Editor hat Linting eingebaut.<\/li>\n<li><a href=\"https:\/\/www.vim.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vim<\/a>: Dieser Texteditor bietet ebenfalls Linting und viele andere Funktionen.<\/li>\n<li><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio Code<\/a>: In diesem Code-Editor ist Linting standardm\u00e4\u00dfig verf\u00fcgbar.<\/li>\n<li><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHPStorm<\/a>: Dies ist eine kostenpflichtige Entwicklungsumgebung, die Linting unterst\u00fctzt.<\/li>\n<\/ul>\n<h3>Verwende einen Code-Generator<\/h3>\n<p>Ein <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/wordpress-code-generator\/\" rel=\"noopener\">Code-Generator<\/a> ist ein Werkzeug, das automatisch Code f\u00fcr dich generiert. Das ist f\u00fcr die WordPress-Entwicklung sehr wertvoll, weil es dir Zeit spart und dir hilft, Fehler zu vermeiden.<\/p>\n<figure id=\"attachment_132893\" aria-describedby=\"caption-attachment-132893\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132893 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/generatewp.png\" alt=\"GenerateWP Website\" width=\"900\" height=\"282\"><figcaption id=\"caption-attachment-132893\" class=\"wp-caption-text\">GenerateWP<\/figcaption><\/figure>\n<p>Es gibt viele Code-Generatoren, aber einige der beliebtesten sind:<\/p>\n<ul>\n<li><a href=\"https:\/\/generatewp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GenerateWP<\/a>: Dieser Codegenerator kann Code f\u00fcr benutzerdefinierte Beitragstypen, Taxonomien, Metaboxen und vieles mehr erzeugen.<\/li>\n<li><a href=\"https:\/\/www.wp-hasty.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hasty<\/a>: Mit diesem Codegenerator kannst du Code f\u00fcr benutzerdefinierte Beitragstypen, Taxonomien und Felder erstellen.<\/li>\n<li><a href=\"https:\/\/www.nimbusthemes.com\/wordpress-code-generators\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nimbus Themes Code Generator<\/a>: Mit diesem Codegenerator kannst du Code f\u00fcr benutzerdefinierte Beitragstypen, Taxonomien und Felder erstellen.<\/li>\n<\/ul>\n<h3>WP-CLI verwenden<\/h3>\n<p><a href=\"https:\/\/wp-cli.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP-CLI<\/a> ist eine Kommandozeilenschnittstelle f\u00fcr WordPress. Sie ist wertvoll f\u00fcr die WordPress-Entwicklung, denn sie erm\u00f6glicht es dir, deine WordPress-Website von der Kommandozeile aus zu verwalten.<\/p>\n<p>Das ist besonders n\u00fctzlich, wenn du Aufgaben erledigen musst, die sich wiederholen oder viele Schritte erfordern. Mit <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wp-cli\/\">WP-CLI<\/a> kannst du zum Beispiel <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/devkinsta\/wp-cli\/\" rel=\"noopener\">WordPress installieren<\/a>, Beitr\u00e4ge und Seiten erstellen, Plugins und Themes installieren und vieles mehr. Es ist auch hilfreich, wenn du \u00c4nderungen an mehreren Websites gleichzeitig vornehmen musst.<\/p>\n<h3>Verwende ein WordPress-Entwicklungsframework<\/h3>\n<p>Ein WordPress-Entwicklungsframework ist ein Werkzeug, das dir helfen kann, deinen Arbeitsablauf zu optimieren. Das ist f\u00fcr die WordPress-Entwicklung sehr wertvoll, weil es dir Zeit spart und dir hilft, Fehler zu vermeiden.<\/p>\n<figure id=\"attachment_132894\" aria-describedby=\"caption-attachment-132894\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132894 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/bootstrap.png\" alt=\"Bootstrap Website\" width=\"900\" height=\"414\"><figcaption id=\"caption-attachment-132894\" class=\"wp-caption-text\">Bootstrap<\/figcaption><\/figure>\n<p>Es gibt viele WordPress-Entwicklungsframeworks, aber einige der beliebtesten sind:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.studiopress.com\/genesis-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Genesis<\/a>: Dieses Framework von StudioPress soll dir helfen, WordPress-Seiten schneller zu erstellen.<\/li>\n<li><a href=\"https:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">Underscores<\/a>: Dieses Framework von <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-statistiken\/\" rel=\"noopener\">Automattic<\/a> hilft dir, WordPress-Themes schnell zu entwickeln.<\/li>\n<li><a href=\"https:\/\/get.foundation\/sites\/resources.html\" target=\"_blank\" rel=\"noopener noreferrer\">Foundation<\/a>: Dieses Framework von Zurb hilft dir, responsive WordPress-Seiten zu erstellen.<\/li>\n<li><a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bootstrap<\/a>: Dieses Framework von Twitter ist eine sehr hilfreiche Methode, um responsive Designs f\u00fcr WordPress-Websites zu erstellen.<\/li>\n<\/ul>\n<h3>Task-Runner verwenden<\/h3>\n<p>Ein Task-Runner ist ein Werkzeug, das Aufgaben automatisieren kann. Das ist f\u00fcr die WordPress-Entwicklung sehr wertvoll, weil es dir Zeit spart und dir hilft, Fehler zu vermeiden. Au\u00dferdem kannst du damit mehrere Aufgaben gleichzeitig ausf\u00fchren.<\/p>\n<figure id=\"attachment_132895\" aria-describedby=\"caption-attachment-132895\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132895 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/gulp.png\" alt=\"Gulp Website\" width=\"900\" height=\"462\"><figcaption id=\"caption-attachment-132895\" class=\"wp-caption-text\">Gulp<\/figcaption><\/figure>\n<p>Es gibt viele Task-Runner, aber einige der beliebtesten sind:<\/p>\n<ul>\n<li><a href=\"https:\/\/gulpjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gulp<\/a>: Mit diesem Task-Runner kannst du Aufgaben wie <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimieren-css\/\" rel=\"noopener\">CSS-Preprocessing<\/a>, JavaScript-Linting und vieles mehr automatisieren.<\/li>\n<li><a href=\"https:\/\/gruntjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Grunt<\/a>: Grunt ist ein Javascript-Task-Runner, mit dem du viele deiner sich wiederholenden Aufgaben automatisieren kannst.<\/li>\n<li><a href=\"https:\/\/webpack.js.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Webpack<\/a>: Mit diesem Task-Runner kannst du Aufgaben wie das B\u00fcndeln von JavaScript-Dateien und mehr automatisieren.<\/li>\n<\/ul>\n<h3>Mach dich jetzt mit Vue.js oder React vertraut<\/h3>\n<p>Auch wenn du <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/vue-vs-react\/\">Vue.js oder React<\/a> vielleicht nicht sofort verwendest, ist es wichtig, dass du dich jetzt mit diesen Frameworks vertraut machst. Das ist wichtig f\u00fcr die WordPress-Entwicklung, denn sie werden immer beliebter und kommen immer h\u00e4ufiger zum Einsatz.<\/p>\n<p><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/vue-js\/\" rel=\"noopener\">Vue.js<\/a> ist ein <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/javascript-bibliotheken\/\" rel=\"noopener\">JavaScript-Framework<\/a>, mit dem du reaktive Benutzeroberfl\u00e4chen erstellen kannst. React ist eine JavaScript-Bibliothek f\u00fcr die Erstellung von Benutzeroberfl\u00e4chen.<\/p>\n<p>Sowohl Vue.js als auch <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-react-js\/\" rel=\"noopener\">React<\/a> werden gerne f\u00fcr die WordPress-Entwicklung eingesetzt, weil sie schnell, leichtgewichtig und einfach zu bedienen sind und eine wesentliche Voraussetzung daf\u00fcr sind, WordPress zu einem <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/headless-wordpress\/\" rel=\"noopener\">Headless CMS<\/a> zu machen.<\/p>\n<h2>Warum es wichtig ist, Zeit in die WordPress-Workflow-Planung zu investieren<\/h2>\n<p><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-6-1\/\">WordPress-Websites<\/a> sind komplex und es ist wichtig, einen gut geplanten Arbeitsablauf zu haben, bevor du ein Projekt beginnst. Wenn du dir die Zeit nimmst, deine Arbeitsabl\u00e4ufe zu planen, kannst du Zeit sparen und m\u00f6gliche Probleme auf dem Weg vermeiden.<\/p>\n<p>Die Planung deines WordPress-Workflows hat viele Vorteile:<\/p>\n<ul>\n<li>Du kannst Zeit sparen, wenn du wei\u00dft, was getan werden muss.<\/li>\n<li>Du kannst m\u00f6gliche Probleme vermeiden, indem du im Voraus planst.<\/li>\n<li>Du kannst sicherstellen, dass alle notwendigen Aufgaben erledigt werden.<\/li>\n<li>Du kannst sicherstellen, dass dein Arbeitsablauf effizient und effektiv ist.<\/li>\n<li>Du kannst Probleme vermeiden, wenn du Projekte an Mitarbeiter oder Kunden weitergibst<\/li>\n<\/ul>\n<p>Wenn du dir Zeit f\u00fcr die Planung deines WordPress-Workflows nimmst, sparst du Zeit und vermeidest potenzielle Probleme. Wenn du dir die Zeit nimmst, deinen Arbeitsablauf zu planen, kannst du sicherstellen, dass alle notwendigen Aufgaben erledigt werden und dass dein Arbeitsablauf effizient und effektiv ist.<br \/>\n<\/p>\n<h2>Der ideale WordPress-Workflow f\u00fcr die Entwicklung<\/h2>\n<p>Es gibt viele M\u00f6glichkeiten, den WordPress-Workflow anzugehen, aber es gibt einige wesentliche Schritte, die in deinem <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wie-man-webentwickler-wird\/\" rel=\"noopener\">Entwicklungsprozess<\/a> enthalten sein sollten.<\/p>\n<h3>Schritt 1: Einrichten einer lokalen Entwicklungsumgebung<\/h3>\n<p>Der erste Schritt in jedem WordPress-Workflow sollte das Einrichten einer lokalen Entwicklungsumgebung sein. Das ist wichtig, denn so kannst du offline an deiner WordPress-Website arbeiten, was Zeit spart und Fehler vermeidet.<\/p>\n<p>Es gibt viele M\u00f6glichkeiten, <a href=\"https:\/\/staging.kinsta.site\/local-development\/\">eine lokale Entwicklungsumgebung einzurichten<\/a>, es kommt nur darauf an, welches Setup du bevorzugst. Wir empfehlen <a href=\"https:\/\/staging.kinsta.site\/de\/devkinsta\/\">DevKinsta<\/a> f\u00fcr diese Aufgabe.<\/p>\n<p>Wir empfehlen, Kinsta Staging und das <a href=\"https:\/\/staging.kinsta.site\/feature-updates\/premium-staging-environments\/\" target=\"_blank\" rel=\"noopener noreferrer\">Premium Staging Environments<\/a> Add-on zu verwenden. Damit erh\u00e4ltst du eine komplette WordPress-Entwicklungsumgebung, die du mit einem Klick live schalten kannst.<\/p>\n<p>Du kannst auch an mehreren Projekten gleichzeitig arbeiten und \u00c4nderungen zusammenf\u00fchren, bevor du live gehst. Au\u00dferdem gibt es integrierte <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-ab-testwerkzeuge\/\">A\/B-Tests<\/a>, Plugin-Kompatibilit\u00e4tstests und ressourcenintensive Tests, mit denen du sicherstellen kannst, dass deine Builds richtig strukturiert sind.<\/p>\n<p>Um das Premium Staging Environments Add-on zu nutzen, musst du es einfach \u00fcber dein Kinsta-Konto kaufen. Um die Staging-Umgebung zu aktivieren, gehst du zu MyKinsta und klickst oben auf dem Bildschirm auf <strong>Environment &gt; Create new environment<\/strong>.<\/p>\n<figure id=\"attachment_54527\" aria-describedby=\"caption-attachment-54527\" style=\"width: 2820px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54527\" src=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de.png\" alt=\"Erstelle eine neue Umgebung mit dem Premium Staging Development Add-on.\" width=\"2820\" height=\"1600\" srcset=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de.png 2820w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de-300x170.png 300w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de-1024x581.png 1024w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de-768x436.png 768w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de-1536x871.png 1536w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/create-new-environment-mykinsta-de-2048x1162.png 2048w\" sizes=\"auto, (max-width: 2820px) 100vw, 2820px\" \/><figcaption id=\"caption-attachment-54527\" class=\"wp-caption-text\">Erstelle eine neue Umgebung mit dem Premium Staging Development Add-on.<\/figcaption><\/figure>\n<h3>Schritt 2: Versionskontrolle einrichten<\/h3>\n<p>Der zweite Schritt in jedem WordPress-Workflow sollte das Einrichten der <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-versionskontrolle\/\" rel=\"noopener\">Versionskontrolle<\/a> sein. Das ist wichtig, denn so kannst du \u00c4nderungen an deinem Code verfolgen und bei Bedarf zu fr\u00fcheren Versionen zur\u00fcckkehren.<\/p>\n<p>Dazu kannst du ein Tool wie <a href=\"https:\/\/staging.kinsta.site\/docs\/git\/\" rel=\"noopener\">Git<\/a> verwenden. Dieser Prozess sieht wie folgt aus<\/p>\n<h4>1. Ein Repository auf GitHub erstellen<\/h4>\n<p>Um ein Repository auf GitHub zu erstellen, kannst du die folgenden Schritte ausf\u00fchren:<\/p>\n<ol>\n<li>Melde dich bei deinem GitHub-Konto an und klicke auf das <strong>+<\/strong> Zeichen in der oberen rechten Ecke.<\/li>\n<li>W\u00e4hle &#8222;<strong>Neues Repository<\/strong>&#8220; aus dem Dropdown-Men\u00fc.<\/li>\n<li>Gib einen Namen f\u00fcr dein Repository und eine Beschreibung ein und klicke dann auf <strong>Repository erstellen<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_132898\" aria-describedby=\"caption-attachment-132898\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132898 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/create-repository.png\" alt=\"Erstelle ein Repository auf GitHub.\" width=\"900\" height=\"142\"><figcaption id=\"caption-attachment-132898\" class=\"wp-caption-text\">Erstelle ein Repository auf GitHub.<\/figcaption><\/figure>\n<h4>2. Klone das Repository in deine lokale Entwicklungsumgebung<\/h4>\n<p>In unserem Fall werden wir DevKinsta f\u00fcr unser Beispiel verwenden.<\/p>\n<ol>\n<li>Auf der GitHub-Seite f\u00fcr dein Repository klickst du auf die Schaltfl\u00e4che <strong>Klonen oder Herunterladen<\/strong>.<\/li>\n<li>Kopiere im Abschnitt <strong>Klonen mit HTTPs <\/strong>die <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-eine-url\/\">URL<\/a> f\u00fcr dein Repository.<\/li>\n<li>\u00d6ffne in deiner Entwicklungsumgebung ein Terminal und wechsle in das Verzeichnis, in das du dein Repository klonen m\u00f6chtest.<\/li>\n<li>Gib den folgenden Befehl ein und ersetze ihn durch die URL, die du von Github kopiert hast:<\/li>\n<\/ol>\n<pre><code class=\"language-html\">git clone https:\/\/github.com\/YOUR_USERNAME\/YOUR_REPOSITORY.git<\/code><\/pre>\n<p>Damit wird dein Repository in deine lokale Entwicklungsumgebung geklont.<\/p>\n<h4>3. Dateien hinzuf\u00fcgen und \u00c4nderungen festschreiben<\/h4>\n<ol>\n<li>F\u00fcge die Dateien, die du mit Git verfolgen willst, zum Verzeichnis des Repositorys auf deinem Computer hinzu.<\/li>\n<li>Gib <strong>git add <\/strong>ein, gefolgt vom Namen der Datei, oder benutze <strong>git add .<\/strong>\u00a0um alle Dateien im Verzeichnis hinzuzuf\u00fcgen.<\/li>\n<li>Gib <strong>git commit -m <\/strong>ein, gefolgt von einer Nachricht, in der du die \u00c4nderungen beschreibst, die du vorgenommen hast.<\/li>\n<li>Um deine \u00c4nderungen auf Github zu ver\u00f6ffentlichen, gib <strong>git push<\/strong> ein.<\/li>\n<\/ol>\n<p>Du kannst nun weitere \u00c4nderungen an den Dateien auf deinem Computer vornehmen und sie an GitHub weiterleiten. Wenn du die neueste Version der Dateien von Github abrufen willst, kannst du den Befehl <strong>git pull<\/strong> verwenden.<\/p>\n<p>Wenn du GitHub nicht nutzt, kannst du auch <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/bitbucket-vs-github\/\" rel=\"noopener\">Bitbucket<\/a> auf \u00e4hnliche Weise verwenden.<\/p>\n<h3>Schritt 3: Lokale Entwicklung<\/h3>\n<p>Nachdem du deine lokale Entwicklungsumgebung und die Versionskontrolle eingerichtet hast, ist es an der Zeit, deine WordPress-Website <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-website-offline-erstellen\/\" rel=\"noopener\">lokal und offline<\/a> zu entwickeln.<\/p>\n<p>Wenn du lokal entwickelst, kannst du \u00c4nderungen auf deiner Staging-Site testen, bevor du sie live schaltest. Das ist wichtig, weil du so Fehler oder Bugs abfangen kannst, bevor sie sich auf deine Live-Site auswirken.<\/p>\n<p>Um \u00c4nderungen von deiner lokalen Entwicklungsumgebung auf deine Staging-Site zu \u00fcbertragen, kannst du ein Tool wie <a href=\"https:\/\/staging.kinsta.site\/de\/devkinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">DevKinsta<\/a> verwenden. Mit diesem Tool kannst du \u00c4nderungen mit wenigen Klicks von deiner lokalen Entwicklungsumgebung auf deine Staging-Site \u00fcbertragen.<\/p>\n<h3>Schritt 4: Nutze WP-CLI<\/h3>\n<p>WP-CLI ist eine Befehlszeilenschnittstelle f\u00fcr WordPress, mit der du deine WordPress-Website \u00fcber das Terminal verwalten kannst. Das kann f\u00fcr Aufgaben wie das Anlegen und Verwalten von Benutzern, das Installieren und Aktualisieren von Plugins und vieles mehr n\u00fctzlich sein.<\/p>\n<p>Um WP-CLI zu installieren, befolge diese Schritte:<\/p>\n<ol>\n<li>Lade die <strong>WP-CLI phar-Datei<\/strong> herunter.<\/li>\n<li>Verschiebe die Datei in ein Verzeichnis in deinem PATH (z.B.<em> \/usr\/local\/bin<\/em>).<\/li>\n<li>Benenne die Datei in <em>wp<\/em> um.<\/li>\n<li>Mache die Datei ausf\u00fchrbar (z.B. <em>chmod +x \/usr\/local\/bin\/wp<\/em>).<\/li>\n<li>Teste, ob WP-CLI installiert ist, indem du <em>wp &#8211;version<\/em> ausf\u00fchrst.<\/li>\n<\/ol>\n<p>Von dort aus kannst du WP-CLI verwenden, um deine WordPress-Website \u00fcber die Kommandozeile zu verwalten. Eine vollst\u00e4ndige Liste der Befehle findest du in unserer ausf\u00fchrlichen Anleitung zu <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wp-cli\/\" rel=\"noopener\">WP-CLI v2<\/a>.<\/p>\n<h3>Schritt 5: Automatisiere deinen Workflow mit Gulp<\/h3>\n<p>Gulp ist ein Task-Runner, mit dem du Aufgaben wie das <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/render-blocking-javascript-css-eliminieren\/\">Minifizieren von CSS- und JavaScript-Dateien<\/a>, das Kompilieren von Sass-Dateien und vieles mehr automatisieren kannst.<\/p>\n<p>Um Gulp zu nutzen, musst du es zun\u00e4chst global auf deinem System installieren. Dazu brauchst du Node.js, <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-npm\/\" rel=\"noopener\">npm<\/a> und &#8211; nat\u00fcrlich &#8211; Gulp. F\u00fchre den <a href=\"https:\/\/terencelucasyap.com\/automate-your-development-workflow-using-gulp-part-1\/\" target=\"_blank\" rel=\"noopener noreferrer\">folgenden Befehl<\/a> in <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-node-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">Node.js<\/a> aus:<\/p>\n<pre><code class=\"language-js\">npm install gulp-cli -g<\/code><\/pre>\n<p>Sobald Gulp installiert ist, kannst du eine gulpfile.js-Datei im Stammverzeichnis deines Projekts erstellen. Diese Datei enth\u00e4lt den Code f\u00fcr deine Gulp-Aufgaben.<\/p>\n<p>Die folgende gulpfile.js-Datei enth\u00e4lt zum Beispiel eine Aufgabe zum Mining von CSS-Dateien:<\/p>\n<pre><code class=\"language-js\">var gulp = require('gulp');\nvar cleanCSS = require('gulp-clean-css');\ngulp.task('minify-css', function() {\n return gulp.src('src\/*.css')\n .pipe(cleanCSS({compatibility: 'ie8'}))\n .pipe(gulp.dest('dist'));\n});<\/code><\/pre>\n<p>Um diese Aufgabe auszuf\u00fchren, kannst du den folgenden Befehl verwenden:<\/p>\n<pre><code class=\"language-js\">gulp minify-css<\/code><\/pre>\n<h3>Schritt 6: Linting verwenden<\/h3>\n<p>Linting-Tools sind statische Code-Analyse-Tools, die dir helfen, Fehler in deinem Code zu finden. F\u00fcr unsere Zwecke hier verwenden wir <a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atom.io<\/a> mit den folgenden <a href=\"https:\/\/atom.io\/packages\" target=\"_blank\" rel=\"noopener noreferrer\">Linting-Paketen<\/a>:<\/p>\n<ul>\n<li>atom-beautify<\/li>\n<li>atom-ternjs<\/li>\n<li>linter<\/li>\n<li>linter-eslint<\/li>\n<li>linter-php<\/li>\n<li>linter-sass-lint<\/li>\n<\/ul>\n<figure id=\"attachment_132899\" aria-describedby=\"caption-attachment-132899\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132899 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/atom.png\" alt=\"Atom.io Website\" width=\"900\" height=\"427\"><figcaption id=\"caption-attachment-132899\" class=\"wp-caption-text\">Atom.io<\/figcaption><\/figure>\n<p>Navigiere in deinem Terminal zu dem Verzeichnis, das du lintest, und f\u00fchre den folgenden Befehl aus:<\/p>\n<pre><code class=\"language-bash\">find . -name \"*.js\" -o -name \"*.scss\" | xargs eslint --fix<\/code><\/pre>\n<p>Damit werden alle JavaScript- und Sass-Dateien in deinem Projekt gelintet.<\/p>\n<p>Wenn du eine bestimmte Datei lintest, kannst du den folgenden Befehl ausf\u00fchren:<\/p>\n<pre><code class=\"language-bash\">eslint --fix file-name.js<\/code><\/pre>\n<p>Ersetze <em>Dateiname.js<\/em> durch den Namen der Datei, die du lintest.<\/p>\n<h3>Schritt 7: Verwende einen CSS-Pr\u00e4prozessor<\/h3>\n<p>Ein CSS-Pr\u00e4prozessor ist ein Werkzeug, mit dem du <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-css\/\" rel=\"noopener\">CSS<\/a> in einer anderen Sprache schreiben und dann in CSS kompilieren kannst. Die beiden beliebtesten CSS-Pr\u00e4prozessoren sind <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/skriptsprachen\/\" rel=\"noopener\">Sass<\/a> und Less.<\/p>\n<p>In diesem Lehrgang werden wir Sass verwenden. Um Sass zu verwenden, musst du zun\u00e4chst das <a href=\"https:\/\/sass-lang.com\/guide\" target=\"_blank\" rel=\"noopener noreferrer\">Sass-Kommandozeilentool installieren<\/a>. Dazu f\u00fchrst du den folgenden Befehl aus:<\/p>\n<pre><code class=\"language-bash\">gem install sass<\/code><\/pre>\n<p>Sobald Sass installiert ist, kannst du den folgenden Befehl verwenden, um eine Sass-Datei in CSS zu kompilieren:<\/p>\n<pre><code class=\"language-bash\">sass input.scss output.css<\/code><\/pre>\n<p>Ersetze <em>input.scss<\/em> durch den Namen deiner Sass-Datei und <em>output.css<\/em> durch den Namen der CSS-Datei, die du erstellen willst.<\/p>\n<p>Wenn du deine Sass-Dateien auf \u00c4nderungen \u00fcberwachen und automatisch in CSS kompilieren m\u00f6chtest, kannst du den folgenden Befehl verwenden:<\/p>\n<pre><code class=\"language-bash\">sass --watch input.scss:output.css<\/code><\/pre>\n<p>Ersetze <em>input.scss <\/em>durch den Namen deiner Sass-Datei und output.css durch den Namen der CSS-Datei, die du erstellen willst.<\/p>\n<h3>Schritt 8: Verwende ein Deployment Plugin<\/h3>\n<p>Ein Deployment-Plugin ist ein Werkzeug, mit dem du deine WordPress-Website ganz einfach von einer lokalen Entwicklungsumgebung auf einen Live-Server \u00fcbertragen kannst.<\/p>\n<p>Es gibt eine Reihe verschiedener Tools, die du f\u00fcr diesen Zweck verwenden kannst, aber wir empfehlen <a href=\"https:\/\/wppusher.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Pusher<\/a>. WP Pusher ist ein kostenloses Deployment-Plugin, das du mit deiner WordPress-Website verwenden kannst.<\/p>\n<figure id=\"attachment_132902\" aria-describedby=\"caption-attachment-132902\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132902 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/wp-pusher.png\" alt=\"WP Pusher Website\" width=\"900\" height=\"484\"><figcaption id=\"caption-attachment-132902\" class=\"wp-caption-text\">Der WP Pusher<\/figcaption><\/figure>\n<p>Um WP Pusher zu installieren, l\u00e4dst du zun\u00e4chst die ZIP-Datei von der WP Pusher Website herunter. Logge dich dann in deine WordPress-Website ein und gehe zu <strong>Plugins &gt; Neu hinzuf\u00fcgen<\/strong>. Klicke auf die Schaltfl\u00e4che <strong>Plugin hochladen<\/strong> und w\u00e4hle die ZIP-Datei aus, die du gerade heruntergeladen hast. Sobald das Plugin installiert und aktiviert ist, kannst du es unter <strong>Einstellungen &gt; WP Pusher<\/strong> konfigurieren.<\/p>\n<p>Sobald WP Pusher konfiguriert ist, kannst du <a href=\"https:\/\/staging.kinsta.site\/docs\/git\/\">WordPress-Plugins und -Themes auf deinem Live-Server bereitstellen<\/a>, ohne mit der FTP-Schnittstelle zu interagieren oder deine <a href=\"https:\/\/staging.kinsta.site\/docs\/db-access\/\" rel=\"noopener\">WordPress-Datenbank<\/a> zu manipulieren.<\/p>\n<h3>Schritt 9: Nutze die WordPress Rest API<\/h3>\n<p>Die <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-rest-api\/\" rel=\"noopener\">WordPress REST API<\/a> ist ein leistungsstarkes Tool, mit dem du au\u00dferhalb der WordPress-Administrationsoberfl\u00e4che mit deiner WordPress-Website interagieren kannst.<\/p>\n<p>Mit der WordPress REST API kannst du individuelle L\u00f6sungen f\u00fcr deine WordPress-Website erstellen. Du k\u00f6nntest die WordPress REST API zum Beispiel nutzen, um eine mobile App f\u00fcr deine WordPress-Website zu erstellen oder um ein benutzerdefiniertes Dashboard zu erstellen.<\/p>\n<p>Um mit der WordPress REST API zu beginnen, musst du dich \u00fcber die WordPress-Befehlszeilenschnittstelle mit ihr verbinden. Wir haben k\u00fcrzlich <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-rest-api\/\" rel=\"noopener\">ein Tutorial<\/a> zur Einrichtung der WordPress REST API ver\u00f6ffentlicht, das dich durch die einzelnen Schritte f\u00fchrt.<\/p>\n<h3>Schritt 10: Erstelle und befolge einen Style Guide<\/h3>\n<p>Ein Styleguide ist eine Sammlung von Richtlinien f\u00fcr die Programmierung und Gestaltung deiner WordPress-Website. Ein Styleguide hilft dir dabei, sicherzustellen, dass dein Code konsistent und leicht zu lesen ist.<\/p>\n<p>Es gibt eine Reihe verschiedener <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/responsiven-webdesign\/\" rel=\"noopener\">Styleguides<\/a>, die du f\u00fcr dein WordPress-Projekt verwenden kannst. Wir empfehlen, die <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Coding Standards<\/a> als Ausgangspunkt zu verwenden. Im Laufe der Zeit wirst du jedoch wahrscheinlich zahlreiche \u00c4nderungen und Erg\u00e4nzungen vornehmen.<\/p>\n<figure id=\"attachment_132903\" aria-describedby=\"caption-attachment-132903\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-132903 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/wordpress-coding-standards.png\" alt=\"WordPress Coding Standards im offiziellen WordPress Codex.\" width=\"900\" height=\"536\"><figcaption id=\"caption-attachment-132903\" class=\"wp-caption-text\">WordPress Coding Standards im offiziellen WordPress Codex.<\/figcaption><\/figure>\n<p>Jeder Style Guide, den du erstellst, wird sich wahrscheinlich st\u00e4ndig \u00e4ndern. Wichtig ist jedoch, dass er eine festgelegte Sammlung von Schritten und Richtlinien enth\u00e4lt, an die sich alle Entwickler\/innen in deinem Team halten m\u00fcssen.<\/p>\n<p>Im Grunde genommen sollte dein Styleguide dein WordPress-Workflow in schriftlicher Form sein.<\/p>\n<h3>Schritt 11: Schalte deine Seite live<\/h3>\n<p>Wenn du alle oben genannten Schritte abgeschlossen hast, ist deine WordPress-Website bereit, <a href=\"https:\/\/staging.kinsta.site\/docs\/push-staging-live\/\">live geschaltet<\/a> zu werden. Wenn du ein Deployment-Plugin wie WP Pusher verwendest, ist dieser Prozess so einfach wie das Pushen deines Codes in dein entferntes Git-Repository.<\/p>\n<p>Du kannst dies auch direkt in Kinsta tun, indem du zu <strong>MyKinsta &gt; Sites<\/strong> gehst, deine Site ausw\u00e4hlst und dann auf<strong> Umgebungsaktionen<\/strong> klickst. Dort klickst du auf <strong>Push to Live<\/strong>.<\/p>\n<figure id=\"attachment_54543\" aria-describedby=\"caption-attachment-54543\" style=\"width: 2208px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54543\" src=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de.png\" alt=\"Mit Kinsta eine Site auf einen Live-Server pushen.\" width=\"2208\" height=\"868\" srcset=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de.png 2208w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de-300x118.png 300w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de-1024x403.png 1024w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de-768x302.png 768w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de-1536x604.png 1536w, https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/push-to-live-mykinsta-de-2048x805.png 2048w\" sizes=\"auto, (max-width: 2208px) 100vw, 2208px\" \/><figcaption id=\"caption-attachment-54543\" class=\"wp-caption-text\">Mit Kinsta eine Site auf einen Live-Server pushen.<\/figcaption><\/figure>\n<p>Als N\u00e4chstes aktivierst du das K\u00e4stchen neben <strong>Dateien<\/strong> oder <strong>Datenbank<\/strong> (um beides zu aktivieren), gibst den Namen der Website ein und klickst dann auf <strong>Push to Live<\/strong>.<\/p>\n<p>Wenn du kein Deployment-Plugin oder Git verwendest, kannst du deine WordPress-Datenbank einfach aus deiner lokalen Entwicklungsumgebung exportieren und auf deinen Live-Server importieren. Dazu gehst du in deinem WordPress-Admin-Dashboard auf <strong>Extras &gt; Exportieren<\/strong>.<\/p>\n<p>W\u00e4hle dann <strong>Alle Inhalte<\/strong> aus den Exportoptionen aus und klicke auf die Schaltfl\u00e4che <strong>Exportdatei herunterladen<\/strong>. Sobald du deine Datenbankdatei hast, kannst du sie auf deinen Live-Server importieren, indem du in deinem WordPress-Admin-Dashboard auf <strong>Extras &gt; Importieren<\/strong> gehst. W\u00e4hle die Datenbankdatei aus, die du gerade exportiert hast, und klicke auf die Schaltfl\u00e4che <strong>Datei hochladen und importieren<\/strong>.<\/p>\n<p>Du kannst deine WordPress-Dateien auch manuell von deiner lokalen Entwicklungsumgebung auf deinen Live-Server \u00fcbertragen, indem du einen <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/besten-ftp-clients\/\" rel=\"noopener\">FTP-Client<\/a> wie <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wie-man-filezilla-benutzt\/\" rel=\"noopener\">FileZilla<\/a> benutzt. Verbinde dich einfach per FTP mit deinem Live-Server und ziehe deine WordPress-Dateien per Drag &#038; Drop in das Verzeichnis <em>public_html<\/em>.<\/p>\n<p>Sobald du deine WordPress-Website in den Live-Betrieb \u00fcberf\u00fchrt hast, kannst du alles in Ruhe testen und sicherstellen, dass alles so funktioniert, wie es soll.<\/p>\n<p>Dies ist auch ein guter Zeitpunkt, um sicherzustellen, dass <a href=\"https:\/\/staging.kinsta.site\/de\/apm-tool\/\" rel=\"noopener\">Kinsta AMP<\/a> richtig funktioniert. Dieses Tool zur Leistungs\u00fcberwachung \u00fcberwacht die Leistung deines Servers und sorgt daf\u00fcr, dass deine Website so schnell wie m\u00f6glich l\u00e4uft.<\/p>\n<figure id=\"attachment_132905\" aria-describedby=\"caption-attachment-132905\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-132905\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/09\/kinsta-amp.png\" alt=\"Kinsta AMP\" width=\"900\" height=\"397\"><figcaption id=\"caption-attachment-132905\" class=\"wp-caption-text\">Kinsta AMP<\/figcaption><\/figure>\n\n\n<h2>Zusammenfassung<\/h2>\n<p>Wie du siehst, gibt es eine Menge zu beachten, um einen WordPress-Entwicklungsworkflow zu erstellen. Aber wenn du diese Schritte befolgst, kannst du sicherstellen, dass deine WordPress-Website gut organisiert und einfach zu verwalten ist und reibungslos l\u00e4uft.<\/p>\n<p>Und du kannst nichts falsch machen, wenn du dich auf Kinsta-Produkte wie <a href=\"https:\/\/staging.kinsta.site\/de\/devkinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">DevKinsta<\/a>, das <a href=\"https:\/\/staging.kinsta.site\/feature-updates\/premium-staging-environments\/\" rel=\"noopener\">Premium Staging Environments Add-on<\/a> und <a href=\"https:\/\/staging.kinsta.site\/de\/apm-tool\/\" rel=\"noopener\">Kinsta AMP<\/a> verl\u00e4sst. Diese Tools machen deinen WordPress-Entwicklungsworkflow noch einfacher und effizienter.<\/p>\n<p>Hast du Fragen zum Erstellen eines WordPress-Entwicklungsworkflows? Lass es uns in den Kommentaren unten wissen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress ist eine gro\u00dfartige Plattform, aber manchmal kann sie auch ein wenig unorganisiert sein &#8211; zumindest aus der Sicht des Codes.Das liegt daran, dass der Code &#8230;<\/p>\n","protected":false},"author":199,"featured_media":54521,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[361,497,540,744],"topic":[],"class_list":["post-54498","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-code","tag-staging","tag-wordpress-customization","tag-workflows"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt<\/title>\n<meta name=\"description\" content=\"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt\" \/>\n<meta property=\"og:description\" content=\"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-28T07:57:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-29T14:19:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"19\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/f0ebf6a27c57227668cdd6bd9e0553c7\"},\"headline\":\"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt\",\"datePublished\":\"2022-09-28T07:57:09+00:00\",\"dateModified\":\"2022-11-29T14:19:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\"},\"wordCount\":3672,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\",\"keywords\":[\"code\",\"staging\",\"wordpress customization\",\"workflows\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\",\"url\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\",\"name\":\"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\",\"datePublished\":\"2022-09-28T07:57:09+00:00\",\"dateModified\":\"2022-11-29T14:19:10+00:00\",\"description\":\"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/de\/\",\"name\":\"Kinsta\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/f0ebf6a27c57227668cdd6bd9e0553c7\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a0fefaf911a441707ce26b79cea9409874bf0563e42f6dc13ba78610d121321e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a0fefaf911a441707ce26b79cea9409874bf0563e42f6dc13ba78610d121321e?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Content Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems :). Come see what I am up to on my website.\",\"url\":\"https:\/\/staging.kinsta.site\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt","description":"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt","og_description":"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.","og_url":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-09-28T07:57:09+00:00","article_modified_time":"2022-11-29T14:19:10+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.","twitter_image":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"19\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#article","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/f0ebf6a27c57227668cdd6bd9e0553c7"},"headline":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt","datePublished":"2022-09-28T07:57:09+00:00","dateModified":"2022-11-29T14:19:10+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/"},"wordCount":3672,"commentCount":0,"publisher":{"@id":"https:\/\/staging.kinsta.site\/de\/#organization"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","keywords":["code","staging","wordpress customization","workflows"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/","url":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/","name":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","datePublished":"2022-09-28T07:57:09+00:00","dateModified":"2022-11-29T14:19:10+00:00","description":"Wenn du regelm\u00e4\u00dfig mit WordPress arbeitest, brauchst du eine feste To-Do-Liste f\u00fcr alle Entwicklungsaufgaben. Hier zeigen wir dir den idealen WordPress-Workflow f\u00fcr Entwickler.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#primaryimage","url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","contentUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2022\/09\/wordpress-workflow.jpeg","width":1460,"height":730,"caption":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-workflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/de\/"},{"@type":"ListItem","position":2,"name":"Wie man einen effektiven WordPress-Workflow f\u00fcr Entwickler erstellt"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/de\/#website","url":"https:\/\/staging.kinsta.site\/de\/","name":"Kinsta","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/staging.kinsta.site\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/de\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE"]},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/f0ebf6a27c57227668cdd6bd9e0553c7","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0fefaf911a441707ce26b79cea9409874bf0563e42f6dc13ba78610d121321e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0fefaf911a441707ce26b79cea9409874bf0563e42f6dc13ba78610d121321e?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Content Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems :). Come see what I am up to on my website.","url":"https:\/\/staging.kinsta.site\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/54498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/comments?post=54498"}],"version-history":[{"count":15,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/54498\/revisions"}],"predecessor-version":[{"id":56486,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/54498\/revisions\/56486"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/translations\/dk"},{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/54498\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/media\/54521"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/media?parent=54498"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/tags?post=54498"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/topic?post=54498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}