{"id":30299,"date":"2019-12-11T13:46:58","date_gmt":"2019-12-11T21:46:58","guid":{"rendered":"https:\/\/kinsta.com\/?p=56620"},"modified":"2023-10-03T12:00:01","modified_gmt":"2023-10-03T11:00:01","slug":"wie-du-dein-wordpress-theme-anpasst","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/","title":{"rendered":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)"},"content":{"rendered":"<p>Wenn du ein WordPress-Theme installiert hast, es aber nicht ganz richtig f\u00fcr dich ist, f\u00fchlst du dich vielleicht frustriert. Es gibt viele Optionen, mit denen du dein <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">WordPress-Themen<\/a> anpassen kannst.<\/p>\n<p>Die Herausforderung besteht darin, den richtigen Weg zu finden.<\/p>\n<p>In diesem Beitrag f\u00fchre ich dich durch die Optionen zur Anpassung deines WordPress-Themes, helfe dir zu entscheiden, welches das Richtige f\u00fcr dich ist und zeige dir, wie du es sicher und effizient machst.<\/p>\n<h3>Willst du lieber die <a href=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\">Video-Version<\/a> sehen?<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\"><\/kinsta-video>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Optionen zum Anpassen eines Themes<\/h2>\n<p>Bevor wir eintauchen und anfangen, \u00c4nderungen an deinem Theme vorzunehmen, lohnt es sich zu verstehen, was die Optionen sind, da sie f\u00fcr verschiedene Situationen geeignet sind.<\/p>\n<p>Hier siehst du eine \u00dcbersicht \u00fcber die dir zur Verf\u00fcgung stehenden Optionen:<\/p>\n<ul>\n<li>Wenn du Funktionalit\u00e4t zu deinem Theme hinzuf\u00fcgen m\u00f6chtest, installiere ein Plugin.<\/li>\n<li>Verwende den Customizer in deinen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-admin\/\">WordPress-Admin Bereich<\/a>, um <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-fonts-in-wordpress-aendert\/\">Schriften<\/a>, Farben und vielleicht auch das Layout je nach Theme anzupassen.<\/li>\n<li>Wenn du mit einem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\">Page Builder-Theme<\/a> arbeitest, nutze dessen Funktionen, um das Design deiner Website anzupassen.<\/li>\n<li>Wenn du ein Framework-Theme installiert hast, benutze eines der verf\u00fcgbaren Child-Themes, um deine Website anzupassen, zusammen mit allen m\u00f6glichen Anpassungsoptionen, die die Admin-Screens besitzen.<\/li>\n<li>Wenn dein Theme spezifisch f\u00fcr deine Website ist und du es f\u00fcr dich kein Problem ist, bearbeite den Code des Themes direkt.<\/li>\n<li>Wenn du den Code eines Themes eines Drittanbieters bearbeiten m\u00f6chtest, <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\">erstelle ein Child-Theme.<\/a><\/li>\n<\/ul>\n<p>Wenn du den <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">Code bearbeiten<\/a> m\u00f6chtest, hast du eine Reihe von Optionen zur Verf\u00fcgung, von der Verwendung des <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Blockeditors<\/a> \u00fcber den Customizer bis hin zur Bearbeitung der Dateien. Wir werden sie alle in diesem Beitrag betrachten, aber lasst uns mit der einfachsten Option beginnen: der Installation eines Plugins.<\/p>\n<h2>Musst du eigentlich dein Theme anpassen?<\/h2>\n<p>Manchmal musst du dein Theme gar nicht anpassen: stattdessen musst du ein <a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-wordpress-plugins\/\">Plugin installieren.<\/a><\/p>\n<p>Themes bestimmen das Design deiner Website: wie sie aussieht und wie sie Inhalte pr\u00e4sentiert (verwende unser <a href=\"https:\/\/kinsta.com\/de\/tools\/wordpress-theme-detector\/\">Theme-Detector-Tool<\/a>, um das zugrunde liegende Theme f\u00fcr ein Design zu identifizieren, das dir gef\u00e4llt). Plugins f\u00fcgen zus\u00e4tzliche Funktionen hinzu.<\/p>\n<p>Wenn sich die \u00c4nderungen, die du vornehmen m\u00f6chtest, auf Funktionalit\u00e4t und nicht auf Design konzentrieren, solltest du ein Plugin selbst installieren. Dies kann ein Plugin sein, das du schreiben musst, eines, das du aus dem Plugin-Verzeichnis herunterl\u00e4dst oder das du kaufst.<\/p>\n<p>Wenn du die Datei functions.php in deinem Theme bearbeiten m\u00f6chtest, frag dich selbst:<\/p>\n<blockquote><p>\u201cW\u00fcrde ich diese Funktionalit\u00e4t beibehalten wollen, wenn ich in Zukunft die Themes wechseln w\u00fcrde?<\/p><\/blockquote>\n<p>Wenn die Antwort ja ist, sollte dieser Code in ein Plugin gehen, nicht in dein Theme.<\/p>\n<p>Gute Beispiele daf\u00fcr, was du mit einem Plugin anstelle eines Themes verwenden w\u00fcrdest, einschlie\u00dflich dem Hinzuf\u00fcgen von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-widgets\/\">Widgets<\/a>, dem Registrieren von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-benutzerdefinierte-beitragstypen\/\">benutzerdefinierten Posttypen<\/a> und Taxonomien, dem Erstellen von benutzerdefinierten Feldern und dem Hinzuf\u00fcgen zus\u00e4tzlicher Funktionen wie einem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-ecommerce-plugins\/\">Shop<\/a> oder SEO-Erweiterungen.<\/p>\n<h2>Anpassen des WordPress-Themes \u00fcber die WordPress Admin-Screens<\/h2>\n<p>Wenn die \u00c4nderungen, die du vornehmen m\u00f6chtest, designorientiert und relativ einfach sind, kannst du sie vielleicht \u00fcber die Admin-Screens vornehmen. Der Customizer bietet dir eine Vielzahl von Optionen, um dein Theme zu optimieren: Was dir zur Verf\u00fcgung steht, h\u00e4ngt von deinem Theme ab. Dort findest du auch den sogenannten Editor. Halte dich aus Gr\u00fcnden, die ich in K\u00fcrze beschreiben werde, davon fern.<\/p>\n<h3>Anpassen des Themes \u00fcber den Customizer<\/h3>\n<p>Der einfachste Weg, dein WordPress-Theme anzupassen, ist die Verwendung des WordPress Customizer.<\/p>\n<p>Du kannst auf zwei Arten darauf zugreifen:<\/p>\n<ul>\n<li>Wenn du deine Website betrachtest (wenn du eingeloggt bist), klicke auf den Link <strong>Customize<\/strong> in der Adminleiste oben auf dem Bildschirm.<\/li>\n<li>Klicke in den Admin-Bildschirmen auf<strong> Appearance &gt; Customize<\/strong>.<\/li>\n<\/ul>\n<p>Dadurch gelangt man zum Customizer.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/customizer.jpg\" alt=\"Der WordPress Customizer\" width=\"1500\" height=\"776\"><figcaption class=\"wp-caption-text\">Der WordPress Customizer<\/figcaption><\/figure>\n<p>Im obigen Screenshot habe ich ein kostenloses Design namens <a href=\"https:\/\/wordpress.org\/themes\/colormag\/\">ColorMag<\/a> installiert, das viele Anpassungsm\u00f6glichkeiten bietet. Es wurde dem Customizer f\u00fcr Designfunktionen Abschnitte hinzugef\u00fcgt, darunter ein Header-Bild, Social Media, Kategorienfarben und eine Registerkarte Designoptionen, die dich zu noch mehr Registerkarten f\u00fchrt, auf denen du \u00c4nderungen am Layout und Design deiner Website vornehmen kannst.<\/p>\n<p>Verschiedene Themen haben unterschiedliche Anpassungsoptionen, aber neuere Themes scheinen immer mehr von ihnen hinzuzuf\u00fcgen. Wenn du ein Theme findest, das dir gef\u00e4llt, aber nicht ganz richtig f\u00fcr dich ist, wirst du vielleicht feststellen, dass die Anpassung genau das Design und Layout liefert, das du brauchst.<\/p>\n<h3>Der Themeeditor (und warum man ihn nicht verwenden sollte)<\/h3>\n<p>In deinen Admin-Screens kannst du eine Option namens Theme Editor sehen, die du \u00fcber <strong>Appearance &gt; Theme Editor<\/strong> erh\u00e4ltst.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/theme-editor.jpg\" alt=\"Der WordPress Theme Editor\" width=\"1500\" height=\"772\"><figcaption class=\"wp-caption-text\">Der WordPress Theme Editor<\/figcaption><\/figure>\n<p>Dadurch hast du Zugriff auf die Dateien in deinem Theme, so dass du sie direkt bearbeiten kannst.<\/p>\n<p>Nicht.<\/p>\n<p>Selbst wenn du dich beim <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Schreiben von CSS<\/a> oder PHP wohl f\u00fchlst, ist die Bearbeitung der Dateien in deinem Theme wie diesem eine sehr schlechte Idee, aus zwei Gr\u00fcnden:<\/p>\n<ul>\n<li>Wenn du ein Theme eines Drittanbieters gekauft oder heruntergeladen hast, gehen alle \u00c4nderungen, die du vornimmst, bei der n\u00e4chsten Aktualisierung des Themes verloren (und <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-aktualisiert\/\">du solltest dein Theme aus Sicherheitsgr\u00fcnden aktualisieren<\/a>).<\/li>\n<li>Noch wichtiger ist, wenn du eine \u00c4nderung vornimmst, die deine Website zerst\u00f6rt, wird sie nicht verfolgt und die vorherige Version der Datei wird nicht ge\u00e4ndert. Du k\u00f6nntest die Seite unwiderruflich zerst\u00f6ren.<\/li>\n<\/ul>\n<p>Wenn du den Code in deinem Theme bearbeiten m\u00f6chtest, solltest du es mit einem Code-Editor tun (siehst du sich <a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlose-html-editoren\/\">die besten kostenlosen HTML-Editoren an<\/a><a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlose-html-editoren\/\">)<\/a>, und du solltest die Dateien in deiner Live-Site nicht bearbeiten, bis du sie auf einer <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging-Site<\/a> getestet hast. Wenn du ein Theme eines Drittanbieters bearbeiten musst, solltest du dies \u00fcber ein Child-Theme tun. Mehr zu beiden sp\u00e4ter in diesem Beitrag.<\/p>\n<p>WordPress wei\u00df, wie unsicher es ist, den Theme-Editor zu verwenden: er gibt dir sogar eine Warnung, wenn du versuchst, darauf zuzugreifen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/warnung-theme-editor.jpg\" alt=\"Die Warnung, dass du den Theme Editor nicht benutzen sollst\" width=\"1500\" height=\"1022\"><figcaption class=\"wp-caption-text\">Die Warnung, dass du den Theme Editor nicht benutzen sollst<\/figcaption><\/figure>\n<p>Beachte also den Rat von WordPress: Verwende nicht den Themen-Editor!<\/p>\n<h2>Verwenden von Page Builders und Frameworks zur Anpassung deines WordPress-Themes<\/h2>\n<p>Ein gro\u00dfer Teil der WordPress-Themes verf\u00fcgt \u00fcber Anpassungsoptionen, so dass du \u00c4nderungen an Design und Layout \u00fcber den Customizer vornehmen kannst.<\/p>\n<p>Aber einige Themes gehen noch weiter und sind so konzipiert, dass sie erweitert und deutlich angepasst werden k\u00f6nnen. Diese Themes werden als Theme-Frameworks bezeichnet.<\/p>\n<p>Eine weitere M\u00f6glichkeit ist die Verwendung eines Plugins, mit dem du deine Website \u00fcber eine benutzerfreundliche Oberfl\u00e4che gestalten kannst: Das nennt man Page Builder.<\/p>\n<h3>Verwenden eines Page Builders zur Anpassung des Themes<\/h3>\n<p>Page Builder-Plugins wurden entwickelt, um es dir leicht zu machen, das Design deiner Website festzulegen, indem sie eine Schnittstelle verwenden, mit der du sehen kannst, was du bekommst.<\/p>\n<p>Du installierst ein Page Builder-Plugin mit einem kompatiblen Theme und verwendest dann die Optionen, die es dir gibt, um deine Website genau so zu gestalten, wie du es willst.<\/p>\n<p>Einer der bekanntesten Page Builder ist <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/elementor\/\">Elementor<\/a>, aber du kannst dich in unserer Zusammenstellung der Page Builder \u00fcber <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\">einige Alternativen informieren<\/a>.<\/p>\n<p>Mit den Page Buildern kannst du deine Beitr\u00e4ge und Seiten mit einer Drag-and-Drop-Oberfl\u00e4che bearbeiten, d.h. du kannst sehen, wie dein Inhalt aussehen wird und kannst jede Seite einzigartig machen.<\/p>\n<p>Unten verwende ich den <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/#hello-elementor\">Elementor Page Builder<\/a> mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/#hello-elementor\" target=\"_blank\" rel=\"noopener noreferrer\">Hello Elementor Design<\/a>, das damit kompatibel ist.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/elementor-interface.jpg\" alt=\"Das Elementor Interface\" width=\"1500\" height=\"787\"><figcaption class=\"wp-caption-text\">Das Elementor Interface<\/figcaption><\/figure>\n<p>Page Builder geben dir viel Flexibilit\u00e4t beim Layout und Design deiner Seiten. Wenn du an einen Website-Builder wie <a href=\"https:\/\/kinsta.com\/de\/blog\/wix-vs-wordpress\/\">Wix<\/a> gew\u00f6hnt bist, k\u00f6nnen sie den <a href=\"https:\/\/kinsta.com\/de\/blog\/wix-zu-wordpress\/\">\u00dcbergang zu WordPress <\/a>erleichtern. Und wenn du eine WYSIWYG-Schnittstelle f\u00fcr deine WordPress-Inhalte bevorzugst, k\u00f6nnen sie dir helfen, deine Seiten schnell zu gestalten.<\/p>\n<h3>Verwenden eines Theme-Frameworks zur Anpassung des Themes<\/h3>\n<p>Eine Alternative zu Page Buildern sind Theme Frameworks. Dies sind Suiten von Themes, die so konzipiert sind, dass sie zusammenwirken. Es gibt ein Parent Theme, das das Framework ist, und eine Auswahl an Child Themes, die du verwenden kannst, um das Parent Theme anzupassen und es so aussehen zu lassen, wie du es willst.<\/p>\n<p>Ein Beispiel f\u00fcr Themen-Framework ist <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/#divi\">Divi<\/a>, das \u00fcber Anpassungsoptionen verf\u00fcgt, mit deren Hilfe du das Design deines Child Themes noch weiter optimieren kannst, einschlie\u00dflich einer Drag&#038;Drop-Oberfl\u00e4che, die denen von Page Buildern \u00e4hnelt.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/divi-theme.jpg\" alt=\"Das Divi Theme\" width=\"1500\" height=\"811\"><figcaption class=\"wp-caption-text\">Das Divi Theme<\/figcaption><\/figure>\n<p>Empfohlene Lekt\u00fcre: <a href=\"https:\/\/kinsta.com\/de\/blog\/divi-vs-elementor\/\">Divi vs Elementor: WordPress Page Builder Plugins Vergleich<\/a><\/p>\n<h2>Bearbeiten des Codes deines WordPress-Themes<\/h2>\n<p>Wenn du <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">CSS und\/oder PHP<\/a> bequem bearbeiten kannst, dann kannst du den Code in deinem Theme bearbeiten, um dein Theme anzupassen.<\/p>\n<p>Dies gibt dir ein H\u00f6chstma\u00df an Kontrolle.<\/p>\n<p>Wenn du dein eigenes Theme bearbeitest, das spezifisch f\u00fcr deine Website ist und speziell f\u00fcr sie entwickelt wurde, dann kannst du direkt \u00c4nderungen am Theme vornehmen. Wenn du jedoch mit einem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/#where\">Theme eines Drittanbieters<\/a> arbeiten und dieses bearbeiten m\u00f6chten, solltest du ein Child-Theme erstellen, um zu vermeiden, dass <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-aktualisiert\/#update-custom-theme\">deine \u00c4nderungen beim n\u00e4chsten Update des Themes verloren gehen.<\/a><\/p>\n<h3>Bearbeiten von Themedateien<\/h3>\n<p>Der erste Schritt zur Bearbeitung deines WordPress-Themes ist es, zu verstehen, welche Themendateien was steuern und welche du bearbeiten musst.<\/p>\n<h4>Das Stylesheet<\/h4>\n<p>Jedes WordPress-Theme hat ein Stylesheet, genannt style.css. Es enth\u00e4lt den gesamten Code f\u00fcr die Gestaltung deiner Website: Layout, Schriften, Farben und mehr.<\/p>\n<p>Wenn du beispielsweise die Farben in deinem Design \u00e4ndern m\u00f6chtest, w\u00fcrdest du \u00c4nderungen am Stylesheet vornehmen. Wenn du eine <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-fonts-in-wordpress-aendert\/\">neue Schriftart<\/a> hinzuf\u00fcgen m\u00f6chtest, w\u00fcrdest du das Stylesheet verwenden, um sie auf verschiedene Elemente wie den Flie\u00dftext und die \u00dcberschriften anzuwenden.<\/p>\n<p>Achte bei der Bearbeitung des Stylesheets auf die Spezifit\u00e4t: Spezifit\u00e4t bedeutet, dass der Code f\u00fcr ein Element nicht immer von dort kommt, wo du denkst, dass es ist. Elemente erben das Styling von anderen Elementen, die in der Hierarchie der Seite \u00fcber ihnen liegen, es sei denn, du f\u00fcgst ein Styling hinzu, das spezifisch f\u00fcr das untere Element ist.<\/p>\n<p>Um herauszufinden, was CSS auf welche Elemente der Seite auswirkt, kannst du den Inspektor in deinem Browser verwenden, um das CSS anzuzeigen (in diesem Beispiel Chrome DevTools):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/uberprufen-code-1.jpg\" alt=\"\u00dcberpr\u00fcfen von Code in einer WordPress-Site\" width=\"1500\" height=\"774\"><figcaption class=\"wp-caption-text\">\u00dcberpr\u00fcfen von Code in einer WordPress-Site mit Chrome DevTools<\/figcaption><\/figure>\n<p>Auf diese Weise kannst du dann ein neues CSS schreiben, das auf einzelne Elemente oder eine Reihe von Elementen oder Klassen auf der Seite ausgerichtet ist.<\/p>\n<p>Wenn dir all dieses Gerede \u00fcber Elemente, Klassen und Spezifit\u00e4t neu ist, solltest du dich vielleicht davon fernhalten, das CSS deines Themes direkt zu bearbeiten. Zumindest bis du mehr \u00fcber CSS gelernt hast und wie es funktioniert.<\/p>\n<h4>Die Funktionsdatei<\/h4>\n<p>Eine weitere Datei, die so ziemlich jedes Theme haben wird, ist die Funktionsdatei (functions.php). Dies ist die Datei, die einen Haufen von Sachen in deinem Theme funktionieren l\u00e4sst. Darin findest du Code, um Themefunktionen wie Featured Images, Widgets und mehr zu erfassen.<\/p>\n<p>Wenn du in Versuchung ger\u00e4tst, funktionalen Code zu deinem Theme hinzuzuf\u00fcgen, dann musst du ihn hier hinzuf\u00fcgen. Aber Vorsicht: In den meisten F\u00e4llen solltest du wirklich ein Plugin schreiben. Frag dich selbst:<\/p>\n<blockquote><p>\u201cW\u00fcrde ich diese Funktionalit\u00e4t beibehalten wollen, wenn ich in Zukunft die Themens wechseln w\u00fcrde?\u201d<\/p><\/blockquote>\n<p>Wenn die Antwort ja ist, schreibe ein Plugin, anstatt Code zur Funktionsdatei hinzuzuf\u00fcgen. Plugins m\u00fcssen nicht gro\u00df sein: Es gibt nichts, was dich davon abh\u00e4lt, ein Plugin f\u00fcr ein paar Zeilen Code zu erstellen.<\/p>\n<p>Die Funktionsdatei ist komplett in <a href=\"https:\/\/kinsta.com\/de\/blog\/ist-php-tot\/\">PHP<\/a> geschrieben, daher solltest du damit vertraut sein. Kopiere nicht blind Code, den du \u00fcber eine Google-Suche findest: Nimm dir die Zeit, herauszufinden, was dieser Code tut und ihn zu verstehen. Auf diese Weise ist es weniger wahrscheinlich, dass du Code hinzuf\u00fcgst, der nicht so gut ist, wie er sein sollte.<\/p>\n<h4>Die Theme Template Dateien<\/h4>\n<p>Die meisten Dateien in einem Theme sind Theme Template Dateien. Dies sind Dateien, die bestimmen, welche Inhalte WordPress auf einer bestimmten Seite ausgibt, und die entsprechend der <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#how-wordpress-chooses-template-files\">Vorlagenhierarchie<\/a> ausgew\u00e4hlt werden.<\/p>\n<p>Wenn du die Art und Weise \u00e4ndern m\u00f6chtest, wie Inhalte auf einem bestimmten Posttyp, einer bestimmten Seite oder einem bestimmten Archiv ausgegeben werden, musst du entweder eine dieser Dateien bearbeiten oder eine neue erstellen.<\/p>\n<p>Angenommen, dein Theme hat eine Datei archive.php, die verwendet wird, um Archivseiten f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-taxonomie\/\">Kategorien und Tags<\/a> auszugeben. Du m\u00f6chtest \u00c4nderungen an der Ausgabe von Tags vornehmen. Also erstelle eine Datei namens &#8222;tag.php&#8220;, die auf archive.php mit deinen Optimierungen basiert.<\/p>\n<p>Nochmals, sei vorsichtig beim Bearbeiten der Dateien: Sie k\u00f6nnten deine Website besch\u00e4digen. Teste immer zuerst auf einer lokalen Installation mit einem Tool wie <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">DevKinsta<\/a> und\/oder einer Staging Webseite.<\/p>\n<p>Welchen dieser Dateitypen du auch bearbeiten musst, du solltest es richtig machen. Lies den folgenden Abschnitt \u00fcber bew\u00e4hrte Verfahren, um herauszufinden, wie du deinen Code so bearbeiten kannst, dass er deine Website nicht besch\u00e4digt und dir keine Sicherheitsprobleme bereitet.<\/p>\n<h3>Anpassen eines Drittanbieter-Themes mit einem Child-Theme<\/h3>\n<p>Wenn das Theme, das du auf deiner Website verwendest, von einem Drittanbieter stammt und du den Code bearbeiten m\u00f6chtest, musst du <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#create\">ein Child-Theme erstellen<\/a>.<\/p>\n<p>Denn wenn du das Theme direkt bearbeitest und es dann aktualisierst (was du tun solltest), verlierst du alle \u00c4nderungen, die du vorgenommen hast.<\/p>\n<p>Das Erstellen eines Child-Themes besteht aus vier Schritten:<\/p>\n<ol>\n<li>Erstelle einen neuen Ordner in <strong>wp-content\/themes.<\/strong><\/li>\n<li>Erstelle in diesem Ordner ein Stylesheet. Sage WordPress in diesem Stylesheet, dass es sich um ein Child-Theme deines bestehenden Themes handelt.<\/li>\n<li>F\u00fcge Kopien der zu bearbeitenden Dateien zum Child-Theme hinzu und bearbeite sie dort.<\/li>\n<li>Aktiviere das Child-Theme auf deiner Website.<\/li>\n<\/ol>\n<p>WordPress verwendet immer eine Datei aus dem Child-Theme, um Inhalte auszugeben, es sei denn, es gibt eine Datei, die in der Hierarchie h\u00f6her in dem Parent Theme liegt. Wenn es zwei Versionen derselben Datei gibt, wird diejenige aus dem Child-Theme verwendet. Das bedeutet, dass deine neue Datei im Child-Theme diejenige aus dem Parent-Thema \u00fcberschreibt.<\/p>\n<h2>Best Practices f\u00fcr das Anpassen von WordPress-Themes<\/h2>\n<p>Du hast also vor, dein Theme anzupassen. Bevor du die \u00c4nderungen durchf\u00fchrst, befolge diese Tipps, um sicherzustellen, dass du es sicher machst und dass du deine Website nicht kaputt machst, sie <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-gehacked\/\">anf\u00e4llig f\u00fcr Angriffe<\/a> machst oder deinen Code verlierst.<\/p>\n<h3>Wenn m\u00f6glich, ohne Code\u00e4nderung anpassen<\/h3>\n<p>Wenn du deine Anpassungen \u00fcber den Customizer oder an anderer Stelle in dem Admin Bereich vornehmen kannst, ist dies sicherer als das Bearbeiten des Codes.<\/p>\n<p>Bearbeite den Code nur, wenn du mit CSS (f\u00fcr das Stylesheet) und PHP (f\u00fcr andere Themedateien) vertraut bist und du wei\u00dft, wie man es sicher macht.<\/p>\n<h3>Verwende eine lokale Entwicklungsseite, um deine \u00c4nderungen vorzunehmen.<\/h3>\n<p>Wenn du den Code in deinem Theme bearbeitest oder ein Child-Theme erstellst, um \u00c4nderungen vorzunehmen, solltest du die Entwicklungsarbeit an <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lokal-installieren\/\">einer lokalen Installation von WordPress<\/a> durchf\u00fchren, bei der dein Theme installiert und dein Inhalt von deiner Live-Site kopiert wird.<\/p>\n<p>Auf diese Weise hast du einen Spiegel deiner Live-Site, um deine \u00c4nderungen zu testen. Die Arbeit auf einer lokalen Website hat keine Auswirkungen auf deine Live-Site und kann schneller sein.<\/p>\n<p>Selbst wenn du den Customizer verwendest, kann es hilfreich sein, eine lokale Version deiner Website zum Testen zu verwenden, da du deine \u00c4nderungen ver\u00f6ffentlichen und testen kannst, ohne die Live-Site zu beeintr\u00e4chtigen.<\/p>\n<p>Sobald du die \u00c4nderungen an deinem Theme getestet hast, kannst du es auf deine Live-Site hochladen oder, noch besser, du kannst es auf einer Staging-Site testen und es <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/#push-staging-to-live-1\">dann auf die Live Seite verschieben.<\/a><\/p>\n<h3>Versionskontrolle verwenden<\/h3>\n<p>Wenn du \u00c4nderungen an deinem Theme vornimmst, solltest du die Versionskontrolle verwenden, um deine \u00c4nderungen zu verfolgen.<\/p>\n<p>Im einfachsten Fall bedeutet dies, die Versionsnummer des Themes zu \u00e4ndern und Kopien von beiden Versionen zu behalten. Aber wenn du die Versionskontrolle richtig durchf\u00fchren willst, musst du einen Dienst wie <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-github\/\">GitHub verwenden, um deine \u00c4nderungen zu verfolgen<\/a>.<\/p>\n<p>Auf diese Weise kannst du, wenn eine \u00c4nderung Probleme verursacht, sie einfach zur\u00fccksetzen, ohne manuelle \u00c4nderungen vornehmen zu m\u00fcssen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-versionskontrolle\/\">Die Versionskontrolle<\/a> ist noch hilfreicher, wenn du als Teil eines Teams arbeitest, da du sehen kannst, was andere Mitglieder tun.\u00a0Liest du unbedingt unseren <a href=\"https:\/\/kinsta.com\/de\/blog\/git-vs-github\/\">Leitfaden Git vs. Github<\/a>.<\/p>\n<h3>Verwende eine Staging-Site, um deine \u00c4nderungen zu testen.<\/h3>\n<p>Wenn du Zugang zu einer Staging-Site hast (wie z.B. Kinsta&#8217;s <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">kostenlose Staging<\/a>, das mit allen Pl\u00e4nen geliefert wird), ist es der sicherste Weg, diese zu testen, bevor du die neue Version deines Themes (oder das neue Child-Theme) auf deiner Live-Site aktivierst.<\/p>\n<figure id=\"attachment_46355\" aria-describedby=\"caption-attachment-46355\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-46355 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging.png\" alt=\"MyKinsta Staging\" width=\"2164\" height=\"968\" srcset=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging.png 2164w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging-300x134.png 300w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging-1024x458.png 1024w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging-768x344.png 768w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging-1536x687.png 1536w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/mykinsta-staging-2048x916.png 2048w\" sizes=\"auto, (max-width: 2164px) 100vw, 2164px\" \/><figcaption id=\"caption-attachment-46355\" class=\"wp-caption-text\">MyKinsta Staging<\/figcaption><\/figure>\n<p>Dies liegt daran, dass jede lokale Website einige Unterschiede zu deiner Live-Site aufweist: Sie befindet sich auf einem anderen Server (einer, der auf deiner lokalen Maschine erstellt wurde), sie kann eine andere <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-php-in-wordpress-aktualisiert\/\">Version von PHP<\/a> oder eines der anderen Tools ausf\u00fchren, die deine Website ausf\u00fchren.<\/p>\n<p>Mache eine Kopie deiner Live-Site auf deinem Staging-Server und lade dann dein neues <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/#install-free\">Theme hoch und aktiviere es<\/a>. Teste deine Website gr\u00fcndlich, um sicherzustellen, dass alles funktioniert, und dann kannst du deine \u00c4nderungen auf deine Live-Site \u00fcbertragen.<\/p>\n<h3>Mache dein Theme responsive<\/h3>\n<p>Alle \u00c4nderungen, die du an deinem Theme vornehmen musst, sollten sowohl auf dem Handy als auch auf dem Desktop funktionieren.<\/p>\n<p>Da immer mehr Menschen \u00fcber das Mobiltelefon auf das Internet zugreifen und der <a href=\"https:\/\/kinsta.com\/de\/blog\/google-mobile-first-index\/\">Mobile-first-Index von Google<\/a>, ist es jetzt wahrscheinlich wichtiger, dass dein Theme auf dem Handy funktioniert als auf dem Desktop. Daher m\u00fcssen alle \u00c4nderungen, die du an deinem Theme vornimmst, <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/#mobile-responsiveness\">mobilfreundlich<\/a> oder vorzugsweise mobil first sein, wo dies relevant ist.<\/p>\n<p>Dies gilt vor allem f\u00fcr alle \u00c4nderungen, die du an deinem Styling oder Layout vornimmst: \u00dcberpr\u00fcfe, ob das neue Layout auf dem Handy funktioniert und ob du Medienabfragen hinzugef\u00fcgt hast, so dass sich das Layout an unterschiedliche Bildschirmgr\u00f6\u00dfen anpasst.<\/p>\n<p>Wenn dein <a href=\"https:\/\/kinsta.com\/de\/blog\/responsiven-webdesign\/\">Theme nicht responsive<\/a> ist, wird es sich negativ auf dein <a href=\"https:\/\/kinsta.com\/de\/blog\/googles-patente-seo-ranking-faktoren\/\">Suchmaschinen-Ranking<\/a> und deine <a href=\"https:\/\/kinsta.com\/de\/blog\/tipps-zur-optimierung-der-conversion-rate\/\">Konversionsraten<\/a> auswirken.<\/p>\n<p>Wenn du keinen Zugriff auf viele verschiedene mobile Ger\u00e4te hast, auf denen du testen kannst, kannst du ein Tool wie <a href=\"https:\/\/www.browserstack.com\/\">BrowserStack<\/a> verwenden, um zu sehen, wie deine Website auf verschiedenen Ger\u00e4ten aussieht. Du kannst auch die Developer-Tools in deinem Browser und die responsive views im Customizer verwenden.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/responsive-tools-in-customizer.jpg\" alt=\"Responsive Tools im WordPress Customizer\" width=\"1500\" height=\"862\"><figcaption class=\"wp-caption-text\">Responsive Tools im WordPress Customizer<\/figcaption><\/figure>\n<h3>Stelle sicher, dass deine Anpassungen keinen Einfluss auf die Barrierefreiheit haben.<\/h3>\n<p>Alle \u00c4nderungen an deinem Theme m\u00fcssen auch f\u00fcr Benutzer mit Behinderungen oder sensorischen Beeintr\u00e4chtigungen zug\u00e4nglich sein.<\/p>\n<p>Dabei geht es nicht nur darum, sicherzustellen, dass deine Website mit Screenreadern funktioniert: Andere Aspekte <a href=\"https:\/\/kinsta.com\/de\/blog\/webseiten-farbschemata\/\" target=\"_blank\" rel=\"noopener noreferrer\">wie Farbschemata<\/a> und Schriftgr\u00f6\u00dfen sind f\u00fcr eine gro\u00dfe Anzahl von Menschen wichtig.<\/p>\n<p>Wenn die \u00c4nderungen, die du an deinem Theme vornimmst, darin bestehen, die Farben heller oder den Text kleiner zu machen, denk noch einmal nach: Das k\u00f6nnte es f\u00fcr Leute schwierig machen, deine Seite zu lesen oder mit ihr zu interagieren.<\/p>\n<p>Bevor du irgendwelche \u00c4nderungen live durchf\u00fchrst, benutze einen <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\">Accessibility-Checker<\/a>, um deine Website zu testen und sicherzustellen, dass sie keine Personen ausschlie\u00dft.<\/p>\n<h3>Einhaltung der WordPress Programmierstandards f\u00fcr die Codierung<\/h3>\n<p>Wenn du den Code in deinem Design bearbeitest oder ein Child-Theme erstellst, musst du sicherstellen, dass dein Code mit den <a href=\"https:\/\/codex.wordpress.org\/WordPress_Coding_Standards\">WordPress Programmierstandards<\/a> \u00fcbereinstimmt.<\/p>\n<p>Diese Standards existieren, um Konsistenz und Qualit\u00e4t des Codes zu gew\u00e4hrleisten und um zu vermeiden, <a href=\"https:\/\/kinsta.com\/blog\/is-wordpress-code-really-a-mess\/\">dass Code ein Chaos ist<\/a>. Es gibt Standards f\u00fcr PHP, CSS und JavaScript, also nimm dir etwas Zeit, um die f\u00fcr dich relevanten zu \u00fcberpr\u00fcfen und sicherzustellen, dass du sie befolgst.<\/p>\n<p>Wenn dein bestehendes WordPress-Theme gut programmiert ist und du jeden neuen Code in einer Weise schreibst, die damit \u00fcbereinstimmt, bist du auf dem besten Weg, sicherzustellen, dass dein Code konform ist. Stelle sicher, dass du Kommentare zu allen \u00c4nderungen, die du am Theme vorgibst, hinzuf\u00fcgst, damit du oder andere wissen, was du getan hast, wenn du in Zukunft wieder an dem Code arbeiten m\u00f6chtest. Du denkst vielleicht, dass du es nicht vergessen wirst, aber nach ein paar Monaten ist es \u00fcberraschend leicht zu vergessen, warum du eine Zeile Code bearbeitet hast.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Das Anpassen deines WordPress Themes ist gar nicht so schwierig. Manchmal reicht es aus, den Customizer zu benutzen, um die Schriftarten, Farben oder dein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-favicon\/\">Favicon<\/a> zu \u00e4ndern (lies unbedingt unseren ausf\u00fchrlichen Guide \u00fcber <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-fonts\/\">WordPress-Schriftarten<\/a>). In anderen F\u00e4llen musst du ein neues Child-Theme erstellen, um eine neue Vorlagendatei zu einem Theme hinzuzuf\u00fcgen.<\/p>\n<p>Zu den Optionen, die du hast, um dein Theme anzupassen, geh\u00f6ren die Verwendung eines Plugins oder des Customizers, die direkte Bearbeitung des Codes des WordPress-Themes oder die Erstellung eines Child-Themes.<\/p>\n<p>Identifiziere die richtige Option f\u00fcr dich selbst und mache deine Anpassungen sicher, ohne deine Website zu besch\u00e4digen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn du ein WordPress-Theme installiert hast, es aber nicht ganz richtig f\u00fcr dich ist, f\u00fchlst du dich vielleicht frustriert. Es gibt viele Optionen, mit denen du &#8230;<\/p>\n","protected":false},"author":105,"featured_media":30301,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[504,236,132],"topic":[999,1009],"class_list":["post-30299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress-featured-post","tag-wordpress-theme","tag-wptips","topic-wordpress-entwicklung","topic-wordpress-themes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)<\/title>\n<meta name=\"description\" content=\"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)\" \/>\n<meta property=\"og:description\" content=\"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-11T21:46:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-03T11:00:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\" \/>\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=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"16\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)\",\"datePublished\":\"2019-12-11T21:46:58+00:00\",\"dateModified\":\"2023-10-03T11:00:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\"},\"wordCount\":3478,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\",\"keywords\":[\"wordpress featured post\",\"WordPress-Theme\",\"wptips\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\",\"name\":\"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\",\"datePublished\":\"2019-12-11T21:46:58+00:00\",\"dateModified\":\"2023-10-03T11:00:01+00:00\",\"description\":\"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png\",\"width\":1460,\"height\":730,\"caption\":\"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-Themes\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)","description":"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.","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:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/","og_locale":"de_DE","og_type":"article","og_title":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)","og_description":"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.","og_url":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2019-12-11T21:46:58+00:00","article_modified_time":"2023-10-03T11:00:01+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Rachel McCollin","Gesch\u00e4tzte Lesezeit":"16\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)","datePublished":"2019-12-11T21:46:58+00:00","dateModified":"2023-10-03T11:00:01+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/"},"wordCount":3478,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","keywords":["wordpress featured post","WordPress-Theme","wptips"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/","url":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/","name":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","datePublished":"2019-12-11T21:46:58+00:00","dateModified":"2023-10-03T11:00:01+00:00","description":"M\u00f6chtest du das Aussehen deines WordPress-Themes \u00e4ndern? Erfahre, wie du WordPress-Themes mit einer der besten Methoden (Tutorial) richtig anpassen kannst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/wie-du-dein-wordpress-theme-anpasst-.png","width":1460,"height":730,"caption":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress-Themes","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/"},{"@type":"ListItem","position":3,"name":"Wie du dein WordPress-Theme anpasst (5 Schritt-f\u00fcr-Schritt-Anleitungen)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/de\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/30299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=30299"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/30299\/revisions"}],"predecessor-version":[{"id":46357,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/30299\/revisions\/46357"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/30299\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/30301"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=30299"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=30299"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=30299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}