{"id":53867,"date":"2022-07-06T07:00:36","date_gmt":"2022-07-06T14:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=53867"},"modified":"2025-01-16T11:34:29","modified_gmt":"2025-01-16T19:34:29","slug":"wordpress-theme-konfiguration","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/","title":{"rendered":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei"},"content":{"rendered":"\n<p>Neue Theme-Konfigurationsoptionen in WordPress erleichtern es mehr denn je, das Aussehen Ihrer Website nach Ihren spezifischen und einzigartigen Bed\u00fcrfnissen zu \u00e4ndern. Dar\u00fcber hinaus macht die M\u00f6glichkeit, klassische Themes in Block-Themes umzuwandeln, die Funktionalit\u00e4t noch benutzerfreundlicher.<\/p>\n\n\n\n<p>In diesem Blogbeitrag, dem vierten in unserer Serie \u201eWordPress entschl\u00fcsseln\u201c, werden wir beide Entwicklungen besprechen, einschlie\u00dflich dessen, was sie sind und wie sie es Ihnen erleichtern k\u00f6nnen, eine sch\u00f6ne, ma\u00dfgeschneiderte Website zu haben, egal ob Sie Anf\u00e4nger oder fortgeschrittene WordPress-Entwicklungsf\u00e4higkeiten besitzen.<\/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-overview-of-wordpress-themes-and-templates\" class=\"wp-block-heading\"><b>\u00dcbersicht \u00fcber WordPress-Themes und -Templates<\/b><\/h2>\n\n\n\n<p>Bevor wir die neuesten Optionen zur Konfiguration Ihres Themes durch Nutzung der neuesten M\u00f6glichkeiten, die durch eine Datei namens theme.json erm\u00f6glicht werden, durchgehen, werden wir uns damit vertraut machen, was es eigentlich <i>bedeutet<\/i>, ein Theme zu konfigurieren. Um unser Verst\u00e4ndnis daf\u00fcr zu helfen, kl\u00e4ren wir zun\u00e4chst den Unterschied zwischen einem Theme und einer Vorlage in WordPress, da es oft einige Verwirrung dar\u00fcber gibt, besonders wenn Sie ein Anf\u00e4nger sind.<\/p>\n\n\n\n<p>Ein Theme ist das vollst\u00e4ndige Design und die Grundlage f\u00fcr das einheitliche <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/elemente-des-webdesigns\/\" target=\"_blank\" rel=\"noopener\">Aussehen und Gef\u00fchl<\/a> Ihrer Website. Es beinhaltet Dinge wie <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-farbschema-fur-ihre-website-auswahlt\/\" target=\"_blank\" rel=\"noopener\">Farbpaletten<\/a>, <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\" target=\"_blank\" rel=\"noopener\">Typografie<\/a>, Seitenlayouts, R\u00e4nder, Zeilenabstand, Kopf- und <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">Fu\u00dfzeilen<\/a>, Positionierung der Seitenleiste und andere Elemente. Wenn Sie ein Theme <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-theme-auswahlt\/\" target=\"_blank\" rel=\"noopener\">ausw\u00e4hlen<\/a> und installieren, werden all diese Elemente ebenfalls automatisch installiert. Es gibt nahezu unz\u00e4hlige Anzahl von kostenlosen und kostenpflichtigen Themes.<\/p>\n\n\n\n<p>Eine <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/\" target=\"_blank\" rel=\"noopener\">Vorlage<\/a> ist jedoch ein Einzelseiten-Layout innerhalb eines Website-themas. Und obwohl \u00c4nderungen an einer Vorlage vorgenommen werden k\u00f6nnen, werden sie nur auf die Seiten angewendet, die diese Vorlage verwenden, nicht auf die gesamte Website. Elemente wie das Anpassen des Layouts Ihres Blogs, das Erstellen von <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/lead-generierende-landingpages-in-wordpress-erstellen\/\" target=\"_blank\" rel=\"noopener\">Landingpages<\/a> und das Verleihen eines unverwechselbaren Aussehens anderer Inhalte sind Beispiele f\u00fcr das, was Sie mit Vorlagen erreichen k\u00f6nnen.<\/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\/07\/wordpress-template-editor-1024x631.jpg\" alt=\"neue WordPress-Themenkonfigurationsoptionen\" class=\"wp-image-35328 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-768x474.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-730x450.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-784x483.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-877x541.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor.jpg.webp 1200w\" 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<h2 id=\"h-so-what-are-theme-configuration-options-then\" class=\"wp-block-heading\"><b>Also, was sind dann Theme-Konfigurationsoptionen?<\/b><\/h2>\n\n\n\n<p>Die Konfigurationsoptionen f\u00fcr Themes sind Administrationsseiten, die bei einigen WordPress-Themes mitgeliefert werden. Diese Administrationsseiten erm\u00f6glichen es Ihnen, die Einstellungen Ihres installierten Themes anzupassen, ohne Theme-Dateien \u00e4ndern oder sich mit Code\u00e4nderungen aufhalten zu m\u00fcssen. Einige dieser Administrationsseiten bieten m\u00f6glicherweise nur einige Optionen, w\u00e4hrend andere viele, viele weitere haben k\u00f6nnen. Wenn Sie Anf\u00e4nger sind, kann die relative Einfachheit einer Administrationsseite im Vergleich zu dem komplizierteren Weg eine willkommene Zeit- und Nervenersparnis sein.<\/p>\n\n\n\n<p>Wenn Ihr Ziel nur darin besteht, Funktionen innerhalb eines Themes zu verbessern oder zu \u00e4ndern, k\u00f6nnen Sie die Dinge erheblich vereinfachen, indem Sie ein Plugin installieren, anstatt das gesamte Theme neu zu konfigurieren. Wenn Sie jedoch den Stil und die Blockeinstellungen Ihres gesamten Standorts \u00e4ndern m\u00f6chten, m\u00fcssen Sie dies durch Anpassungen vornehmen.<\/p>\n\n\n\n<h2 id=\"h-what-the-heck-is-json\" class=\"wp-block-heading\"><b>Was zum Teufel ist JSON?<\/b><\/h2>\n\n\n\n<p>Um Ihr WordPress-Theme anzupassen, wenn es keine Admin-Seite enth\u00e4lt, m\u00fcssen Sie eine <a href=\"https:\/\/fullsiteediting.com\/lessons\/creating-theme-json\/\" target=\"_blank\" rel=\"noopener\">erstellen<\/a> und eine <span style=\"font-weight: 500;\">theme.json-Konfigurationsdatei zum Thema hinzuf\u00fcgen. Aber was ist <a href=\"https:\/\/en.wikipedia.org\/wiki\/JSON\" target=\"_blank\" rel=\"noopener\">JSON<\/a>? Das Akronym steht f\u00fcr JavaScript Object Notation, ein offenes, textbasiertes Daten\u00fcbertragungsformat, das sowohl von Menschen als auch von Maschinen gelesen werden kann und nicht an eine spezifische Programmiersprache gebunden ist. Sein h\u00e4ufigster Einsatz ist die \u00dcbertragung von Daten in Webanwendungen.<\/span><\/p>\n\n\n\n<p><b>theme.json<\/b> Unterst\u00fctzung wurde in WordPress in der Version 5.8 hinzugef\u00fcgt und funktioniert nicht mit \u00e4lteren Versionen von WordPress, es sei denn, Sie aktivieren das <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg-Plugin<\/a>. (Der <a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\">Gutenberg-Editor<\/a> wurde offiziell im Jahr 2018 zusammen mit WordPress 5.0 ver\u00f6ffentlicht.)<\/p>\n\n\n\n<p>Einige der Anpassungsoptionen, die Sie innerhalb von <b>theme.json<\/b> ausw\u00e4hlen k\u00f6nnen, umfassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aktivieren oder Deaktivieren von Funktionen wie Initialen, Blockabst\u00e4nde, R\u00e4nder und benutzerdefinierte Zeilenh\u00f6hen<\/li>\n\n\n\n<li>Hinzuf\u00fcgen mehrerer <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\" target=\"_blank\" rel=\"noopener\">Farbpaletten<\/a>, Verl\u00e4ufe und Duotonfilter f\u00fcr Fotos<\/li>\n\n\n\n<li>\u00c4ndern von <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/websichere-schriften\/\" target=\"_blank\" rel=\"noopener\">Schriftgr\u00f6\u00dfen<\/a><\/li>\n\n\n\n<li>Hinzuf\u00fcgen von Standardbreiten f\u00fcr Inhalte<\/li>\n\n\n\n<li>Verwalten von benutzerdefinierten CSS (Cascading Style Sheets) Eigenschaften. CSS wird verwendet, um das visuelle Erscheinungsbild und die Formatierung von HTML-Dokumenten zu definieren.<\/li>\n\n\n\n<li>Zuweisen von <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/\" target=\"_blank\" rel=\"noopener\">Template-Teilen<\/a> zu Template-Part-Bereichen<\/li>\n\n\n<\/ul>\n\n\n\n<p>Da die Entwicklung von Gutenberg voranschreitet, unterscheiden sich die verf\u00fcgbaren Optionen mit <b>theme.json<\/b> in WordPress zwischen Version 5.8 (wo Version 1 von <b>theme.json<\/b> verwendet wird) und Version 5.9+ (wo Version 2 von <b>theme.json<\/b> verwendet wird) sowie dem Gutenberg-Plugin.<\/p>\n\n\n\n<h2 id=\"h-options-explained\" class=\"wp-block-heading\"><b>Optionen erkl\u00e4rt<\/b><\/h2>\n\n\n\n<p>Mit diesen detaillierteren Anpassungsoptionen, die jetzt f\u00fcr Anf\u00e4nger und fortgeschrittene WordPress-Entwickler verf\u00fcgbar sind, sprechen wir sowohl dar\u00fcber, <i>welche<\/i> sie sind als auch <i>warum<\/i> sie f\u00fcr Sie vorteilhaft sein k\u00f6nnten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enabling-or-disabling-features-like-drop-caps-block-padding-margins-and-custom-line-heights\"><b>Aktivieren oder Deaktivieren von Funktionen wie Initialen, Blockabst\u00e4nden, R\u00e4ndern und benutzerdefinierten Zeilenh\u00f6hen<\/b><\/h3>\n\n\n\n<p>Drop Caps (eine Stiltechnik, bei der der erste Buchstabe eines Absatzes eine gr\u00f6\u00dfere Schriftgr\u00f6\u00dfe hat), Blockabstand (der Raum innerhalb des Blocks, der zwischen dem Element\/Inhalt und der Blockgrenze liegt und alle Seiten des Elements umgibt), R\u00e4nder und benutzerdefinierte Zeilenh\u00f6hen k\u00f6nnen Ihren Seiten ein markanteres und sogar formelleres Aussehen verleihen, je nachdem, wie Sie es schaffen, sie zu gestalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-multiple-color-palettes-gradients-and-duotone-filters-for-photos\"><b>Hinzuf\u00fcgen mehrerer Farbpaletten, Verl\u00e4ufe und Duotonfilter f\u00fcr Fotos<\/b><\/h3>\n\n\n\n<p>Die richtige Farbpalette \u2013 oder mehrere Paletten \u2013 kann dazu beitragen, die vermarktbare Identit\u00e4t Ihrer Marke und Ihrer Website zu definieren und zu verbessern, und Verl\u00e4ufe (Hintergr\u00fcnde aus zwei Farben, die ineinander \u00fcbergehen) k\u00f6nnen Ihrer Website eine dynamischere Identit\u00e4t verleihen als die Verwendung von nur einfarbigen Seiten. Duotone-Filter k\u00f6nnen auf Fotos angewendet werden, die Sie auf Ihre Website hochgeladen haben, und reduzieren die Anzahl der Farben im Foto auf nur zwei \u2013 eine f\u00fcr die dunklen Teile des Fotos und eine weitere f\u00fcr die hellen Teile. Indem Sie diese Ressourcen in den Einstellungen Ihres WordPress-Themas verwenden, k\u00f6nnen die Farbschemata Ihrer Website formell, gem\u00e4\u00dfigt oder avantgardistisch sein \u2013 nur durch Ihre Vorstellungskraft begrenzt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-modifying-font-sizes\"><b>Schriftgr\u00f6\u00dfen \u00e4ndern<\/b><\/h3>\n\n\n\n<p>Manchmal k\u00f6nnen die Schriftarten in Ihrem gew\u00e4hlten Thema der spezifischen Identit\u00e4t, dem Ton oder der Haltung, die Sie vermitteln m\u00f6chten, entsprechen, aber die verf\u00fcgbaren Schriftgr\u00f6\u00dfen sind m\u00f6glicherweise nicht passend. Sie k\u00f6nnen zu klein oder zu gro\u00df sein. Indem Sie die M\u00f6glichkeit haben, die Gr\u00f6\u00dfen zu \u00e4ndern, k\u00f6nnen Sie jeden Aspekt des Aussehens der Kopie Ihrer Website genau auf das Image Ihrer Marke abstimmen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-default-widths-for-content\"><b>Standardbreiten f\u00fcr Inhalte hinzuf\u00fcgen<\/b><\/h3>\n\n\n\n<p>Die Inhaltsbreite ist ein Thema-Merkmal, bei dem Sie die Standard- oder maximal zul\u00e4ssige Breite (Gr\u00f6\u00dfe) f\u00fcr jeglichen Inhalt im Thema festlegen k\u00f6nnen, wie Einbettungen und zu Beitr\u00e4gen hinzugef\u00fcgte Bilder. Wenn Sie Standardbreiten festlegen, kann WordPress Einbettungscodes auf spezifische Gr\u00f6\u00dfen im frontend skalieren und gro\u00dfe Bilder einf\u00fcgen, ohne den Hauptinhaltsbereich zu sprengen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-managing-custom-css-cascading-style-sheet-properties\"><b>Verwalten von benutzerdefinierten CSS (Cascading Style Sheet)-Eigenschaften.<\/b><\/h3>\n\n\n\n<p>Wenn Sie Zeit damit verbracht haben, mit CSS zu arbeiten, fragen Sie sich sicherlich, warum Sie Ihre eigenen CSS in dem radikal anderen JSON-Format schreiben m\u00f6chten. In einem Wort: Flexibilit\u00e4t.<\/p>\n\n\n\n<p>Angenommen, Sie haben sich f\u00fcr eine Farbe, Waldgr\u00fcn, f\u00fcr Ihre Website entschieden, die Ihnen <i>wirklich<\/i> gef\u00e4llt. Mit CSS m\u00fcssten Sie den Farbcode \u00fcberall dort hinzuf\u00fcgen, wo Sie diese Farbe verwenden m\u00f6chten. Kein gro\u00dfes Problem, oder?<\/p>\n\n\n\n<p>Nun sagen wir, dass Sie einige Wochen sp\u00e4ter einen etwas dunkleren Farbton von Waldgr\u00fcn finden, den Sie viel lieber verwenden w\u00fcrden. Mit CSS m\u00fcssen Sie zur\u00fcckgehen und alle Instanzen des \u201ealten\u201c Waldgr\u00fcn-Farbcode mit dem neuen ersetzen.<\/p>\n\n\n\n<p>Aber indem Sie theme.json verwenden, m\u00fcssten Sie die Farbdefinition nur einmal in der JSON-Datei aktualisieren, um sie auf Ihrer gesamten Website zu \u00e4ndern.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-assign-template-parts-to-template-part-areas\"><b>Template-Teile den Template-Teilbereichen zuweisen<\/b><\/h3>\n\n\n\n<p>Seitenvorlagen sind Dateien, die steuern, wie eine bestimmte Seite aussieht, und sie k\u00f6nnen verwendet werden, um bestimmte Seitenlayouts auf verschiedene Seiten Ihrer Website anzuwenden. In WordPress gibt es auch Vorlagenteile, die als kleinere strukturelle Abschnitte einer Seitenvorlage fungieren.<\/p>\n\n\n\n<p>Wenn Sie sich die Dateien Ihres Themes anschauen, werden Sie normalerweise Vorlagenteile f\u00fcr Dinge wie Kopfzeilen oder Fu\u00dfzeilen sehen. <b>theme.json<\/b> erm\u00f6glicht es Ihnen, Vorlagenteile den drei verf\u00fcgbaren Platzierungsbereichen innerhalb einer Vorlage zuzuweisen: <i>Allgemein<\/i>, <i>Kopfzeile<\/i> und <i>Fu\u00dfzeile<\/i>.<\/p>\n\n\n\n<h2 id=\"h-to-convert-or-not-to-convert-that-is-the-question\" class=\"wp-block-heading\"><b>Umzuwandeln oder nicht umzuwandeln \u2013 das ist hier die Frage<\/b><\/h2>\n\n\n\n<p>Nun, da Sie ein Verst\u00e4ndnis f\u00fcr die Konfigurationsoptionen des WordPress-Themas durch die <b><i>theme.json<\/i><\/b>-Datei erlangt haben, m\u00f6chten wir auf eine letzte Sache eingehen: <a href=\"https:\/\/developer.wordpress.org\/themes\/block-themes\/converting-a-classic-theme-to-a-block-theme\/\" target=\"_blank\" rel=\"noopener\">die Umwandlung eines klassischen Themas in ein Block-Thema<\/a> und die Probleme, die Sie beim Konvertieren ber\u00fccksichtigen sollten.<\/p>\n\n\n\n<p>Block-Themes in WordPress bieten eine Reihe von Vorteilen, da sie entwickelt wurden, um sowohl die Skalierbarkeit als auch die Leistung zu verbessern.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Block-Themen verbessern die Ladeleistung, indem sie die Stile nur f\u00fcr die Bl\u00f6cke laden, die auf einer Seite hinzugef\u00fcgt wurden.<\/li>\n\n\n\n<li>Bei Block-Themen ist es nicht erforderlich, Stylesheets manuell f\u00fcr das frontend und die Editoren in die Warteschlange zu stellen.<\/li>\n\n\n\n<li><b>theme.json<\/b> behandelt alle Aspekte von add_theme_support(), was zu weniger Zeitverlust beim Arbeiten in PHP f\u00fchrt.<\/li>\n\n\n\n<li>Zug\u00e4nglichkeitsfunktionen wie \u201eZum Inhalt springen\u201c, Tastaturnavigation und Landmarks werden automatisch generiert, ohne zus\u00e4tzlichen Code hinzuzuf\u00fcgen.<\/li>\n\n\n\n<li>Mit einem Block-Thema kann ein Endbenutzer alle Teile seiner Website bearbeiten, ohne irgendeinen Code anzufassen.<\/li>\n\n\n\n<li>Mit der Styles-Schnittstelle k\u00f6nnen Benutzer Farben und Typografie f\u00fcr die Website und f\u00fcr alle Bl\u00f6cke, die sie verwenden, anpassen.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Allerdings ist die Umwandlung eines klassischen Themes in ein Block-Theme nicht ohne Risiken.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Das Umwandeln eines klassischen Themes in ein Block-Theme kann Child-Themes beeinflussen, die ein klassisches Theme erwarten. Ber\u00fccksichtigen Sie die potenziellen Auswirkungen \u2014 oder erstellen Sie ein neues Projekt mit einem neuen Themennamen \u2014 bevor Sie die Umwandlung durchf\u00fchren.<\/li>\n\n\n\n<li><b>theme.json<\/b> erfordert WordPress Version 5.8 oder sp\u00e4ter. Infolgedessen wurde die Unterst\u00fctzung f\u00fcr Internet Explorer 11 eingestellt, als WordPress 5.8 ver\u00f6ffentlicht wurde. Wenn also Ihr klassisches Theme IE11 unterst\u00fctzt \u2014 oder Sie Besucher haben, die IE11 verwenden \u2014 kann das Umwandeln in ein Block-Theme potenziell die Erfahrung Ihrer Besucher beeintr\u00e4chtigen.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 id=\"h-pro-help-is-available\" class=\"wp-block-heading\"><b>Professionelle Hilfe verf\u00fcgbar!<\/b><\/h2>\n\n\n\n<p>Obwohl das Anpassen Ihrer WordPress-Themes mit Optionen \u00fcber eine <b>theme.json<\/b> Datei f\u00fcr einen Anf\u00e4nger oder fortgeschrittenen WordPress-Entwickler durchaus machbar sein mag, sind Sie sich vielleicht noch nicht zu 100% sicher, dass dies ein Schritt ist, den Sie alleine gehen m\u00f6chten. Keine Angst, denn wenn Sie sich f\u00fcr einen der drei DreamPress verwalteten WordPress-Hosting-Pl\u00e4ne von DreamHost anmelden, erhalten Sie automatisch Zugang zu unserem Elite-Team von vollst\u00e4ndig internen WordPress-Experten, die rund um die Uhr verf\u00fcgbar sind, um Ihnen bei diesem und jedem anderen Bestandteil Ihrer Entwicklungsreise zu helfen!<\/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      Mehr machen mit DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      DreamPress Plus und Pro Benutzer erhalten Zugang zu Jetpack Professional (und \u00fcber 200 Premium-Themes) ohne zus\u00e4tzliche Kosten!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Tarifpl\u00e4ne ansehen                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Neue Themenkonfigurationsoptionen in WordPress erleichtern es mehr denn je, das Erscheinungsbild Ihrer Website nach Ihren spezifischen und einzigartigen Bed\u00fcrfnissen zu \u00e4ndern. Dar\u00fcber hinaus erm\u00f6glicht die F\u00e4higkeit, klassische Themen in Block-Themen umzuwandeln, noch mehr benutzerfreundliche Funktionalit\u00e4t. In diesem Blogbeitrag, dem vierten in unserer Serie \u201eDecoding WordPress\u201c, werden wir [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":35324,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-overview-of-wordpress-themes-and-templates\",\"\u00dcbersicht \u00fcber WordPress-Themes und -Templates\"],[\"h-so-what-are-theme-configuration-options-then\",\"Also, was sind dann Theme-Konfigurationsoptionen?\"],[\"h-what-the-heck-is-json\",\"Was zum Teufel ist JSON?\"],[\"h-options-explained\",\"Optionen erkl\u00e4rt\"],[\"h-to-convert-or-not-to-convert-that-is-the-question\",\"Umzuwandeln oder nicht umzuwandeln \u2013 das ist hier die Frage\"],[\"h-pro-help-is-available\",\"Professionelle Hilfe verf\u00fcgbar!\"]]","hide_toc":false,"footnotes":""},"categories":[14513,14491,14511],"tags":[],"class_list":["post-53867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entschluesselung-von-wordpress-de","category-technischer-austausch-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>WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei - 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-theme-konfiguration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei\" \/>\n<meta property=\"og:description\" content=\"Neue Themenkonfigurationsoptionen in WordPress erleichtern es mehr denn je, das Erscheinungsbild Ihrer Website nach Ihren spezifischen und einzigartigen Bed\u00fcrfnissen zu \u00e4ndern. Dar\u00fcber hinaus erm\u00f6glicht die F\u00e4higkeit, klassische Themen in Block-Themen umzuwandeln, noch mehr benutzerfreundliche Funktionalit\u00e4t. In diesem Blogbeitrag, dem vierten in unserer Serie \u201eDecoding WordPress\u201c, werden wir [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/\" \/>\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-07-06T14:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:34:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg\" \/>\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=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei - 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-theme-konfiguration\/","og_locale":"en_US","og_type":"article","og_title":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei","og_description":"Neue Themenkonfigurationsoptionen in WordPress erleichtern es mehr denn je, das Erscheinungsbild Ihrer Website nach Ihren spezifischen und einzigartigen Bed\u00fcrfnissen zu \u00e4ndern. Dar\u00fcber hinaus erm\u00f6glicht die F\u00e4higkeit, klassische Themen in Block-Themen umzuwandeln, noch mehr benutzerfreundliche Funktionalit\u00e4t. In diesem Blogbeitrag, dem vierten in unserer Serie \u201eDecoding WordPress\u201c, werden wir [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-07-06T14:00:36+00:00","article_modified_time":"2025-01-16T19:34:29+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","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":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-01-16T19:34:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/"},"wordCount":1694,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","articleSection":["Entschl\u00fcsselung von WordPress","Technischer Austausch","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/","name":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-01-16T19:34:29+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","width":900,"height":598,"caption":"new WordPress Theme Configuration options"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress dekodieren: Neue Themenkonfigurationsoptionen mit der Theme.JSON-Datei"}]},{"@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":53867,"es":35333,"en":35323,"pt":51734,"pl":51738,"uk":53846,"ru":53870,"it":68867,"fr":71383,"nl":71413},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/53867","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=53867"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/53867\/revisions"}],"predecessor-version":[{"id":62863,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/53867\/revisions\/62863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/35324"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=53867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=53867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=53867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}