{"id":51667,"date":"2023-11-28T07:00:36","date_gmt":"2023-11-28T15:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=51667"},"modified":"2025-01-16T11:26:56","modified_gmt":"2025-01-16T19:26:56","slug":"leitfaden-zur-entwicklung-eines-wp-themes","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/","title":{"rendered":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen?"},"content":{"rendered":"\n<p>Wenn Sie etwas auf eine bestimmte Weise erledigt haben m\u00f6chten \u2014 nun, dann m\u00fcssen Sie es vielleicht selbst tun. Obwohl viele gro\u00dfartige <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-wp-themes-findet\/\" target=\"_blank\" rel=\"noopener\">WordPress-Themes<\/a> verf\u00fcgbar sind, kann es schwierig sein, eines zu finden, das Ihren spezifischen Anforderungen entspricht. Auf Ihrer Suche nach der perfekten L\u00f6sung k\u00f6nnten Sie versucht sein, Ihr eigenes benutzerdefiniertes WordPress-Theme zu erstellen.<\/p>\n\n\n\n<p>Gl\u00fccklicherweise ist das Erstellen eines benutzerdefinierten Themes f\u00fcr WordPress ein relativ unkomplizierter Prozess. \u00dcberraschenderweise erfordert es nicht viel technisches Wissen oder Erfahrung mit Webentwicklung. Au\u00dferdem kann das Erstellen Ihres eigenen Themes sehr lohnend sein, da Sie Ihre Website genau so gestalten k\u00f6nnen, wie Sie es m\u00f6chten.<\/p>\n\n\n\n<h2 id=\"design\" class=\"wp-block-heading\">Entwerfen einer benutzerdefinierten WordPress-Website<\/h2>\n\n\n\n<p>Sie m\u00f6chten, dass Ihre Website gro\u00dfartig aussieht und \u00fcber alle Funktionen verf\u00fcgt, die Sie ben\u00f6tigen, deshalb schauen Sie sich das <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Theme Directory<\/a> an:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes.jpg\" alt=\"Screenshot der Hauptansicht der WordPress-Themes mit drei angezeigten Themenoptionen\" class=\"wp-image-42452 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-300x150.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1024x512.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-768x384.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1536x768.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-600x300.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1200x600.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-730x365.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1460x730.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-784x392.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1568x784.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-877x439.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/800;\" \/><\/figure>\n\n\n\n<p>Leider erf\u00fcllt nichts, was Sie sehen, Ihre Anforderungen, und Sie m\u00f6chten nicht bei Ihrer Vision Kompromisse eingehen. Vielleicht m\u00f6chten Sie etwas Einzigartiges, um Ihre Website hervorzuheben, aber Sie m\u00f6chten kein Geld f\u00fcr ein Premium-Theme ausgeben.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Seitenersteller<\/h3>\n\n\n\n<p>Eine Option ist die Verwendung eines <a href=\"https:\/\/www.dreamhost.com\/de\/ki-website-builder\/\" target=\"_blank\" rel=\"noopener\">Page Builder<\/a> Plugins. Diese Werkzeuge erm\u00f6glichen es Ihnen, ein vorhandenes Thema zu nehmen und das Layout nach Ihren Bed\u00fcrfnissen neu zu arrangieren. Die meisten beliebten Page Builder bieten einfache Drag-and-Drop-Steuerungen ohne Codierungsanforderungen. Bestimmte Mehrzweck-Themen sind bereits mit dieser Funktion ausgestattet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block-Themes<\/h3>\n\n\n\n<p>Wenn Sie sich entscheiden, den nativen WordPress-Editor auszuprobieren, ist die vollst\u00e4ndige Seitenbearbeitung ein Funktionsset in WordPress, das mehrere Tools umfasst, um den Designprozess f\u00fcr Seitenbesitzer zug\u00e4nglicher zu machen.<\/p>\n\n\n\n<p>Mit diesem neuen Site Editor k\u00f6nnen Sie Drag-and-Drop-Bl\u00f6cke verwenden, um den Gro\u00dfteil Ihrer Website \u00fcber eine einzige Schnittstelle anzupassen, einschlie\u00dflich Seitenvorlagen, ohne Code zu verwenden. Hier ist unser vollst\u00e4ndiger <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Leitfaden zur vollst\u00e4ndigen Seitenbearbeitung<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Themenanpassung<\/h3>\n\n\n\n<p>Wenn Sie ein anpassbares Theme w\u00e4hlen, k\u00f6nnen Sie auch das Aussehen Ihrer Website \u00e4ndern, ohne technisch zu werden. Mit dem WordPress Customizer und dem Theme Options Panel sollten Sie in der Lage sein, verschiedene Designelemente anzupassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Farbschema<\/b>: Von der Hintergrundfarbe Ihrer Website bis zum speziellen Farbton Ihres Flie\u00dftextes.<\/li>\n\n\n\n<li><b>Typografie<\/b>: Dies umfasst die auf Ihrer Website verwendeten Schriftarten und wie Text in verschiedenen Inhaltstypen dargestellt wird.<\/li>\n\n\n\n<li><b>Layout<\/b>: Bestimmte Themen erm\u00f6glichen es Ihnen, zwischen verschiedenen Layouts zu wechseln und zu w\u00e4hlen, wie Ihre Website sich an verschiedene Bildschirmgr\u00f6\u00dfen anpassen soll.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Die genaue Auswahl der Optionen hier h\u00e4ngt von dem gew\u00e4hlten Theme ab und wie es mit dem Rest Ihrer Markenwerte und <a href=\"https:\/\/www.hubspot.com\/campaign-assistant\" target=\"_blank\" rel=\"noreferrer noopener\">Marketingkampagnen<\/a> koordiniert. Premium-Themes bieten in der Regel gro\u00dfz\u00fcgigere Anpassungsfunktionen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erstellen eines Child-Themes<\/h3>\n\n\n\n<p>Wenn Sie mehr Kontrolle w\u00fcnschen, k\u00f6nnten Sie erw\u00e4gen, <a href=\"https:\/\/www.dreamhost.com\/blog\/install-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">ein Child-Theme zu erstellen<\/a>.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Child Theme<\/h3>\n    <p>Ein u2018Child Themeu2019 ist ein WordPress-Theme mit demselben Aussehen und derselben Funktionalit\u00e4t wie sein u2018Parent Themeu2019. Sie k\u00f6nnen jedoch seine Dateien unabh\u00e4ngig von den Dateien des Parent Themes anpassen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/child-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n\n\n<p>Angesichts der Anzahl der Auswahlm\u00f6glichkeiten im WordPress Themes-Verzeichnis werden Sie wahrscheinlich ein Theme finden, das einige (wenn nicht alle) Ihrer Anforderungen erf\u00fcllt. Anstatt von einer sehr grundlegenden Vorlage auszugehen, k\u00f6nnen Sie das vorhandene Theme an Ihre Vision anpassen.<\/p>\n\n\n\n<p>Auf den ersten Blick funktioniert ein WordPress Child-Theme wie jedes andere Thema. Der entscheidende Unterschied besteht darin, dass ein Child-Theme Attribute von einem Eltern-Theme erbt (dem urspr\u00fcnglichen Thema, das Sie gew\u00e4hlt haben, zu verwenden).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes.jpg\" alt=\"Vier Eltern-Themen-Optionen, die um eine Option zum &quot;Hinzuf\u00fcgen Ihres Themas&quot; angezeigt werden\" class=\"wp-image-42453 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Diese Beziehung erm\u00f6glicht es dem Child-Theme, bestimmte Teile des Parent-Themes zu \u00fcberschreiben, w\u00e4hrend der Gro\u00dfteil des Aussehens und der Funktionalit\u00e4t des Parent-Themes erhalten bleibt.<\/p>\n\n\n\n<p>Child-Themes bieten eine effiziente Methode, ein bestehendes Theme zu personalisieren, ohne die Dateien des Eltern-Themes zu modifizieren. Das Aktualisieren der Eltern- und Child-Themes f\u00fcr Sicherheitsupdates und Fehlerbehebungen ist wesentlich. Meistens muss nur das Eltern-Theme aktualisiert werden.<\/p>\n\n\n\n<p>Ein Child-Theme zu verwenden ist daher eine effektive Methode, um eine einzigartige Online-Pr\u00e4senz zu schaffen, ohne zu tief in die Welt der Entwicklung einzutauchen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vollst\u00e4ndige Kontrolle<\/h3>\n\n\n\n<p>Manchmal ist selbst das nicht genug. Wenn Sie etwas wirklich Einzigartiges erstellen m\u00f6chten, ist es an der Zeit, dar\u00fcber nachzudenken, Ihr eigenes Theme zu erstellen.<\/p>\n\n\n\n<p>Gl\u00fccklicherweise ist die Entwicklung eines Themes f\u00fcr WordPress einfacher als Sie vielleicht denken. Dank der benutzerfreundlichen Schnittstelle der Plattform und den zahlreichen verf\u00fcgbaren Werkzeugen kann fast jeder ein benutzerdefiniertes Theme erstellen.<\/p>\n\n\n\n<p>Wir werden Sie durch den Prozess der Erstellung Ihres ersten Themes f\u00fchren. Um anzufangen, ben\u00f6tigen Sie zwei Dinge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ihre eigene <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/kosten-fur-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">WordPress-Website<\/a><\/li>\n\n\n\n<li>Ein <a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/\" target=\"_blank\" rel=\"noopener\">qualitativ hochwertiger Hosting-Plan<\/a><\/li>\n\n\n<\/ul>\n\n\n\n<p>Sie profitieren auch davon, Erfahrung mit lokalen <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/anfangerleitfaden-zum-staging-von-websites\/\" target=\"_blank\" rel=\"noopener\">Staging-Umgebungen<\/a> zu haben, da Sie eine davon verwenden werden, um Ihr Thema zu erstellen. Es ist auch hilfreich, ein gewisses Verst\u00e4ndnis von <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/css-lernen\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a> und <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/php-lernen\/\" target=\"_blank\" rel=\"noopener\">PHP<\/a> zu haben (obwohl dies nicht unbedingt erforderlich ist).<\/p>\n\n\n\n<p>Schlie\u00dflich gibt es ein wichtiges Werkzeug, das Sie haben m\u00f6chten, welches den Prozess erheblich erleichtern wird: ein Starter-Theme.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"starter\" class=\"wp-block-heading\">Was ist ein Starter-Theme? (Und warum sollten Sie eines verwenden)<\/h2>\n\n\n\n<p>Ein Starter-Theme ist ein grundlegendes WordPress-Theme, das Sie als Basis verwenden k\u00f6nnen, um Ihr eigenes zu erstellen. Dies erm\u00f6glicht es Ihnen, auf einem soliden Framework aufzubauen, ohne sich um die Komplexit\u00e4ten der Codierung eines Themes von Grund auf neu k\u00fcmmern zu m\u00fcssen. Es wird Ihnen auch helfen zu verstehen, wie WordPress funktioniert, indem es Ihnen die grundlegende Struktur eines Themes zeigt und wie alle seine Teile zusammenarbeiten.<\/p>\n\n\n\n<p>Es gibt viele ausgezeichnete Starter-Themes, einschlie\u00dflich <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>, <a href=\"https:\/\/understrap.com\/\" target=\"_blank\" rel=\"noopener\">UnderStrap<\/a> und <a href=\"https:\/\/themble.com\/bones\/\" target=\"_blank\" rel=\"noopener\">Bones<\/a> (um nur einige zu nennen).<\/p>\n\n\n\n<p>Wir werden Underscores f\u00fcr unser Tutorial verwenden. Es ist eine solide Wahl f\u00fcr Anf\u00e4nger, da es nur die Grundlagen enth\u00e4lt. Au\u00dferdem wurde dieses Starter-Theme von Automattic entwickelt (dem Team hinter WordPress.com), was bedeutet, dass es wahrscheinlicher sicher, kompatibel und langfristig gut unterst\u00fctzt ist.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>WordPress.com<\/h3>\n    <p>WordPress.com ist die gehostete Version von WordPress. Da es eine v\u00f6llig kostenlose Tarifoption bietet, ist WordPress.com eine beliebte Plattform f\u00fcr Blogs und pers\u00f6nliche Websites.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/wordpress-com\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n\n\n<h2 id=\"develop\" class=\"wp-block-heading\">Wie Sie Ihr erstes WordPress-Theme entwickeln (in 5 Schritten)<\/h2>\n\n\n\n<p>Mit der Vorbereitung aus dem Weg, sind Sie endlich bereit, Ihr erstes Theme zu erstellen. Wie wir bereits erw\u00e4hnt haben, werden wir f\u00fcr diese Anleitung ein Starter-Theme verwenden.<\/p>\n\n\n\n<p>Allerdings, wenn Sie alles selbst ohne Vorlage erstellen m\u00f6chten, k\u00f6nnen Sie das tun, aber dieser Ansatz erfordert viel mehr Programmierkenntnisse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Richten Sie eine lokale Umgebung ein<\/h3>\n\n\n\n<p>Das Erste, was Sie tun m\u00fcssen, ist eine <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/anfangerleitfaden-zum-staging-von-websites\/\" target=\"_blank\" rel=\"noopener\">lokale Entwicklungsumgebung zu erstellen<\/a>. Dies ist effektiv ein Server, den Sie auf Ihrem Computer installieren, den Sie zur Entwicklung und Verwaltung lokaler WordPress-Seiten verwenden k\u00f6nnen. Eine lokale Seite ist eine sichere Methode, um ein Theme zu entwickeln, ohne Ihre Live-Site zu beeinflussen.<\/p>\n\n\n\n<p>Es gibt viele M\u00f6glichkeiten, eine lokale Umgebung zu erstellen, aber wir werden <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a> verwenden. Dies ist eine schnelle, einfache M\u00f6glichkeit, eine lokale Version von WordPress kostenlos zu installieren und ist sowohl mit Mac als auch mit Windows kompatibel:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"875\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local.jpg\" alt=\"Screenshot der Startseite von Local, der als &quot;Das f\u00fchrende lokale WordPress-Entwicklungstool&quot; bezeichnet wird\" class=\"wp-image-42454 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1024x560.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-768x420.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1536x840.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-600x328.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1200x656.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-730x399.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1460x798.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-784x429.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1568x858.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-877x480.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/875;\" \/><\/figure>\n\n\n\n<p>Um zu beginnen, w\u00e4hlen Sie die kostenlose Version von Local, w\u00e4hlen Sie Ihre Plattform, f\u00fcgen Sie Ihre Daten hinzu und laden Sie den Installer herunter. Wenn die Installation abgeschlossen ist, k\u00f6nnen Sie das Programm auf Ihrem Computer \u00f6ffnen.<\/p>\n\n\n\n<p>Hier werden Sie gebeten, Ihre neue lokale Umgebung zu konfigurieren:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP.jpg\" alt=\"Screenshot des Schritts &quot;WordPress einrichten&quot; lokal, der nach dem WordPress-Benutzernamen, Passwort und der E-Mail des Benutzers fragt\" class=\"wp-image-42455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Dies ist <a href=\"https:\/\/wpengine.com\/resources\/local-wordpress-development-environment-how-to\/\" target=\"_blank\" rel=\"noopener\">ein einfacher Prozess<\/a>, und Ihre lokale WordPress-Site ist in wenigen Minuten bereit. Sobald eingerichtet, wird Ihre neue Website genau wie eine live WordPress-Website aussehen und funktionieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Laden Sie Ihr Starter-Theme herunter und installieren Sie es<\/h3>\n\n\n\n<p>Wie die meisten Starter-Themes ist <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a> sehr einfach zu beginnen. Tats\u00e4chlich m\u00fcssen Sie nur die Website besuchen und Ihrem Theme einen Namen geben:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1050\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores.jpg\" alt=\"Screenshot des anf\u00e4nglichen Underscores-Themas mit der Aufforderung &quot;Erstellen Sie Ihr auf Underscores basierendes Thema&quot; mit einem Textfeld &quot;Themenname&quot; neben einem &quot;Generieren&quot;-Button\" class=\"wp-image-42456 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1024x672.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-768x504.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1536x1008.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-600x394.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1200x788.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-730x479.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1460x958.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-784x515.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1568x1029.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-877x576.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1050;\" \/><\/figure>\n\n\n\n<p>Wenn Sie m\u00f6chten, k\u00f6nnen Sie auf <i>Erweiterte Optionen<\/i> klicken, um das Basisthema weiter anzupassen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"550\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option.jpg\" alt=\"Nahaufnahme des Textfelds &quot;Themenname&quot; mit &quot;Erweiterte Optionen&quot; direkt darunter angezeigt\" class=\"wp-image-42457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-300x103.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1024x352.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-768x264.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1536x528.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-600x206.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1200x413.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-730x251.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1460x502.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-784x270.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1568x539.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-877x301.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/550;\" \/><\/figure>\n\n\n\n<p>Hier k\u00f6nnen Sie weitere Informationen ausf\u00fcllen, wie den Namen des Autors, und dem Theme eine Beschreibung geben:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author.jpg\" alt=\"Das gleiche Textfeld f\u00fcr den Themennamen zeigt jetzt zus\u00e4tzliche Textfelder: Theme-Slug, Autor, Autor-URL und Beschreibung sowie Kontrollk\u00e4stchen f\u00fcr &quot;WooCommerce boilerplate&quot; und &quot;_sassify!&quot; \" class=\"wp-image-42458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Es gibt auch die Option <i>_sassify!<\/i>, die Syntactically Awesome StyleSheets (SASS)-Dateien zu Ihrem Theme hinzuf\u00fcgt. SASS ist eine Pr\u00e4prozessorsprache f\u00fcr CSS, die es Ihnen erm\u00f6glicht, Variablen, Verschachtelungen, mathematische Operatoren und mehr zu verwenden.<\/p>\n\n\n\n<p>Nachdem Sie Ihre Auswahl getroffen haben, k\u00f6nnen Sie auf <i>Generieren<\/i> klicken, was eine <i>.zip<\/i> Datei mit Ihrem Starter-Theme herunterladen wird. Dies ist die Kerndatei, um die herum Sie Ihr eigenes Theme entwickeln werden, also m\u00fcssen Sie es <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/tutorial-wie-man-ein-wp-theme-installiert\/\" target=\"_blank\" rel=\"noopener\">auf Ihrer lokalen Seite installieren<\/a>.<\/p>\n\n\n\n<p>Nachdem Sie Ihr Theme installiert haben, k\u00f6nnen Sie Ihre Website in der Vorschau anzeigen, um zu sehen, wie sie aussieht. Es ist im Moment sehr einfach, aber das wird nicht lange so bleiben!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Erfahren Sie mehr \u00fcber die verschiedenen Komponenten eines WordPress-Themas<\/h3>\n\n\n\n<p>Bevor Sie Ihr Theme anpassen k\u00f6nnen, m\u00fcssen Sie den Zweck seiner Komponenten verstehen und wie diese zusammenpassen.<\/p>\n\n\n\n<p>Zuerst besprechen wir <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" target=\"_blank\" rel=\"noopener\">Vorlagendateien<\/a>, die die Hauptbausteine eines WordPress-Themas sind. Diese Dateien bestimmen das Layout und das Aussehen des Inhalts auf Ihrer Website.<\/p>\n\n\n\n<p>Zum Beispiel wird <i>header.php<\/i> verwendet, um einen Kopfbereich zu erstellen, w\u00e4hrend <i>comments.php<\/i> es Ihnen erm\u00f6glicht, Kommentare anzuzeigen.<\/p>\n\n\n\n<p>WordPress bestimmt, welche Vorlagendateien auf jeder Seite verwendet werden sollen, indem es die <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\" target=\"_blank\" rel=\"noopener\">Vorlagenhierarchie<\/a> durchl\u00e4uft. Das ist <a href=\"https:\/\/wphierarchy.com\/\" target=\"_blank\" rel=\"noopener\">die Reihenfolge<\/a>, in der WordPress jedes Mal nach den passenden Vorlagendateien sucht, wenn eine Seite auf Ihrer Website geladen wird.<\/p>\n\n\n\n<p>Zum Beispiel, wenn Sie die URL <i>http:\/\/example.com\/post\/this-post<\/i> besuchen, sucht WordPress in dieser Reihenfolge nach den folgenden Vorlagendateien:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dateien, die mit dem Slug \u00fcbereinstimmen, wie <i>this-post<\/i><\/li>\n\n\n\n<li>Dateien, die mit der Post-ID \u00fcbereinstimmen<\/li>\n\n\n\n<li>Eine allgemeine einzelne Post-Datei, wie <i>single.php<\/i><\/li>\n\n\n\n<li>Eine Archivdatei, wie <i>archive.php<\/i><\/li>\n\n\n\n<li>Die <i>index.php<\/i> Datei<\/li>\n\n\n<\/ol>\n\n\n\n<p>Da die Datei <i>index.php<\/i> von allen Themes ben\u00f6tigt wird, ist sie die Standardoption, wenn keine andere Datei gefunden werden kann. Underscores enth\u00e4lt die g\u00e4ngigsten Themendateien, die sofort funktionieren. Sie k\u00f6nnen jedoch <a href=\"https:\/\/www.designbombs.com\/working-with-underscores-theme-beginner-developer\/\" target=\"_blank\" rel=\"noopener\">mit deren Bearbeitung experimentieren<\/a>, wenn Sie ein Gef\u00fchl daf\u00fcr bekommen m\u00f6chten, wie sie zusammenarbeiten.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Schl\u00fcsseldateien des Themes<\/h4>\n\n\n\n<p>Zus\u00e4tzlich zur Datei <i>index.php<\/i> finden Sie in den meisten WordPress-Themes die folgenden Dateien:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>header.php<\/b>: Dies enth\u00e4lt das HTML f\u00fcr Ihr benutzerdefiniertes Kopfzeilentemplate, einschlie\u00dflich Metadaten und Links zu Stylesheets. Beachten Sie, dass Men\u00fcs normalerweise durch die WordPress benutzerdefinierte Men\u00fcfunktion gehandhabt werden.<\/li>\n\n\n\n<li><b>footer.php<\/b>: Diese Datei enth\u00e4lt das HTML f\u00fcr das Fu\u00dfzeilentemplate Ihrer Website.<\/li>\n\n\n\n<li><b>sidebar.php<\/b>: Wenn Sie m\u00f6chten, dass Ihre Website eine Seitenleiste hat, kommt der Code hierher. Bedenken Sie, dass dies nur die Struktur ist; <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/widget\/\" target=\"_blank\" rel=\"noopener\">Widgets<\/a> werden aus dem Admin-Bereich gesteuert.<\/li>\n\n\n\n<li><b>single.php<\/b>: Dies ist die Template-Datei f\u00fcr einzelne Blogposts. Wenn Sie verschiedene Post-Typen unterst\u00fctzen m\u00f6chten, k\u00f6nnen Sie mehr als eine Datei erstellen.<\/li>\n\n\n\n<li><b>page.php:<\/b> Das Standardlayout einzelner Seiten stammt aus dieser Datei. Auch hier k\u00f6nnen Sie mehr als ein Template erstellen \u2014 beispielsweise k\u00f6nnten Sie ein Produktdesign f\u00fcr einen Online-Shop erstellen.<\/li>\n\n\n\n<li><b>comments.php<\/b>: Diese Datei steuert die Anzeige von Kommentaren unter Ihren Blogposts und auf Seiten.<\/li>\n\n\n\n<li><b>search.php<\/b>: Wenn jemand die Suchfunktion auf Ihrer Website verwendet, definiert dieses Template, wie die Suchergebnisse angezeigt werden.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Im Allgemeinen m\u00fcssen Sie diese Dateien nur bearbeiten, wenn Sie Inhalte hinzuf\u00fcgen oder das Layout Ihrer Website drastisch \u00e4ndern m\u00f6chten. Die meisten anderen Anpassungen k\u00f6nnen mit benutzerdefiniertem CSS in Ihrer Stylesheet-Datei vorgenommen werden.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Die Schleife<\/h4>\n\n\n\n<p>Ein weiteres wichtiges Element, das Sie verstehen m\u00fcssen, ist die Schleife. WordPress verwendet diesen Code, um Inhalte anzuzeigen, also ist es in vielerlei Hinsicht das schlagende Herz Ihrer Website. Es erscheint in allen Vorlagendateien, die Beitragsinhalte anzeigen, wie <i>index.php<\/i> oder <i>sidebar.php<\/i>.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\" target=\"_blank\" rel=\"noopener\">The Loop<\/a> ist ein komplexes Thema, \u00fcber das wir empfehlen, mehr zu lesen, wenn Sie verstehen m\u00f6chten, wie WordPress Beitragsinhalte anzeigt. Gl\u00fccklicherweise wird die Loop dank Underscores bereits in Ihr Theme integriert sein, sodass Sie sich vorerst keine Sorgen machen m\u00fcssen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Konfigurieren Sie Ihr Theme<\/h3>\n\n\n\n<p>Es ist leicht zu denken, dass Themes rein kosmetische Zwecke erf\u00fcllen, aber sie haben tats\u00e4chlich einen gro\u00dfen Einfluss auf die Funktionalit\u00e4t Ihrer Website. Lassen Sie uns anschauen, wie Sie einige grundlegende Anpassungen vornehmen k\u00f6nnen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Funktionalit\u00e4t mit Hooks hinzuf\u00fcgen<\/h4>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/plugin-api-hooks\/\" target=\"_blank\" rel=\"noopener\">Hooks<\/a> sind Code-Schnipsel, die in Vorlagendateien eingef\u00fcgt werden, welche es Ihnen erm\u00f6glichen, PHP-Aktionen in verschiedenen Bereichen einer Website auszuf\u00fchren, Styling einzuf\u00fcgen und andere Informationen anzuzeigen. Die meisten Hooks sind direkt in die WordPress-Kernsoftware implementiert, aber einige sind auch f\u00fcr Theme-Entwickler n\u00fctzlich.<\/p>\n\n\n\n<p>Lassen Sie uns einen Blick auf einige der h\u00e4ufigsten Hooks werfen und wof\u00fcr sie verwendet werden k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>wp_head()<\/b>: Hinzugef\u00fcgt zum &lt;head&gt;-Element in <i>header.php<\/i>. Es aktiviert Stile, Skripte und andere Informationen, die geladen werden, sobald die Website l\u00e4dt. Dies wird oft verwendet, um <a href=\"https:\/\/support.google.com\/analytics\/answer\/1008080?hl=en&amp;utm_medium=et&amp;utm_campaign=en_us&amp;utm_source=SetupChecklist#GA&amp;zippy=%2Cin-this-article%2Cstatic-website\" target=\"_blank\" rel=\"noopener\">Google Analytics Code<\/a> einzuf\u00fcgen.<\/li>\n\n\n\n<li><b>wp_footer()<\/b>: Hinzugef\u00fcgt zu <i>footer.php<\/i> kurz vor dem &lt;\/body&gt;-Tag.<\/li>\n\n\n\n<li><b>wp_meta()<\/b>: Erscheint normalerweise in <i>sidebar.php<\/i>, um zus\u00e4tzliche Skripte (wie eine Tag-Wolke) einzuschlie\u00dfen.<\/li>\n\n\n\n<li><b>comment_form()<\/b>: Hinzugef\u00fcgt zu <i>comments.php<\/i> direkt vor dem schlie\u00dfenden &lt;\/div&gt;-Tag, um Kommentardaten anzuzeigen.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Diese Haken sind bereits in Ihrem Underscores-Theme enthalten. Wir empfehlen jedoch, die <a href=\"https:\/\/adambrown.info\/p\/wp_hooks\" target=\"_blank\" rel=\"noopener\">Hooks-Datenbank<\/a> zu besuchen, um alle verf\u00fcgbaren Haken zu sehen und <a href=\"https:\/\/codex.wordpress.org\/Plugin_API#Hooks:_Actions_and_Filters\" target=\"_blank\" rel=\"noopener\">mehr dar\u00fcber zu erfahren<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Stile mit CSS hinzuf\u00fcgen<\/h4>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/support\/article\/css\/\" target=\"_blank\" rel=\"noopener\">Cascading Style Sheets (CSS)<\/a> definieren das Aussehen aller Inhalte auf Ihrer Website. In WordPress wird dies mit der <i>style.css<\/i> Datei erreicht. Diese Datei ist bereits in Ihrem Thema enthalten, enth\u00e4lt aber derzeit nur die grundlegende, standardm\u00e4\u00dfige Gestaltung:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet.jpg\" alt=\"Bearbeitung des CSS-Stylesheets eines neuen benutzerdefinierten WordPress-Themas\" class=\"wp-image-42459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Wenn Sie ein schnelles Beispiel daf\u00fcr sehen m\u00f6chten, wie CSS funktioniert, k\u00f6nnen Sie hier jeden Stil bearbeiten und die Datei speichern, um die Effekte zu sehen. Zum Beispiel finden Sie den folgenden Code (normalerweise in Zeile 485):<\/p>\n\n\n\n<p><code>a {<\/code><br><code>color: royalblue;<\/code><br><code>}<\/code><\/p>\n\n\n\n<p>Dieser Code steuert die Farbe von unbesuchten Hyperlinks, die standardm\u00e4\u00dfig k\u00f6nigsblau erscheinen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue.jpg\" alt=\"Theme Test Site zeigt blaue Hyperlinks auf der Seite, einschlie\u00dflich &quot;Hello word&quot; und &quot;theme-tester&quot;\" class=\"wp-image-42460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Lassen Sie uns sehen, was passiert, wenn wir versuchen, dies durch den folgenden Code zu ersetzen:<\/p>\n\n\n\n<p><code>a {<\/code><br><code>color: red;<\/code><br><code>}<\/code><\/p>\n\n\n\n<p>Speichern Sie die Datei und schauen Sie sich Ihre lokale Website an. Wie Sie erwarten, werden jetzt alle nicht besuchten Links hellrot angezeigt:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red.jpg\" alt=\"Die gleiche Theme-Test-Site zeigt nun &quot;Hello World&quot; und &quot;theme-tester&quot; Hyperlinks in Rot \" class=\"wp-image-42461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnten bemerken, dass der besuchte Link oben seine Farbe nicht ge\u00e4ndert hat. Das liegt daran, dass er tats\u00e4chlich vom n\u00e4chsten Abschnitt im Stylesheet gesteuert wird:<\/p>\n\n\n\n<p><code>a:visited {<\/code><br><code>color: purple;<\/code><br><code>}<\/code><\/p>\n\n\n\n<p>Dies ist ein sehr grundlegendes Beispiel daf\u00fcr, wie das Bearbeiten von <i>style.css<\/i> das Aussehen Ihrer Website beeinflusst. CSS ist ein umfangreiches Thema, das wir Ihnen empfehlen weiter zu erkunden, wenn Sie mehr \u00fcber das Erstellen von Webdesigns erfahren m\u00f6chten. Es gibt viele <a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noopener\">Ressourcen zu diesem Thema<\/a> f\u00fcr Anf\u00e4nger.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Exportieren Sie das Theme und laden Sie es auf Ihre Website hoch<\/h3>\n\n\n\n<p>Wenn Sie mit der Anpassung Ihres Themes fertig sind, ist es Zeit sicherzustellen, dass es ordnungsgem\u00e4\u00df funktioniert. Daf\u00fcr k\u00f6nnen Sie die <a href=\"https:\/\/codex.wordpress.org\/Theme_Unit_Test\" target=\"_blank\" rel=\"noopener\">Theme Unit Test<\/a>-Daten verwenden.<\/p>\n\n\n\n<p>Dies ist eine Reihe von Dummy-Daten, die Sie auf Ihrer Website hochladen k\u00f6nnen. Sie enth\u00e4lt viele verschiedene Variationen von Stilen und Inhalten, und es erm\u00f6glicht Ihnen zu sehen, wie Ihr Theme mit unvorhersehbaren Daten umgeht.<\/p>\n\n\n\n<p>Wenn Sie Ihr Theme gr\u00fcndlich getestet haben und \u00fcberzeugt sind, dass es den <a href=\"https:\/\/make.wordpress.org\/themes\/handbook\/review\/\" target=\"_blank\" rel=\"noopener\">erforderlichen Standards<\/a> entspricht, bleibt nun nur noch, es zu exportieren.<\/p>\n\n\n\n<p>Zuerst m\u00fcssen Sie den Speicherort Ihrer Website auf Ihrem lokalen Rechner finden. Sie werden ihn wahrscheinlich in einem Ordner namens <i>Websites,<\/i> in Ihrem standardm\u00e4\u00dfigen <i>Dokumente<\/i>-Verzeichnis finden.<\/p>\n\n\n\n<p>\u00d6ffnen Sie den Ordner der Website und greifen Sie auf <i>\/wp-content\/themes\/<\/i> zu, wo Sie Ihr Theme finden:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes.jpg\" alt=\"WordPress wp-content themes Ordner im FTP-Client\" class=\"wp-image-42462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen jetzt ein Komprimierungswerkzeug, wie <a href=\"https:\/\/www.rarlab.com\/download.htm\" target=\"_blank\" rel=\"noopener\">WinRAR<\/a>, verwenden, um eine <i>.zip<\/i> Datei basierend auf dem Ordner zu erstellen. Klicken Sie einfach mit der rechten Maustaste auf den Ordner und w\u00e4hlen Sie die Option, die es Ihnen erm\u00f6glicht, ihn zu zippen, wie <i>Komprimiere \u201eOrdner.\u201c<\/i><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme.jpg\" alt=\"Komprimierung eines benutzerdefinierten WordPress-Themas zur Vorbereitung f\u00fcr den Upload\" class=\"wp-image-42463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Wenn der Ordner gezippt wurde, ist er bereit, auf jeder WordPress-Seite hochgeladen und installiert zu werden, genau wie Sie Ihr Underscores-Theme am Anfang installiert haben.<\/p>\n\n\n\n<h2 id=\"tips\" class=\"wp-block-heading\">Tipps zur Entwicklung Ihres ersten benutzerdefinierten Themes<\/h2>\n\n\n\n<p>Wenn Sie das erste Mal mit Code herumhantieren, ist es immer m\u00f6glich, ein paar Fehler zu machen. Aus diesem Grund ist es eine gute Idee, sich Zeit zu nehmen, um Ihr erstes Theme zu entwickeln, und in Ihrer lokalen Umgebung zu experimentieren.<\/p>\n\n\n\n<p>Hier sind einige zus\u00e4tzliche Ma\u00dfnahmen, die Sie ergreifen k\u00f6nnen, um sicherzustellen, dass Ihr Thema in der Wildnis gedeihen wird:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Versionskontrolle verwenden<\/b>: Systeme wie Git helfen Ihnen, \u00c4nderungen an Ihrem Code \u00fcber die Zeit zu verfolgen und Fehler r\u00fcckg\u00e4ngig zu machen.<\/li>\n\n\n\n<li><b>\u00dcberpr\u00fcfen Sie Ihren Code<\/b>: Verwenden Sie Tools wie Theme Check und den W3C Validator, um Fehler in Ihrem Code zu finden. H\u00e4ufige \u00dcberpr\u00fcfungen k\u00f6nnen Ihnen helfen, Probleme fr\u00fchzeitig zu erkennen.<\/li>\n\n\n\n<li><b>Testen Sie Ihr Theme<\/b>: Versuchen Sie, Ihr Theme auf verschiedenen Browsern und Ger\u00e4ten zu laden, um Layout- oder Darstellungsprobleme zu identifizieren. Ein Design, das auf Ihrem eigenen Computer perfekt funktioniert, kann auf einer anderen Plattform zusammenbrechen.<\/li>\n\n\n\n<li><b>Verwenden Sie Code-Kommentare<\/b>: Sich selbst Notizen zu hinterlassen, die erkl\u00e4ren, was alles tut, kann Ihnen helfen, Probleme zu einem sp\u00e4teren Zeitpunkt zu beheben.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 id=\"create\" class=\"wp-block-heading\">Erstellen Sie ein benutzerdefiniertes WordPress-Theme<\/h2>\n\n\n\n<p>Ein benutzerdefiniertes WordPress-Theme von Grund auf neu zu erstellen, ist keine kleine Leistung. Der Prozess mag jedoch nicht so schwierig sein, wie Sie denken.<\/p>\n\n\n\n<p>Um zusammenzufassen, hier sind die f\u00fcnf einfachen Schritte zur Entwicklung eines WordPress-Themas:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Richten Sie eine lokale Umgebung ein, mit <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a>.<\/li>\n\n\n\n<li>Laden Sie ein Starter-Theme herunter und installieren Sie es, wie z.B. <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>.<\/li>\n\n\n\n<li>Erfahren Sie mehr \u00fcber die verschiedenen Komponenten eines WordPress-Themas.<\/li>\n\n\n\n<li>Konfigurieren Sie Ihr Thema.<\/li>\n\n\n\n<li>Exportieren Sie das Thema und laden Sie es auf Ihre Website hoch.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Indem Sie den Richtlinien auf der <a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">Codex-Dokumentationsseite<\/a> folgen, k\u00f6nnen Sie ein Theme entwickeln, das den Qualit\u00e4tsstandards entspricht. Sie k\u00f6nnten sogar erw\u00e4gen, es im WordPress Theme-Verzeichnis einzureichen!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Starten Sie Ihre einzigartige WordPress-Site mit DreamPress<\/h3>\n\n\n\n<p>Ein gro\u00dfartiges Thema zu erstellen ist der erste Schritt zum Erstellen einer erfolgreichen Website. Wir haben die Werkzeuge, um Ihnen bei der Restgestaltung zu helfen.<\/p>\n\n\n\n<p>Mit dem <a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\" target=\"_blank\" rel=\"noopener\">DreamPress verwalteten Hosting<\/a> k\u00f6nnen Sie jedes Theme oder Plugin online mit einem Klick-Staging testen. Wir bieten auch kugelsichere Backups, sodass Sie \u00c4nderungen jederzeit zur\u00fccksetzen k\u00f6nnen, und integrierten Cache f\u00fcr optimale Leistung.<\/p>\n\n\n\n<p><a href=\"https:\/\/panel.dreamhost.com\/signup\/?lng=en#!\/dreampress\/?plan=standard&amp;term=yearly&amp;p=DPINTRO\" target=\"_blank\" rel=\"noopener\">Melden Sie sich heute an<\/a>, um Ihre WordPress-Site zu starten!<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Wir machen WordPress f\u00fcr Sie einfacher\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      \u00dcberlassen Sie uns die Migration Ihrer Website, die Installation von WordPress, die Verwaltung von Sicherheit und Updates sowie die Optimierung der Serverleistung. Jetzt k\u00f6nnen Sie sich auf das konzentrieren, was am wichtigsten ist: das Wachstum Ihrer Website.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Pl\u00e4ne ansehen                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie etwas auf eine bestimmte Weise erledigt haben m\u00f6chten \u2014 nun, dann m\u00fcssen Sie es vielleicht selbst machen. Obwohl viele gro\u00dfartige WordPress-Themes verf\u00fcgbar sind, kann es schwierig sein, eines zu finden, das Ihren spezifischen Anforderungen entspricht. Auf der Suche nach der perfekten L\u00f6sung k\u00f6nnten Sie versucht sein, Ihr eigenes individuelles WordPress-Theme zu erstellen. Gl\u00fccklicherweise [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42447,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"design\",\"Entwerfen einer benutzerdefinierten WordPress-Website\"],[\"starter\",\"Was ist ein Starter-Theme? (Und warum sollten Sie eines verwenden)\"],[\"develop\",\"Wie Sie Ihr erstes WordPress-Theme entwickeln (in 5 Schritten)\"],[\"tips\",\"Tipps zur Entwicklung Ihres ersten benutzerdefinierten Themes\"],[\"create\",\"Erstellen Sie ein benutzerdefiniertes WordPress-Theme\"]]","hide_toc":false,"footnotes":""},"categories":[14515,14495,14511],"tags":[],"class_list":["post-51667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwicklerzentrum-de","category-tutorials-de","category-wordpress-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen? - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen?\" \/>\n<meta property=\"og:description\" content=\"Wenn Sie etwas auf eine bestimmte Weise erledigt haben m\u00f6chten \u2014 nun, dann m\u00fcssen Sie es vielleicht selbst machen. Obwohl viele gro\u00dfartige WordPress-Themes verf\u00fcgbar sind, kann es schwierig sein, eines zu finden, das Ihren spezifischen Anforderungen entspricht. Auf der Suche nach der perfekten L\u00f6sung k\u00f6nnten Sie versucht sein, Ihr eigenes individuelles WordPress-Theme zu erstellen. Gl\u00fccklicherweise [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-28T15:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:26:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen? - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/","og_locale":"en_US","og_type":"article","og_title":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen?","og_description":"Wenn Sie etwas auf eine bestimmte Weise erledigt haben m\u00f6chten \u2014 nun, dann m\u00fcssen Sie es vielleicht selbst machen. Obwohl viele gro\u00dfartige WordPress-Themes verf\u00fcgbar sind, kann es schwierig sein, eines zu finden, das Ihren spezifischen Anforderungen entspricht. Auf der Suche nach der perfekten L\u00f6sung k\u00f6nnten Sie versucht sein, Ihr eigenes individuelles WordPress-Theme zu erstellen. Gl\u00fccklicherweise [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-28T15:00:36+00:00","article_modified_time":"2025-01-16T19:26:56+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen?","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-01-16T19:26:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/"},"wordCount":2939,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","articleSection":["Entwicklerzentrum","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/","name":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen? - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-01-16T19:26:56+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","width":1460,"height":1095,"caption":"man working at a computer looking and smiling at a woman who is explaining something on the computer to him"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-entwicklung-eines-wp-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"M\u00f6chten Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen?"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"de","translations":{"de":51667,"es":37426,"en":37404,"uk":56663,"pt":56684,"pl":56690,"ru":56693,"it":68277,"fr":70137,"nl":70166},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=51667"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51667\/revisions"}],"predecessor-version":[{"id":62748,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51667\/revisions\/62748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42447"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=51667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=51667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=51667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}