{"id":56065,"date":"2023-11-10T07:00:28","date_gmt":"2023-11-10T15:00:28","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=56065"},"modified":"2025-01-16T11:27:05","modified_gmt":"2025-01-16T19:27:05","slug":"wechsel-zu-wordpress-block-themes","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/","title":{"rendered":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt"},"content":{"rendered":"\n<p>Wenn Sie ein Fan von Legos sind, dann werden Ihnen die WordPress-Block-Themes gefallen.<\/p>\n\n\n\n<p>Mit Version 5.9 bietet WordPress vollst\u00e4ndige Unterst\u00fctzung f\u00fcr Block-Themes. Dies war eine bedeutende \u00c4nderung f\u00fcr die meisten Websites, die auf den nun als \u201eklassisch\u201c bekannten Themes basierten.<\/p>\n\n\n\n<p>Aber der Wechsel von einem klassischen Thema zu einem blockbasierten Thema erfordert ein wenig Arbeit.<\/p>\n\n\n\n<p>In diesem Artikel erkl\u00e4ren wir, wie sie funktionieren und welche Schritte Sie unternehmen k\u00f6nnen, um vom alten Stil zum neuen zu wechseln.<\/p>\n\n\n\n<p>Es wird nicht <b>ganz <\/b>so spa\u00dfig sein wie das Zusammenbauen eines 3.441-teiligen, Sammlermodells des Todessterns von 2005. Aber wir werden unser Bestes geben.<\/p>\n\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">Was ist ein WordPress-Block-Theme?<\/h2>\n\n\n\n<p>Block-Themes erm\u00f6glichen es Benutzern und Website-Administratoren, das Layout ihrer Seiten und Inhalte mithilfe von bearbeitbaren und wiederverwendbaren Inhaltsbl\u00f6cken anzupassen.<\/p>\n\n\n\n<p>Urspr\u00fcnglich bekannt als &#8220;<a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Full Site Editing<\/a>&#8221; (FSE) oder &#8220;Site-Editing&#8221;, f\u00fcgen diese Themen modulare, blockbasierte Funktionalit\u00e4t zu den Layouts und Vorlagen Ihres Themas hinzu. \u00c4hnlich wie der <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg-Editor<\/a> <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-wordpress-blocke-verwendet\/\" target=\"_blank\" rel=\"noopener\">Bl\u00f6cke<\/a> und Blockvorlagen eingef\u00fchrt hat, die innerhalb Ihrer Seiten und Postinhalte verwendet werden k\u00f6nnen.<\/p>\n\n\n\n<p>Aber jetzt k\u00f6nnen Sie das Layout und den Inhalt Ihrer gesamten Website (einschlie\u00dflich Seitenvorlagen und benutzerdefinierten Vorlagen) mithilfe visueller, Drag-and-Drop-Bl\u00f6cke anpassen.<\/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\/block-editor-example.jpg\" alt=\"Beispiel f\u00fcr Block-Editor\" class=\"wp-image-42357 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-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 neuen visuellen Bearbeitungsfunktionen machen es extrem einfach, neue Seitenstrukturen zu erstellen oder den Inhalt einer Seite \u00fcber das hinaus zu personalisieren, was nur im Seitenk\u00f6rper enthalten ist.<\/p>\n\n\n\n<p>Dies bedeutet, dass Sie sich nicht auf Entwickler verlassen m\u00fcssen, um Ihre Themendateien anzupassen oder benutzerdefinierte Vorlagen zu erstellen, um Dinge \u00fcber W\u00f6rter und Bilder hinaus zu Ihrem Inhalt hinzuzuf\u00fcgen. Stattdessen k\u00f6nnen Sie den Inhalt mithilfe des Editors anpassen.<\/p>\n\n\n\n<p>Einzelne Bl\u00f6cke k\u00f6nnen erstellt und gestaltet werden, um in ein responsives Layout zu passen und die Farbe und Typografie Ihrer Website zu entsprechen.<\/p>\n\n\n\n<p>Zus\u00e4tzlich k\u00f6nnen Sie gemeinsam nutzbare <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">Blockmuster<\/a> erstellen und verwenden. Diese sind vorgefertigte Bl\u00f6cke, die von Einzelpersonen, Unternehmen und WordPress-Entwicklern erstellt wurden.<\/p>\n\n\n\n<p>Insgesamt machen Block-Themen WordPress zu einem modulareren und flexibleren System. Es emuliert viele der Funktionen anderer Drag-and-Drop-Stil Website-Builder, die von Unternehmen wie Squarespace und Wix popul\u00e4r gemacht wurden.<\/p>\n\n\n\n<p>Themes, die auf dem Block-Framework basieren, verf\u00fcgen in der Regel \u00fcber vordefinierte benutzerdefinierte Bl\u00f6cke, die dem Design und Stil der Website entsprechen. Sie k\u00f6nnen diese Bl\u00f6cke dann \u00fcberall auf Ihrer Website verwenden, wo Sie sie ben\u00f6tigen.<\/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=\"differences\" class=\"wp-block-heading\">Block-Themes vs. Klassische Themes<\/h2>\n\n\n\n<p>Klassische WordPress-Themes wurden entwickelt, um einheitliche Stilgebung und Design zu schaffen.<\/p>\n\n\n\n<p>Die meisten Bereich der Website waren nur durch Anpassen des Themes oder direktes Bearbeiten von PHP-Vorlagendateien bearbeitbar, um spezifische Funktionalit\u00e4ten zur Website hinzuzuf\u00fcgen.<\/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>PHP<\/h3>\n    <p>PHP (Hypertext Preprocessor) ist eine Open-Source-Skriptsprache. Sie wird h\u00e4ufig in der Webentwicklung verwendet und kann in HTML eingebettet werden. Mehrere beliebte Content-Management-Systeme (CMS), wie WordPress, sind mit PHP erstellt.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/php\/\"\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>Damals hatten die meisten Websites einige Standardvorlagen f\u00fcr jeden Inhaltstyp. Zum Beispiel eine Seitenvorlage und eine Beitragsvorlage. Blockeditoren haben im Allgemeinen immer noch dieselbe Themenstruktur, aber Sie k\u00f6nnen sehr leicht Variationen erstellen oder jede Vorlage mit dem Editor anpassen.<\/p>\n\n\n\n<p>Mit dem <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">Block-Editor<\/a> haben Sie mehr Kontrolle \u00fcber die einzelnen Teile jeder Seite oder jedes Beitrags, und Sie k\u00f6nnen neue Vorlagen im Handumdrehen erstellen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"517\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block.jpg\" alt=\"Soziale Symbole hinzuf\u00fcgen Block\" class=\"wp-image-42358 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1024x331.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-768x248.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1536x496.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1200x388.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-730x236.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1460x472.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-784x253.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1568x507.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-877x283.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\/517;\" \/><\/figure>\n\n\n\n<p>Zum Beispiel k\u00f6nnen Sie einen Block mit sozialen Symbolen oder eine Bildergalerie zu Ihren Seitenvorlagen hinzuf\u00fcgen, damit sie auf jeder Seite Ihrer Website erscheinen oder sie zu einem einzelnen Beitrag hinzuf\u00fcgen.<\/p>\n\n\n\n<p>Es gibt auch einen Stileditor, der es Ihnen erm\u00f6glicht, die Blockeinstellungen anzupassen und die visuellen Elemente wie Farbpalette und Layout zu personalisieren. Sie m\u00fcssen sogar kein CSS bearbeiten.<\/p>\n\n\n\n<p>Zus\u00e4tzlich zu der erh\u00f6hten Flexibilit\u00e4t und Kontrolle bieten Block-Themes viele Vorteile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Entfernen von Shortcodes und HTML-Codebearbeitung<\/h3>\n\n\n\n<p>Mit klassischen Themes haben viele WordPress-Benutzer sich auf benutzerdefinierte Wege verlassen, um Funktionen hinzuzuf\u00fcgen oder das Layout und Design ihrer Blogposts und Seiten zu bearbeiten.<\/p>\n\n\n\n<p>Shortcodes und benutzerdefinierte HTML-Snippets wurden oft verwendet, um neue Funktionen zu \u00fcberschreiben oder einzuf\u00fcgen, die nicht im Thema der Website enthalten waren.<\/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>HTML<\/h3>\n    <p>HTML steht f\u00fcr HyperText Markup Language. Es ist der grundlegendste Baustein des Webs und die Standard-Auszeichnungssprache zur Erstellung von Webseiten und Anwendungen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\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>Zum Beispiel k\u00f6nnten Sie einen langen Code-Schnipsel in jeden Beitrag kopiert und eingef\u00fcgt haben, um einen Aufruf zum Handeln hinzuzuf\u00fcgen oder ein Eintragsformular einzuf\u00fcgen.<\/p>\n\n\n\n<p>Jetzt k\u00f6nnen Sie einfach ein <a href=\"https:\/\/wordpress.org\/documentation\/article\/reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">synchronisiertes Muster<\/a> (wiederverwendbarer Block) f\u00fcr diesen Inhalt erstellen. Dann erstellen Sie eine benutzerdefinierte Vorlage f\u00fcr jeden relevanten CTA. Zum Schluss w\u00e4hlen Sie einfach die Vorlage f\u00fcr jeden Beitrag aus, damit der CTA angezeigt wird.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Native Page Builder-Elemente freischalten<\/h3>\n\n\n\n<p>F\u00fcr viele Benutzer wird ein Block-basiertes Thema die Notwendigkeit f\u00fcr Seitenbau-Plugins, die in der WordPress-Gemeinschaft beliebt geworden sind, eliminieren.<\/p>\n\n\n\n<p>Diese Plugins dienten als Notl\u00f6sung f\u00fcr Benutzer, die ein modulares, blockbasiertes System zum Erstellen ihrer Website w\u00fcnschten, bevor es f\u00fcr die meisten WordPress-Themes verf\u00fcgbar war.<\/p>\n\n\n\n<p>Diese Themes sind nat\u00fcrlich immer noch beliebt. Divi, Elementor, Gutenify und andere waren Pioniere in diesem Bereich, aber jetzt m\u00fcssen Sie nicht mehr diese speziellen Themes verwenden, um modulare Website-Baukapazit\u00e4ten freizuschalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Website-Leistung verbessern<\/h3>\n\n\n\n<p>Ein weiterer gro\u00dfer Vorteil des Wechsels zu Block-Themen ist die Verbesserung der Seitenladezeit und der Website-Leistung.<\/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>Ladezeit der Seite<\/h3>\n    <p>Die Ladezeit einer Seite ist, ganz einfach, die Zeit, die es dauert, bis eine Webseite geladen ist. In technischeren Begriffen ist es die Zeit, die ben\u00f6tigt wird, um den gesamten Inhalt einer Webseite herunterzuladen und anzuzeigen. Sie wird normalerweise in Sekunden gemessen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/page-load-time\/\"\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>Viele Websites haben sich auf Plugins von Drittanbietern oder das Kopieren und Einf\u00fcgen von Code-Schnipseln verlassen, um die gew\u00fcnschte Funktionalit\u00e4t und das Design f\u00fcr ihre Seiten zu erhalten. Dies f\u00fchrt h\u00e4ufig dazu, dass zus\u00e4tzliche Skripte und Stile zu den Seiten hinzugef\u00fcgt werden. Jede dieser Ressourcen ben\u00f6tigt Zeit zum Laden und verlangsamt Ihre Website.<\/p>\n\n\n\n<p>Indem man von einem klassischen Thema zu einem Blockthema wechselt, k\u00f6nnen viele Websites diese zus\u00e4tzlichen Teile entfernen. Dies wird den Code auf der Seite vereinfachen und sollte <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/gtmetrix\/\" target=\"_blank\" rel=\"noopener\">die Ladegeschwindigkeit und Leistung der Seite verbessern<\/a>.<\/p>\n\n\n\n<p>Was wiederum das <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/seo-verbessern\/\" target=\"_blank\" rel=\"noopener\">SEO steigern<\/a>, die Beteiligung verbessern und die Konversionen erh\u00f6hen kann.<\/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>SEO<\/h3>\n    <p>Suchmaschinenoptimierung (SEO) ist die Praxis, das Ranking einer Website in den Suchergebnissen zu verbessern. Suchergebnisse werden auf Basis mehrerer Faktoren aggregiert, einschlie\u00dflich der Relevanz und Qualit\u00e4t einer Website. Die Optimierung Ihrer Website f\u00fcr diese Faktoren kann helfen, Ihre Rankings zu verbessern.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\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<h3 class=\"wp-block-heading\">Konflikte, Updates und Schwachstellen reduzieren<\/h3>\n\n\n\n<p>Mit weniger Abh\u00e4ngigkeit von Drittanbieter-Plugins werden Sie auch weniger Konflikte oder erforderliche Updates f\u00fcr Ihre <a href=\"https:\/\/www.dreamhost.com\/blog\/what-makes-up-a-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">WordPress-Site<\/a> erleben.<\/p>\n\n\n\n<p>Da Websites immer komplexer werden, k\u00f6nnen die zus\u00e4tzlichen verwendeten Plugins oft miteinander in Konflikt geraten. Dies kann zu schwerwiegenden Problemen f\u00fchren, wie dem ber\u00fcchtigten <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/fehlerbehebung-beim-wordpress-white-screen-death\/\" target=\"_blank\" rel=\"noopener\">White Screen of Death<\/a>. Und das Aktualisieren von Plugins kann sich wie ein v\u00f6lliges Gl\u00fccksspiel anf\u00fchlen. (\u201eWird dies das sein, das meine Website zerst\u00f6rt?!\u201c)<\/p>\n\n\n\n<p>Vermutlich noch wichtiger ist, dass eine geringere Abh\u00e4ngigkeit von Plugins von Drittanbietern Ihre Website auch <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/sichern-sie-ihre-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">sicherer machen<\/a> wird. Diese Tools k\u00f6nnen oft Schwachstellen oder Exploits in Ihren Code einf\u00fchren. (Besonders, wenn Sie deren Aktualisierung vermeiden, weil Sie Angst haben, etwas Wichtiges zu besch\u00e4digen.)<\/p>\n\n\n\n<h2 id=\"should\" class=\"wp-block-heading\">Sollten Sie zu einem Block-Thema wechseln?<\/h2>\n\n\n\n<p>Unter Ber\u00fccksichtigung all dieser Vorteile scheint es in den meisten F\u00e4llen klug zu sein, auf ein Block-Theme zu aktualisieren.<\/p>\n\n\n\n<p><b>Die meisten<\/b> Unternehmen und Websites sollten in Erw\u00e4gung ziehen, von einem klassischen Thema zu einem Block-Thema zu wechseln.<\/p>\n\n\n\n<p>Es f\u00fchrt viele Verbesserungen der Lebensqualit\u00e4t ein, die das Verwalten Ihrer Website und Ihrer Inhalte erleichtern und es Ihrem Team erm\u00f6glichen, effizienter zu arbeiten und Inhalte ohne dedizierte Entwicklungszeit mit codefreien Bearbeitungsfunktionen zu individualisieren.<\/p>\n\n\n\n<p>Und es ist ein wertvoller Schritt zur Verbesserung der Leistung und Sicherheit Ihrer Website.<\/p>\n\n\n\n<p>Wann sollten Sie <b>nicht <\/b>wechseln?<\/p>\n\n\n\n<p>Kurz gesagt: Wenn Sie nicht die Zeit und die Ressourcen haben, sich der \u00c4nderung zu widmen. Das \u00c4ndern Ihres WordPress-Themas, insbesondere wenn es ma\u00dfgeschneidert oder stark angepasst ist, erfordert eine erhebliche Menge an Arbeit.<\/p>\n\n\n\n<p>W\u00e4hrend Ihre Inhalte, Medien und andere Verm\u00f6genswerte erhalten bleiben, wird das Gesamtdesign Ihrer Website ge\u00e4ndert, um zum neuen Thema zu passen.<\/p>\n\n\n\n<p>Wenn Sie das Aussehen Ihres aktuellen Themes beibehalten oder ein v\u00f6llig anderes Aussehen w\u00fcnschen, m\u00fcssen Sie das Design entsprechend anpassen.<\/p>\n\n\n\n<p>Auf der positiven Seite: Diese \u00c4nderungen vorzunehmen wird einfacher sein, da Ihr neues Theme blockbasiert ist und Ihnen erlaubt, die meisten Themenlayouts, Elemente, Farben und Stile zu bearbeiten, ohne den Code zu \u00e4ndern.<\/p>\n\n\n\n<p>Lassen Sie uns den Prozess betrachten.<\/p>\n\n\n\n<h2 id=\"howto\" class=\"wp-block-heading\">Wie man zu einem WP Block-Thema wechselt<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Sichern Sie Ihre Website<\/h3>\n\n\n\n<p>Jedes Mal, wenn Sie gr\u00f6\u00dfere Aktualisierungen an Ihrer Website vornehmen, erstellen Sie eine Sicherung.<\/p>\n\n\n\n<p>Es ist so wichtig, dass wir es wiederholen werden.<\/p>\n\n\n\n<p>Erstellen Sie eine Sicherung. (Ernsthaft.)<\/p>\n\n\n\n<p>Wenn Sie einen <a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\" target=\"_blank\" rel=\"noopener\">verwalteten WordPress-Hosting<\/a>-Dienst verwenden, sollten Sie automatische und manuelle Backup-Optionen haben.<\/p>\n\n\n\n<p>Wenn nicht, sollten Sie ein WordPress-Plugin wie <a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener\">BlogVault<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\">UpdraftPlus<\/a> oder <a href=\"https:\/\/wordpress.org\/plugins\/jetpack-backup\/\" target=\"_blank\" rel=\"noopener\">Jetpack Backup<\/a> verwenden, um alle Dateien und Inhalte Ihrer Website zu sichern.<\/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>Jetpack<\/h3>\n    <p>Jetpack ist ein WordPress-Plugin, das von Automattic erstellt wurde, dem Unternehmen hinter WordPress.com. Es ist ein Plugin, das Ihnen Zugang zu Funktionen bietet, die normalerweise nur auf WordPress.com-Websites verf\u00fcgbar sind.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/jetpack\/\"\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>Auf diese Weise haben Sie, falls etwas schief geht, eine M\u00f6glichkeit, Ihre Website wiederherzustellen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Bewerten Sie Ihre Website<\/h3>\n\n\n\n<p>Das N\u00e4chste, was wir tun m\u00fcssen, ist ein Gef\u00fchl daf\u00fcr zu bekommen, was passiert, wenn Sie den Wechsel vornehmen.<\/p>\n\n\n\n<p>Das \u00c4ndern Ihres Themes hat in der Regel zwei unmittelbare Auswirkungen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Das Gesamtdesign, die Farben und die Stile Ihrer Website werden sich \u00e4ndern.<\/li>\n\n\n\n<li>Sie verlieren jeglichen benutzerdefinierten Code oder \u00c4nderungen, die direkt in die Dateien oder Vorlagen Ihres alten Themes eingef\u00fcgt wurden.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Dar\u00fcber hinaus sollten Ihre Inhalte und alles, was dem K\u00f6rper Ihrer Beitr\u00e4ge und Seiten hinzugef\u00fcgt wurde, gleich bleiben.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change.jpg\" alt=\"Nur ein weiterer Themenwechsel\" class=\"wp-image-42359 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-300x288.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1024x984.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-768x738.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1536x1476.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-600x576.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1200x1153.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-730x701.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1460x1403.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-784x753.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1568x1506.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-877x842.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\/1537;\" \/><\/figure>\n\n\n\n<p>Zum Beispiel, wenn Sie ein klassisches Thema verwenden und das Layout des Headers Ihrer Website angepasst haben, werden diese \u00c4nderungen nicht \u00fcbernommen.<\/p>\n\n\n\n<p>Also, was sollten Sie tun?<\/p>\n\n\n\n<p>Gehen Sie jede Seite Ihrer Website durch (oder zumindest alle einzigartigen Vorlagen).<\/p>\n\n\n\n<p>Suchen Sie nach benutzerdefinierten Inhalten, Widgets, Bannern, Grafiken usw., die den Themendateien hinzugef\u00fcgt wurden. Diese befinden sich in der Regel in den \u201estatischen\u201c Bereichen wie Ihrer Kopfzeile, Seitenleiste oder Fu\u00dfzeile.<\/p>\n\n\n\n<p>Beachten Sie jede Instanz, die Sie finden. Es ist m\u00f6glich, diesen Inhalt nach dem Wechsel wieder in Ihre Website einzuf\u00fcgen.<\/p>\n\n\n\n<p>Und keine Sorge. Selbst wenn Ihnen etwas entgeht, k\u00f6nnen Sie im Allgemeinen zu Ihrem alten Thema zur\u00fcckkehren, um zu sehen, was erschienen ist und jetzt auf Ihrer neuen Website fehlt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: W\u00e4hlen Sie ein Thema<\/h3>\n\n\n\n<p>Jetzt ist es Zeit, Ihr Thema auszuw\u00e4hlen.<\/p>\n\n\n\n<p>Was ist Ihr gew\u00fcnschtes Ergebnis?<\/p>\n\n\n\n<p>M\u00f6chten Sie ein Theme, das Ihrem bestehenden Webdesign sehr \u00e4hnelt? Oder etwas, das radikal anders ist? Ein v\u00f6llig neuer Look.<\/p>\n\n\n\n<p>In welche Richtung auch immer, Sie k\u00f6nnen beginnen, indem Sie verf\u00fcgbare Themes im <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\" target=\"_blank\" rel=\"noopener\">WordPress-Themenverzeichnis<\/a> durchsuchen. (Klicken Sie auf \u201eBlock Themes\u201c, um zu filtern.)<\/p>\n\n\n\n<p>Sie k\u00f6nnen auch unsere Liste der <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\">27 besten Block-Themen<\/a> ansehen.<\/p>\n\n\n\n<p>Behalten Sie im Hinterkopf, dass die Anpassungsoptionen mit allen Block-Themes nahezu grenzenlos sind. Es ist wie bei der Suche nach einer Wohnung oder einem Haus. Lassen Sie sich nicht von der Wandfarbe aufhalten. Sie k\u00f6nnen immer neu streichen. W\u00e4hrend Sie weiterhin nach Themes suchen sollten, die dem allgemeinen Stil und den Designpr\u00e4ferenzen nahekommen, werden Sie in der Lage sein, das Theme Ihren Bed\u00fcrfnissen anzupassen.<\/p>\n\n\n\n<p>Beispielsweise, wenn Sie ein minimalistisches Design bevorzugen, m\u00f6chten Sie vielleicht mit einem einfachen Thema beginnen. Eine andere M\u00f6glichkeit ist, ein komplexes Thema zu modifizieren, um einige Inhalte zu entfernen.<\/p>\n\n\n\n<p>Zuletzt sehen Sie sich die vordefinierten Bl\u00f6cke an, die in den Themes enthalten sind.<\/p>\n\n\n\n<p>Viele Themes enthalten benutzerdefinierte Blockstile, die bereits erstellt wurden und verf\u00fcgbar sind, sobald Sie sie aktivieren. Dies kann eine gro\u00dfe Zeitersparnis sein, im Vergleich dazu, zus\u00e4tzliche Bl\u00f6cke manuell erstellen zu m\u00fcssen, nachdem das neue Theme eingerichtet wurde.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples.jpg\" alt=\"Beispiele f\u00fcr Musterbl\u00f6cke\" class=\"wp-image-42360 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-877x543.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\/991;\" \/><\/figure>\n\n\n\n<p>Erkunden Sie den Abschnitt \u201eMuster\u201c des Themas, um zu sehen, wie diese Bl\u00f6cke verwendet werden, um benutzerdefinierte Abschnitte zu erstellen. Viele Themen enthalten Beispiele f\u00fcr Muster f\u00fcr Kopfzeilen, Muster f\u00fcr Fu\u00dfzeilen und andere relevante Abschnitte oder Komponenten, die Sie m\u00f6glicherweise auf Ihrer Website verwenden m\u00f6chten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Thema installieren und aktivieren<\/h3>\n\n\n\n<p>Nachdem Sie sich f\u00fcr ein Theme entschieden haben, ist es Zeit f\u00fcr die Installation.<\/p>\n\n\n\n<p>Sie k\u00f6nnen entweder die Block-Theme-Zip-Datei lokal herunterladen und dann hochladen. Oder, wenn das Theme im WordPress-Verzeichnis vorhanden ist, k\u00f6nnen Sie es von Ihrem WP-Admin installieren.<\/p>\n\n\n\n<p>Um dies zu tun, gehen Sie zu <i>Appearance &gt; Themes,<\/i> und klicken Sie auf die Schaltfl\u00e4che \u201eAdd New\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"992\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin.jpg\" alt=\"Neues Thema in WP-Admin hinzuf\u00fcgen\" class=\"wp-image-42361 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1024x635.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1536x952.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1200x744.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-730x453.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1460x905.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1568x972.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-877x544.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\/992;\" \/><\/figure>\n\n\n\n<p>Geben Sie dann den Namen des Themes in das Suchfeld ein. Finden Sie das Theme, das Sie installieren m\u00f6chten, und fahren Sie mit der Maus dar\u00fcber. Klicken Sie auf \u201eInstallieren\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme.jpg\" alt=\"Neues Thema installieren\" class=\"wp-image-42362 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-877x543.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\/991;\" \/><\/figure>\n\n\n\n<p>Ihr neues Theme ist jetzt installiert!<\/p>\n\n\n\n<p>Gehen Sie zur\u00fcck zu Ihrer <i>Themes<\/i>-Seite und finden Sie das Theme. Sie k\u00f6nnen es sofort durch Klicken auf \u201eAktivieren\u201c aktivieren.<\/p>\n\n\n\n<p><b>Nerd Hinweis<\/b>: Wenn Sie sich immer noch unsicher sind, wie Ihre Website mit dem neuen Thema aussehen wird, verwenden Sie die Option \u201eLive-Vorschau\u201c, um zu sehen, wie es aussehen wird. Oder noch besser, installieren Sie das Thema und folgen Sie den n\u00e4chsten Schritten auf einer <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/anfangerleitfaden-zum-staging-von-websites\/\" target=\"_blank\" rel=\"noopener\">Staging-Version Ihrer Website<\/a>. Auf diese Weise werden die \u00c4nderungen nicht live sein, w\u00e4hrend Sie Ihre Website aktualisieren und anpassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Das Layout und Design anpassen<\/h3>\n\n\n\n<p>Nachdem Sie das Theme aktiviert haben, wird Ihre Website (wahrscheinlich) anders aussehen als zuvor.<\/p>\n\n\n\n<p>Jetzt ist es an der Zeit, das Aussehen mit Ihrer Themeneinrichtung anzupassen. Sie k\u00f6nnen das vorherige Design, das Sie f\u00fcr Ihre Website verwendet haben, erneut erstellen oder einen v\u00f6llig neuen Weg einschlagen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen so oder so die vollst\u00e4ndige Blockfunktionalit\u00e4t der Seite nutzen, um mit nur wenigen Klicks anzupassen.<\/p>\n\n\n\n<p>Normalerweise, wenn Ihr Theme den Site-Editor verwenden kann, wird eine neue Nachricht auf der <i>customize.php <\/i>Seite angezeigt, die lautet: \u201eHurra! Ihr Theme unterst\u00fctzt die Seitenbearbeitung mit Bl\u00f6cken! Erz\u00e4hl mir mehr. Verwenden Sie den Site-Editor.\u201c<\/p>\n\n\n\n<p>Wenn Sie diese Nachricht aus irgendeinem Grund nicht sehen, klicken Sie auf der <i>Themes<\/i>-Seite auf \u201eAnpassen\u201c bei Ihrem neuen Thema.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme.jpg\" alt=\"WordPress Customize Theme\" class=\"wp-image-42363 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-877x543.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\/991;\" \/><\/figure>\n\n\n\n<p>Sie sehen jetzt den Editor-Bildschirm. Von hier aus k\u00f6nnen Sie in jede spezifische Seite oder Beitrag auf Ihrer Website eintauchen und diese bearbeiten. Sie k\u00f6nnen auch neue Vorlagen oder Muster bearbeiten und erstellen.<\/p>\n\n\n\n<p>Hier werden Sie den Gro\u00dfteil Ihrer Zeit verbringen wollen. Abh\u00e4ngig von Ihren Zielen f\u00fcr das neue Theme m\u00f6chten Sie vielleicht jede Standardvorlage und jedes Muster durchgehen, um den Inhalt und das Layout anzupassen.<\/p>\n\n\n\n<p>Zus\u00e4tzlich zur \u00c4nderung des Layouts und der Bl\u00f6cke auf Ihrer Website k\u00f6nnen Sie auch die Bearbeitungsoptionen verwenden, um Ihre Stileinstellungen anzupassen.<\/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\/block-style-settings.jpg\" alt=\"Block Style Settings\" class=\"wp-image-42364 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-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>Unter den \u201eBlock\u201c-Einstellungen sollten Sie mehrere Stiloptionen sehen. Hier k\u00f6nnen Sie die Designelemente wie Schriftgr\u00f6\u00dfe, Ausrichtung, Abstand und Farbschemata anpassen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen auch benutzerdefinierte CSS-Klassen f\u00fcr jedes Element unter <i>Erweitert<\/i> hinzuf\u00fcgen.<\/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>CSS<\/h3>\n    <p>Cascading Style Sheets (CSS) ist eine wesentliche Programmiersprache, die f\u00fcr die Gestaltung von Webseiten verwendet wird. CSS hilft Ihnen, sch\u00f6ne Seiten zu erstellen, indem es das Aussehen verschiedener Elemente wie Schriftstil, Farbe, Layout und mehr ver\u00e4ndert.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\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<h3 class=\"wp-block-heading\">Schritt 6: \u00dcberpr\u00fcfen Sie auf defekte Plugins oder Widgets<\/h3>\n\n\n\n<p>Nicht jedes Plugin, Widget oder jede Anpassung funktioniert mit Block-Themes.<\/p>\n\n\n\n<p>Wenn Ihre Website eine Reihe von Plugins und Widgets verwendet hat (die Sie in Schritt 2 identifiziert haben sollten), m\u00fcssen Sie m\u00f6glicherweise einige Anpassungen im Backend vornehmen.<\/p>\n\n\n\n<p>Block-Plugins sind mit Block-Themes kompatibel, aber einige \u00e4ltere funktionieren m\u00f6glicherweise nicht.<\/p>\n\n\n\n<p>Angenommen, Sie m\u00f6chten ein Social Widget hinzuf\u00fcgen, das Sie mit Ihrem alten Theme verwendet haben. Wenn Sie die Option zum Hinzuf\u00fcgen dieses spezifischen Widgets aus dem Block-Editor nicht sehen, m\u00fcssen Sie wahrscheinlich ein neues Plugin finden, das unterst\u00fctzt wird.<\/p>\n\n\n\n<h2 id=\"summary\" class=\"wp-block-heading\">Finden Sie das perfekte Block-Theme f\u00fcr Ihre Website<\/h2>\n\n\n\n<p>Jetzt, da Sie die Schritte kennen, kommt der spa\u00dfige Teil.<\/p>\n\n\n\n<p>Das richtige Block-Thema f\u00fcr Ihre Website zu finden, egal ob es sich um einen pers\u00f6nlichen Blog, eine Firmenwebsite oder eine Medienplattform handelt, kann aufregend sein, mit so vielen gro\u00dfartigen Optionen zur Verf\u00fcgung.<\/p>\n\n\n\n<p>Einige unserer beliebtesten Block-Themes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentytwentythree\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Three<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\" target=\"_blank\" rel=\"noopener\">Blockbase<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noopener\">SeedProd<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/li>\n\n\n<\/ol>\n\n\n\n<p>Mit dem richtigen Thema sind Sie auf dem besten Weg, ein <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-wordpress-blocke-verwendet\/\" target=\"_blank\" rel=\"noopener\">WordPress-Bl\u00f6cke<\/a>-Meister zu werden, DreamHost kann helfen!<\/p>\n\n\n\n<p>Viel Spa\u00df beim Bauen!<\/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      Sie tr\u00e4umen es, wir programmieren es\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nutzen Sie \u00fcber 20 Jahre Programmiererfahrung, wenn Sie sich f\u00fcr unseren Webentwicklungsservice entscheiden. Lassen Sie uns einfach wissen, was Sie f\u00fcr Ihre Website w\u00fcnschen \u2014 wir k\u00fcmmern uns um den Rest.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/entwicklung\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr erfahren                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie ein Fan von Legos sind, werden Sie WordPress-Block-Themes lieben. Beginnend mit Version 5.9 bietet WordPress volle Unterst\u00fctzung f\u00fcr Block-Themes. Dies war eine gro\u00dfe \u00c4nderung f\u00fcr die meisten Websites, die auf dem, was jetzt als \u201eklassische\u201c Themes bekannt ist, aufgebaut waren. Aber der Wechsel von einem klassischen Theme zu einem blockbasierten Theme erfordert ein [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42353,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"definition\",\"Was ist ein WordPress-Block-Theme?\"],[\"differences\",\"Block-Themes vs. Klassische Themes\"],[\"should\",\"Sollten Sie zu einem Block-Thema wechseln?\"],[\"howto\",\"Wie man zu einem WP Block-Thema wechselt\"],[\"summary\",\"Finden Sie das perfekte Block-Theme f\u00fcr Ihre Website\"]]","hide_toc":false,"footnotes":""},"categories":[14519,14509,14511],"tags":[],"class_list":["post-56065","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-erste-schritte-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>Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt - 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\/wechsel-zu-wordpress-block-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt\" \/>\n<meta property=\"og:description\" content=\"Wenn Sie ein Fan von Legos sind, werden Sie WordPress-Block-Themes lieben. Beginnend mit Version 5.9 bietet WordPress volle Unterst\u00fctzung f\u00fcr Block-Themes. Dies war eine gro\u00dfe \u00c4nderung f\u00fcr die meisten Websites, die auf dem, was jetzt als \u201eklassische\u201c Themes bekannt ist, aufgebaut waren. Aber der Wechsel von einem klassischen Theme zu einem blockbasierten Theme erfordert ein [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-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-10T15:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:27:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-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=\"13 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt - 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\/wechsel-zu-wordpress-block-themes\/","og_locale":"en_US","og_type":"article","og_title":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt","og_description":"Wenn Sie ein Fan von Legos sind, werden Sie WordPress-Block-Themes lieben. Beginnend mit Version 5.9 bietet WordPress volle Unterst\u00fctzung f\u00fcr Block-Themes. Dies war eine gro\u00dfe \u00c4nderung f\u00fcr die meisten Websites, die auf dem, was jetzt als \u201eklassische\u201c Themes bekannt ist, aufgebaut waren. Aber der Wechsel von einem klassischen Theme zu einem blockbasierten Theme erfordert ein [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-10T15:00:28+00:00","article_modified_time":"2025-01-16T19:27:05+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-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":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-01-16T19:27:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/"},"wordCount":2526,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","articleSection":["Erste Schritte","Webdesign","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/","name":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-01-16T19:27:05+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wechsel-zu-wordpress-block-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Wie man von einem klassischen Thema zu WordPress Block-Themen wechselt"}]},{"@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":56065,"es":42367,"en":42351,"uk":50963,"pt":56063,"pl":56069,"ru":56072,"it":68576,"fr":70741,"nl":70765},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56065","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=56065"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56065\/revisions"}],"predecessor-version":[{"id":62750,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56065\/revisions\/62750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42353"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=56065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=56065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=56065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}