{"id":56853,"date":"2022-05-02T08:08:12","date_gmt":"2022-05-02T15:08:12","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=56853"},"modified":"2025-01-16T11:34:44","modified_gmt":"2025-01-16T19:34:44","slug":"wordpress-vorlagen-und-vorlagenteile","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/","title":{"rendered":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile"},"content":{"rendered":"\n<p>Mit der Einf\u00fchrung von <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a> k\u00f6nnen Sie nun das vollst\u00e4ndige Seitenediting verwenden, um das Erscheinungsbild Ihres Themes anzupassen. Dar\u00fcber hinaus k\u00f6nnen Sie auf mehr Designfunktionen zugreifen, um Ihre Website ohne Programmierung mithilfe eines blockbasierten Themes zu erstellen. Diese grundlegenden Einstellungen k\u00f6nnten jedoch m\u00f6glicherweise nicht Ihren Anforderungen entsprechen.<\/p>\n\n\n\n<p>Gl\u00fccklicherweise k\u00f6nnen Sie Ihrer WordPress-Blockvorlage problemlos benutzerdefinierte Vorlagen und Vorlagenteile hinzuf\u00fcgen. Ob durch die Verwendung von Full-Site Editing oder das Bearbeiten Ihrer Themendatei, Sie k\u00f6nnen ein <a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\">benutzerdefiniertes Layout<\/a> erstellen, um es beim Entwerfen neuer Inhalte wiederzuverwenden.<\/p>\n\n\n\n<p>In diesem Artikel werden wir besprechen, was Vorlagen und Vorlagenteile sind. Dann zeigen wir Ihnen, wie Sie diese in WordPress erstellen. Anfangen!<\/p>\n\n\n\n<h2 id=\"h-an-introduction-to-wordpress-page-templates\" class=\"wp-block-heading\"><b>Eine Einf\u00fchrung in WordPress-Seitenvorlagen<\/b><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"639\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png\" alt=\"Diagramm der WordPress-Seitenvorlagen-Hierarchie\" class=\"wp-image-37192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-300x187.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-768x479.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1536x958.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-600x374.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-750x468.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-100x62.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy.png.webp 1685w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/639;\" \/><\/figure><\/div>\n\n\n<p>Themes sind einige der vielseitigsten Funktionen von WordPress. Durch die Installation eines Themes auf Ihrer Website k\u00f6nnen Sie das Aussehen radikal \u00e4ndern, um es Ihren Bed\u00fcrfnissen anzupassen. Au\u00dferdem ist es normalerweise einfach, Themes zu finden, die auf Ihre spezielle Nische zugeschnitten sind und w\u00e4hrend des Designprozesses viel Flexibilit\u00e4t bieten.<\/p>\n\n\n\n<p>Es gibt jedoch einige Dinge, die schwer zu bewerkstelligen sind, wenn Sie nur ein Thema verwenden, um das Aussehen Ihrer Website anzupassen. Zum Beispiel, was ist, wenn Sie m\u00f6chten, dass Ihre Archive ein ganz anderes Layout haben als der Rest Ihrer Seiten? \u00c4hnlich k\u00f6nnten Sie wollen, dass die Seitenleiste auf verschiedenen Seitentypen unterschiedliche Informationen enth\u00e4lt.<\/p>\n\n\n\n<p>Geben Sie Seitenvorlagen ein \u2014 eine M\u00f6glichkeit, mehr Kontrolle \u00fcber das Aussehen Ihrer Website zu erhalten. In mancher Hinsicht sind Seitenvorlagen sehr \u00e4hnlich wie Themes. Beide sind Dateien mit Code, die Ihrer Website sagen, wie Informationen angezeigt werden sollen.<\/p>\n\n\n\n<p>Wie der Name schon sagt, kontrolliert eine Seitenvorlage jedoch nur den Stil einer bestimmten Seite (oder eines bestimmten Seitentyps). Viele Themes bieten verschiedene Seitenvorlagen zur Auswahl, aber Sie k\u00f6nnen auch Ihre eigene erstellen. Auf diese Weise k\u00f6nnen Sie genau entscheiden, wie sie eingerichtet sein sollte und welchen Seiten diese Vorlage zugeordnet werden sollte.<\/p>\n\n\n\n<p>Das Verst\u00e4ndnis und die Nutzung von Templates ist etwas technischer als der Umgang mit Themes. Wenn Sie wirklich ein Gef\u00fchl daf\u00fcr bekommen m\u00f6chten, wie Templates funktionieren, m\u00f6chten Sie vielleicht etwas Zeit damit verbringen, sich \u00fcber die <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\" target=\"_blank\" rel=\"noopener\">WordPress Template-Hierarchie<\/a> zu informieren. Dieses System weist jedem Template-Typ eine Priorit\u00e4tsstufe zu, sodass Ihre WordPress-Seite immer wei\u00df, welches angezeigt werden soll.<\/p>\n\n\n\n<p>Wir werden jetzt nicht zu sehr ins Detail \u00fcber dieses Konzept gehen, da wir uns zun\u00e4chst speziell auf Seitenvorlagen konzentrieren werden. Lassen Sie uns zuerst erkunden, warum Sie \u00fcberhaupt Vorlagen verwenden m\u00f6chten.<\/p>\n\n\n\n<h2 id=\"h-the-benefits-of-using-page-templates\" class=\"wp-block-heading\"><b>Die Vorteile der Verwendung von Seitenvorlagen<\/b><\/h2>\n\n\n\n<p>Bis jetzt sollten Sie eine Vorstellung davon haben, warum Seitenvorlagen so n\u00fctzlich sind. Sie bieten viel mehr Kontrolle \u00fcber das Aussehen und Layout Ihrer Website, als Sie normalerweise durch die Modifizierung Ihres Themes erreichen k\u00f6nnen. Die Anwendungen f\u00fcr Seitenvorlagen sind zahlreich \u2014 die einzige Grenze ist Ihre eigene Kreativit\u00e4t.<\/p>\n\n\n\n<p>Um Ihnen ein Gef\u00fchl f\u00fcr die Bedeutung dieser Funktion zu geben, sind hier einige Beispiele f\u00fcr Situationen, in denen Sie eine Seitenvorlage verwenden m\u00f6chten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wenn Sie m\u00f6chten, dass eine bestimmte Seite ein vollfl\u00e4chiges Layout hat, w\u00e4hrend die anderen Seiten ein festes Layout beibehalten.<\/li>\n\n\n\n<li>Um eine benutzerdefinierte Seite zu erstellen, die Widgets verwendet, die auf anderen Seiten nicht angezeigt werden.<\/li>\n\n\n\n<li>Zum Anzeigen empfohlener Beitr\u00e4ge f\u00fcr Leser, die relevant f\u00fcr den spezifischen Inhalt sind, den sie durchsuchen.<\/li>\n\n\n\n<li>Zum Erstellen einer Seite mit einem einzigartigen Satz von Funktionen, wie beispielsweise einer Beitragenden- oder Archivseite.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Am Ende dieses Beitrags zeigen wir Ihnen, wie Sie jede dieser Dinge tun k\u00f6nnen. Sobald Sie mit Seitenvorlagen experimentiert und ein Gef\u00fchl daf\u00fcr bekommen haben, wie sie funktionieren, k\u00f6nnen Sie damit machen, was Sie m\u00f6chten.<\/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=\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\" class=\"wp-block-heading\"><b>Eine Einf\u00fchrung in die vollst\u00e4ndige Seitenbearbeitung mit Vorlagen und Vorlagenteilen<\/b><\/h2>\n\n\n\n<p>Mit <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Full-Site Editing<\/a> k\u00f6nnen Sie das Layout Ihrer Website mit Bl\u00f6cken gestalten. Sie verwenden wahrscheinlich bereits Bl\u00f6cke, um WordPress-Beitr\u00e4ge zu erstellen. Jetzt k\u00f6nnen sie Ihre gesamte Seite aufbauen, einschlie\u00dflich der Bereiche ohne Inhalt.<\/p>\n\n\n\n<p>Ein Vorteil des Full-Site-Editing sind seine Seitenvorlagen. Sie erm\u00f6glichen es Ihnen, Ihre Vorlagen leicht zu sehen und anzupassen, ohne dass Sie Ihre Themendateien manuell bearbeiten m\u00fcssen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg\" alt=\"der WordPress-Vorlagenbildschirm\" class=\"wp-image-37186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-768x473.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1536x947.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-750x462.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-100x62.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/631;\" \/><\/figure><\/div>\n\n\n<p>In WordPress gibt es auch Template-Teile, die als kleinere strukturelle Abschnitte einer Seitenvorlage fungieren. Normalerweise sehen Sie Template-Teile f\u00fcr Kopfzeilen oder Fu\u00dfzeilen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"der Bildschirm f\u00fcr Template-Teile in WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Mit einer Vorlage k\u00f6nnen Sie Seiten mit einzigartigen Funktionen erstellen. Zum Beispiel m\u00f6chten Sie vielleicht nicht, dass Ihre <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">Startseite<\/a> das gleiche Layout wie der Rest Ihres Inhalts hat. Daher k\u00f6nnen Sie mit einer Seitenvorlage ein einzigartiges Design erreichen.<\/p>\n\n\n\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie w\u00e4hrend des Designprozesses Zeit sparen, indem Sie Vorlagen und Vorlagenteile wiederverwenden. Durch einfaches Klicken auf eine Vorlage oder ein einzelnes Element k\u00f6nnen Sie es sofort umsetzen.<\/p>\n\n\n\n<h2 id=\"h-how-to-make-templates-in-wordpress-with-the-template-editor\" class=\"wp-block-heading\"><b>Wie man Vorlagen in WordPress mit dem Vorlagen-Editor erstellt<\/b><\/h2>\n\n\n\n<p>Wenn Sie ein Block-Theme verwenden, kommt es mit dem <a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">Template Editor<\/a>. Mit dieser Funktion k\u00f6nnen Sie Vorlagen f\u00fcr jede Seite oder jeden Beitrag auf Ihrer Website erstellen und bearbeiten. Es funktioniert \u00e4hnlich wie der Block Editor und erm\u00f6glicht es Ihnen, Ihr Theme mit Bl\u00f6cken zu individualisieren.<\/p>\n\n\n\n<p>Um anzufangen, m\u00fcssen Sie ein Block-Thema installieren. In Ihrem WordPress-Armaturenbrett navigieren Sie zu <i>Appearance &gt; Themes &gt; Add New<\/i>. Filtern Sie dann die Ergebnisse mit einem <i>Full Site Editing<\/i> Tag:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg\" alt=\"Vollst\u00e4ndige Seiteneditor in WordPress aktivieren\" class=\"wp-image-37182 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-750x411.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-100x55.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/561;\" \/><\/figure><\/div>\n\n\n<p>W\u00e4hlen Sie <i>Filter anwenden<\/i>. In den Suchergebnissen installieren und aktivieren Sie ein Thema. Wir verwenden das Standard-Thema Twenty Twenty-Two f\u00fcr dieses Tutorial:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"729\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg\" alt=\"Anpassen von Themes in WordPress\" class=\"wp-image-37181 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-300x214.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-768x547.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-600x427.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-750x534.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-100x71.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress.jpg.webp 1422w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/729;\" \/><\/figure><\/div>\n\n\n<p>Um eine neue Vorlage zu erstellen, beginnen Sie damit, einen neuen Beitrag oder eine neue Seite hinzuzuf\u00fcgen. Dann finden Sie im <i>Beitrag<\/i>-Einstellungen-Tab den Abschnitt <i>Vorlage<\/i> und w\u00e4hlen Sie den <i>Neu<\/i>-Knopf:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"447\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg\" alt=\"Auswahl Ihres WordPress-Seitenvorlage im Editor\" class=\"wp-image-37183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1536x670.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-600x262.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-750x327.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/447;\" \/><\/figure><\/div>\n\n\n<p>Im Pop-up-Fenster geben Sie Ihrer neuen Vorlage einen Namen. Dann w\u00e4hlen Sie <i>Erstellen<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"842\" height=\"580\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg\" alt=\"Erstellen Sie eine neue benutzerdefinierte Vorlage in WordPress\" class=\"wp-image-37180 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg.webp 842w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-768x529.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-750x517.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-100x69.jpg 100w\" data-sizes=\"(max-width: 842px) 100vw, 842px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 842px; --smush-placeholder-aspect-ratio: 842\/580;\" \/><\/figure><\/div>\n\n\n<p>Dies \u00f6ffnet automatisch den Template-Editor. Sie k\u00f6nnen Ihr Template mit denselben Bl\u00f6cken gestalten, die Sie auch in einem Beitrag verwenden w\u00fcrden. Es ist jedoch wichtig zu beachten, dass diese Bl\u00f6cke jedem Beitrag mit diesem Template hinzugef\u00fcgt werden:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg\" alt=\"Hinzuf\u00fcgen von Bl\u00f6cken zu einem neuen Template-Teil in WordPress\" class=\"wp-image-37179 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-750x457.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-100x61.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Sie k\u00f6nnen auch Bl\u00f6cke einf\u00fcgen, die mit Ihrem Thema zusammenh\u00e4ngen. Wenn Sie im Blockoptionen bis zum Abschnitt <i>Theme<\/i> nach unten scrollen, k\u00f6nnen Sie ein Logo, ein Motto, Kommentare zu Beitr\u00e4gen und mehr anzeigen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg\" alt=\"Auswahl verf\u00fcgbarer WordPress-Themenbl\u00f6cke\" class=\"wp-image-37194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-300x161.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-768x411.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1536x822.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-600x321.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-750x401.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie mit der Anpassung Ihrer Vorlage fertig sind, klicken Sie auf <i>Ver\u00f6ffentlichen<\/i>. W\u00e4hlen Sie dann, wann immer Sie einen Beitrag oder eine Seite dieser Vorlage zuweisen m\u00f6chten, diese einfach im Einstellungstab aus.<\/p>\n\n\n\n<h2 id=\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\" class=\"wp-block-heading\"><b>Wie man Template-Teile in WordPress mit dem Site-Editor erstellt<\/b><\/h2>\n\n\n\n<p>Mit einem Block-Theme k\u00f6nnen Sie Vorlagen mit dem Site Editor bearbeiten. Sie k\u00f6nnen Ihr Theme direkt bearbeiten, anstatt einen neuen Beitrag oder eine neue Seite zu erstellen.<\/p>\n\n\n\n<p>Zuerst gehen Sie zu Ihrem Armaturenbrett. Dann w\u00e4hlen Sie <i> Appearance &gt; Editor (beta)<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"334\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor.jpg\" alt=\"WordPress-Themes-Editor-Einstellung im Erscheinungsbild-Men\u00fc\" class=\"wp-image-37195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-themes-editor.jpg.webp 334w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-100x74.jpg 100w\" data-sizes=\"(max-width: 334px) 100vw, 334px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 334px; --smush-placeholder-aspect-ratio: 334\/246;\" \/><\/figure><\/div>\n\n\n<p>Dies wird den Site-Editor \u00f6ffnen. Um die Vorlagen und Vorlagenteile Ihres Themas zu finden, klicken Sie auf das WordPress-Symbol in der oberen linken Ecke:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg\" alt=\"WordPress-Seiteneditor\" class=\"wp-image-37191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n\n<p>Nach der Auswahl von <i>Template Parts<\/i> sehen Sie eine Liste der Standardoptionen. Um einen neuen Template-Teil hinzuzuf\u00fcgen, klicken Sie auf die Schaltfl\u00e4che <i>Add New<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"der Template-Parts-Bildschirm in WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Dann erstellen Sie einen Namen f\u00fcr Ihren Template-Teil und w\u00e4hlen Sie, wo er platziert werden soll. Die drei Platzierungsbereiche sind <i>Allgemein<\/i>, <i>Kopfzeile<\/i> und <i>Fu\u00dfzeile<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg\" alt=\"Erstellen eines neuen Template-Teils in WordPress\" class=\"wp-image-37189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-300x265.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-768x679.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-600x531.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-750x663.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-100x88.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part.jpg.webp 1244w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/905;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie fertig sind, w\u00e4hlen Sie <i>Erstellen<\/i>. Dies f\u00fchrt Sie zum isolierten Template-Teil, den Sie durch Hinzuf\u00fcgen von Bl\u00f6cken anpassen k\u00f6nnen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg\" alt=\"WordPress f\u00fcgt neuen Template-Teil hinzu\" class=\"wp-image-33804 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1200x731.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-730x445.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1460x890.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-784x478.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1568x955.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-877x534.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1754x1069.jpg.webp 1754w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Sie k\u00f6nnten eine einfache Handlungsaufforderung, ein Website-Logo oder alles, was Sie als Vorlagenteil wiederverwenden m\u00f6chten, anzeigen. Sobald es gespeichert ist, k\u00f6nnen Sie es zu jeder Vorlage hinzuf\u00fcgen, indem Sie einfach den <i>Template Part<\/i> Block einf\u00fcgen.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t27 WordPress Block-Themes perfekt f\u00fcr vollst\u00e4ndige Seitenbearbeitung\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-block-themes\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<h2 id=\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\" class=\"wp-block-heading\"><b>Wie man benutzerdefinierte Vorlagen und Vorlagenteile in WordPress erstellt (Manuelle Codierung)<\/b><\/h2>\n\n\n\n<p>Obwohl die vollst\u00e4ndige Seitenbearbeitung Ihnen erm\u00f6glicht, Vorlagen und Vorlagenteile f\u00fcr ein vorhandenes Thema zu erstellen, m\u00f6chten Sie vielleicht <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">Ihr Thema entwickeln<\/a>. Dar\u00fcber hinaus kann Ihnen diese Option mehr Kontrolle \u00fcber das Erscheinungsbild Ihrer Website geben.<\/p>\n\n\n\n<p>Wenn Sie Ihr neues Theme von einem bestehenden aus erstellen, empfehlen wir das <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/\" target=\"_blank\" rel=\"noopener\">Erstellen eines Child-Themes<\/a>. Dieser Schritt stellt sicher, dass neue Updates des Eltern-Themes Ihre Anpassungen nicht \u00fcberschreiben.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-add-a-configuration-file\"><b>Schritt 1: Eine Konfigurationsdatei hinzuf\u00fcgen<\/b><\/h3>\n\n\n\n<p>Mit fr\u00fcheren <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\">PHP-basierten Themes<\/a> konnten Sie die Kopfzeile Ihrer Vorlagendatei bearbeiten. Um jedoch benutzerdefinierte Inhalte in einem blockbasierten Thema zu erstellen, m\u00fcssen Sie eine neue <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>theme.json<\/i>-Datei<\/a> erstellen.<\/p>\n\n\n\n<p>Zuerst m\u00fcssen Sie \u00fcber das <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP)<\/a> oder das Armaturenbrett des Site-Managers Ihres Hosting-Anbieters auf Ihre Website zugreifen. Suchen Sie dann nach dem <i>themes<\/i>-Ordner, der sich unter <i>wp-content<\/i> befinden sollte:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg\" alt=\"wp-content Themes-Ordner in WordPress \u00fcber FTP\" class=\"wp-image-37197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-768x315.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/420;\" \/><\/figure><\/div>\n\n\n<p>In Ihrem Child-Themes-Ordner erstellen Sie eine neue Datei. Benennen Sie sie \u201etheme.json\u201c:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg\" alt=\"theme.json Datei\" class=\"wp-image-37187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-768x272.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file.jpg.webp 1274w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n\n<p>In dieser Datei, f\u00fcgen Sie die Versionsnummer in geschweiften Klammern hinzu. Wenn Sie dies nicht tun, wird sie als \u201eVersion 0\u201c gelesen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;\"version\": 2\n}<\/pre>\n\n\n\n<p>Sie m\u00fcssen diese <i>theme.json<\/i>-Datei konfigurieren, um die Breite Ihres Inhalts zu unterst\u00fctzen. Nach Ihrer Versionsnummer kopieren und f\u00fcgen Sie <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\">diesen zus\u00e4tzlichen Code<\/a> ein:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\"settings\": {\n\"layout\": {\n\"contentSize\": \"840px\",\n\"wideSize\": \"1100px\"\n }\n }\n}<\/pre>\n\n\n\n<p>Dies wird die Breite Ihres Inhalts auf 840px festlegen. Die breite Breite wird ebenfalls auf 1100px aktualisiert. Diese Werte entsprechen den Standardbreiten im Site Editor, k\u00f6nnen aber bei Bedarf bearbeitet werden.<\/p>\n\n\n\n<p>Da die Inhaltsbreite nun 840px betr\u00e4gt, bietet sie viel Platz f\u00fcr jede Zeichenzeile. Abh\u00e4ngig von Ihrer gew\u00e4hlten Schriftart und Gr\u00f6\u00dfe m\u00fcssen Sie diese m\u00f6glicherweise anpassen, damit die Betrachter Ihren Inhalt bequem lesen k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-new-template-parts\"><b>Schritt 2: Neue Vorlagenteile erstellen<\/b><\/h3>\n\n\n\n<p>Dann gehen Sie zur\u00fcck zu Ihrem <i>themes<\/i>-Ordner und \u00f6ffnen Sie den <i>templates<\/i>-Ordner:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"419\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg\" alt=\"Standort des Vorlagenordners innerhalb des Themenordners \u00fcber FTP-Client\" class=\"wp-image-37185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-768x314.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/419;\" \/><\/figure><\/div>\n\n\n<p>Hier, erstellen Sie eine <i>index.html<\/i> Datei:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg\" alt=\"WordPress wp-content themes folder\" class=\"wp-image-37196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1536x498.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-750x243.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-100x32.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/332;\" \/><\/figure><\/div>\n\n\n<p>Kehren Sie zu Ihrem Themenordner zur\u00fcck und klicken Sie auf <i>template-parts<\/i>. Erstellen Sie in diesem Ordner Dateien f\u00fcr <i>footer.html<\/i> und <i>header.html<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg\" alt=\"der Standort der WordPress footer.php-Datei \u00fcber FTP-Client\" class=\"wp-image-37190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-768x390.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1536x781.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-600x305.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-750x381.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-100x51.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/520;\" \/><\/figure><\/div>\n\n\n<p>In der Datei <i>header.html<\/i> f\u00fcgen Sie Code f\u00fcr Ihre Seitentitel- und Slogan-Bl\u00f6cke hinzu. Dies k\u00f6nnen Sie tun, indem Sie dieses <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">Block-Markup<\/a> einbinden:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:site-title \/--&gt;\n&lt;!-- wp:site-tagline \/--&gt;<\/pre>\n\n\n\n<p>Als n\u00e4chstes gehen Sie zur footer.html-Datei und f\u00fcgen den folgenden Code ein:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n&lt;p class=\"has-text-align-center\"&gt;Stolz betrieben von \n&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/pre>\n\n\n\n<p>Sobald Sie diese Vorlagenteile hinzugef\u00fcgt haben, k\u00f6nnen sie leicht identifiziert werden, wenn Sie bereit sind, Ihr Thema zu testen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-combine-the-template-parts\"><b>Schritt 3: Kombinieren Sie die Vorlagenteile<\/b><\/h3>\n\n\n\n<p>Der n\u00e4chste Schritt ist, Block-Markierungen f\u00fcr Ihre Vorlagenteile in Ihre Vorlagen-HTML-Datei einzuf\u00fcgen. \u00d6ffnen Sie den Ordner <i>templates<\/i> und finden Sie die Datei <i>index.html<\/i>, die Sie im letzten Schritt erstellt haben.<\/p>\n\n\n\n<p>Dann m\u00fcssen Sie Code f\u00fcr Ihre zwei Template-Teile hinzuf\u00fcgen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;\n&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/pre>\n\n\n\n<p>Basierend auf dem Namen der Template-Part-Datei wird dieser Name zum Slug. Zum Beispiel wird das Template-Part <i>header.html<\/i> \u201eheader\u201c als seinen Slug haben.<\/p>\n\n\n\n<p>Als n\u00e4chstes f\u00fcgen Sie das richtige HTML-Element f\u00fcr jeden Template-Teil hinzu. Sie werden den Standort des Template-Teils identifizieren:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"tagName\":\"header\"\n\"tagName\":\"footer\"<\/pre>\n\n\n\n<p>Wenn Sie vorhaben, CSS zu verwenden, um diesen Header und Footer zu identifizieren, m\u00fcssen Sie einen benutzerdefinierten CSS-Klassennamen hinzuf\u00fcgen. Sie k\u00f6nnen diesen Code am Ende jeder Zeile platzieren:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"className\":\"site-header\"\n\"className\":\"site-footer\"<\/pre>\n\n\n\n<p>Zuletzt muss die Layouteinstellung, die Sie in die Datei <i>theme.json<\/i> eingef\u00fcgt haben, unterst\u00fctzt werden. Um dies zu tun, f\u00fcgen Sie diesen Code in jeden Template-Teil ein:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"layout\":{\"inherit\":true}<\/pre>\n\n\n\n<p>Hier ist, wie der resultierende Code aussehen sollte:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg\" alt=\"WordPress-Template-Teil Code-Snippets\" class=\"wp-image-37193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-750x161.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-100x21.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code.jpg.webp 1998w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/219;\" \/><\/figure><\/div>\n\n\n<p>Nachdem Sie die Programmierung abgeschlossen haben, k\u00f6nnen Sie Ihre Website vorab anzeigen, um diese \u00c4nderungen an Ihrem Layout zu sehen.<\/p>\n\n\n\n<h2 id=\"h-ready-to-create-your-own-custom-templates\" class=\"wp-block-heading\"><b>Bereit, Ihre eigenen benutzerdefinierten Vorlagen zu erstellen?<\/b><\/h2>\n\n\n\n<p>Wenn Sie Ihren Website-Designprozess optimieren m\u00f6chten, ist es eine gute Idee, das Full-Site Editing zu verwenden. Sie k\u00f6nnen das Erscheinungsbild Ihrer Website einfach mit Vorlagen und Vorlagenteilen mit dieser Funktion anpassen. Dieser Ansatz kann eine einfachere Alternative sein, als jede Seite von Grund auf neu zu gestalten.<\/p>\n\n\n\n<p>Zur \u00dcberpr\u00fcfung, hier sind die verschiedenen M\u00f6glichkeiten, wie Sie Vorlagen und Vorlagenteile in WordPress erstellen k\u00f6nnen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Erstellen Sie eine neue Vorlage mit dem Vorlagen-Editor.<\/li>\n\n\n\n<li>Erstellen Sie Vorlagenteile mit dem Site-Editor.<\/li>\n\n\n\n<li>Manuell Vorlagen und Vorlagenteile kodieren.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Das Entwickeln Ihres eigenen Themes kann schwierig sein, besonders wenn Sie keine Erfahrung mit Webentwicklung haben. Wenn Sie Ihr Layout von Grund auf anpassen m\u00fcssen, m\u00f6chten Sie vielleicht einen professionellen Designer engagieren. Mit unserem <a href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/individuelles-webdesign\/\" target=\"_blank\" rel=\"noopener\">Custom Web Design Pro Service<\/a> k\u00f6nnen Sie diesen komplizierten Codierungsprozess vermeiden und eine hochwertige Website erhalten, die f\u00fcr Ihre Marke gestaltet ist!<\/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      Erstellen Sie eine individuelle Website, auf die Sie stolz sein k\u00f6nnen\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Unsere Designer erstellen von Grund auf eine wundersch\u00f6ne Website, die perfekt zu Ihrer Marke passt.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Erfahren Sie mehr                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Mit der Einf\u00fchrung von WordPress 5.9 k\u00f6nnen Sie jetzt das Full-Site Editing verwenden, um das Aussehen Ihres Themes anzupassen. Dar\u00fcber hinaus k\u00f6nnen Sie auf mehr Designfunktionen zugreifen, um Ihre Website ohne Programmierung mithilfe eines blockbasierten Themes zu erstellen. Diese grundlegenden Einstellungen entsprechen jedoch m\u00f6glicherweise nicht Ihren Anforderungen. Gl\u00fccklicherweise k\u00f6nnen Sie problemlos benutzerdefinierte Vorlagen und Vorlagenteile hinzuf\u00fcgen [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-introduction-to-wordpress-page-templates\",\"Eine Einf\u00fchrung in WordPress-Seitenvorlagen\"],[\"h-the-benefits-of-using-page-templates\",\"Die Vorteile der Verwendung von Seitenvorlagen\"],[\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\",\"Eine Einf\u00fchrung in die vollst\u00e4ndige Seitenbearbeitung mit Vorlagen und Vorlagenteilen\"],[\"h-how-to-make-templates-in-wordpress-with-the-template-editor\",\"Wie man Vorlagen in WordPress mit dem Vorlagen-Editor erstellt\"],[\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\",\"Wie man Template-Teile in WordPress mit dem Site-Editor erstellt\"],[\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\",\"Wie man benutzerdefinierte Vorlagen und Vorlagenteile in WordPress erstellt (Manuelle Codierung)\"],[\"h-ready-to-create-your-own-custom-templates\",\"Bereit, Ihre eigenen benutzerdefinierten Vorlagen zu erstellen?\"]]","hide_toc":false,"footnotes":""},"categories":[14513,14509,14511],"tags":[],"class_list":["post-56853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entschluesselung-von-wordpress-de","category-webdesign-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>Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile - 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\/wordpress-vorlagen-und-vorlagenteile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile\" \/>\n<meta property=\"og:description\" content=\"Mit der Einf\u00fchrung von WordPress 5.9 k\u00f6nnen Sie jetzt das Full-Site Editing verwenden, um das Aussehen Ihres Themes anzupassen. Dar\u00fcber hinaus k\u00f6nnen Sie auf mehr Designfunktionen zugreifen, um Ihre Website ohne Programmierung mithilfe eines blockbasierten Themes zu erstellen. Diese grundlegenden Einstellungen entsprechen jedoch m\u00f6glicherweise nicht Ihren Anforderungen. Gl\u00fccklicherweise k\u00f6nnen Sie problemlos benutzerdefinierte Vorlagen und Vorlagenteile hinzuf\u00fcgen [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/\" \/>\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=\"2022-05-02T15:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:34:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\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=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile - 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\/wordpress-vorlagen-und-vorlagenteile\/","og_locale":"en_US","og_type":"article","og_title":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile","og_description":"Mit der Einf\u00fchrung von WordPress 5.9 k\u00f6nnen Sie jetzt das Full-Site Editing verwenden, um das Aussehen Ihres Themes anzupassen. Dar\u00fcber hinaus k\u00f6nnen Sie auf mehr Designfunktionen zugreifen, um Ihre Website ohne Programmierung mithilfe eines blockbasierten Themes zu erstellen. Diese grundlegenden Einstellungen entsprechen jedoch m\u00f6glicherweise nicht Ihren Anforderungen. Gl\u00fccklicherweise k\u00f6nnen Sie problemlos benutzerdefinierte Vorlagen und Vorlagenteile hinzuf\u00fcgen [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:08:12+00:00","article_modified_time":"2025-01-16T19:34:44+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-01-16T19:34:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/"},"wordCount":2015,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","articleSection":["Entschl\u00fcsselung von WordPress","Webdesign","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/","name":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-01-16T19:34:44+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","width":900,"height":598,"caption":"WordPress page templates and template parts"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decoding WordPress: Benutzerdefinierte Vorlagen und Vorlagenteile"}]},{"@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\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"de","translations":{"de":56853,"es":33728,"en":33726,"uk":52735,"pt":56850,"pl":56856,"ru":56859,"it":68366,"fr":70315,"nl":70336},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56853","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\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=56853"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56853\/revisions"}],"predecessor-version":[{"id":62877,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56853\/revisions\/62877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=56853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=56853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=56853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}