{"id":52868,"date":"2022-03-18T08:11:24","date_gmt":"2022-03-18T15:11:24","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52868"},"modified":"2025-01-16T11:35:44","modified_gmt":"2025-01-16T19:35:44","slug":"wordpress-globale-stile","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/","title":{"rendered":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile"},"content":{"rendered":"\n<p>WordPress-Bl\u00f6cke und <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Full-Site Editing (FSE)<\/a>-Funktionen machen den Aufbau und das Styling einer <a href=\"https:\/\/www.dreamhost.com\/blog\/secrets-to-successful-website\/\" target=\"_blank\" rel=\"noopener\">erfolgreichen Website<\/a> schnell und einfach.<\/p>\n\n\n\n<p>Global Styles k\u00f6nnen Ihnen helfen, das <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-templates\/\" target=\"_blank\" rel=\"noopener\">Erscheinungsbild Ihrer WordPress-Website<\/a> zu vereinheitlichen, ohne einzelne Bl\u00f6cke oder Seiten bearbeiten zu m\u00fcssen. Egal, ob Sie Ihre Hintergrundfarbe \u00e4ndern oder die Typografie der \u00dcberschriften anpassen m\u00f6chten, Sie k\u00f6nnen Ihre \u00c4nderungen an einem einzigen Ort vornehmen, was zu einem koh\u00e4renteren und insgesamt besseren <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/was-ist-benutzererfahrung\/\" target=\"_blank\" rel=\"noopener\">Benutzererlebnis (UX)<\/a> f\u00fchrt.<\/p>\n\n\n\n<p>In diesem Beitrag f\u00fchren wir Sie durch Globale Stile. Wir erkl\u00e4ren, was sie sind, welche Vorteile sie bieten und wie die neuen Funktionen funktionieren. Dann besprechen wir, wie Sie sie verwenden k\u00f6nnen, um Ihre WordPress-Website zu gestalten. Lassen Sie uns anfangen!<\/p>\n\n\n\n<h2 id=\"h-an-overview-of-wordpress-global-styles\" class=\"wp-block-heading\"><b>\u00dcbersicht der WordPress Global Styles<\/b><\/h2>\n\n\n\n<p>Bevor Sie mit Globalen Stilen arbeiten, ist es wichtig zu verstehen, was sie sind und wie sie funktionieren. Diese Funktion arbeitet in Verbindung mit <i>theme.json<\/i>, einer neuen Datei f\u00fcr Theme-Einstellungen. Entwickler k\u00f6nnen <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\">theme.json verwenden<\/a>, um Standardwerte f\u00fcr eine Website sowie einzelne Bl\u00f6cke zu definieren. Gutenberg wendet dieses JSON automatisch an, wenn Sie die Datei im Stammverzeichnis eines blockbasierten Themes platzieren.<\/p>\n\n\n\n<p>Diese Datei ist eines der n\u00fctzlichsten Werkzeuge des neuen vollst\u00e4ndigen Seiteneditors in WordPress 5.9. Die Datei erm\u00f6glicht es Themenautoren, globale Stile sowie globale Einstellungen zu teilen. <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-crashkurs\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> formatiert die Daten, die aus diesen JSON-Objekten genommen werden, neu und verwandelt sie in CSS. Dann k\u00f6nnen Benutzer die Stile im WordPress-Editor weiter anpassen.<\/p>\n\n\n\n<p>In fr\u00fcheren Versionen des <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg-Plugins<\/a> mussten Sie die Unterst\u00fctzung f\u00fcr die Stileigenschaften eines Blocks registrieren, bevor Sie damit in <i>theme.json<\/i> arbeiten konnten. Auch in klassischen Themes und \u00e4lteren Versionen mussten Sie PHP verwenden, um Dinge wie Ihre Farbauswahl <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/websichere-schriften\/\" target=\"_blank\" rel=\"noopener\">und Schriftarten<\/a> zu definieren. Dann mussten Sie Stile f\u00fcr die Frontend- und Backend-Seiten Ihres Themes hinzuf\u00fcgen.<\/p>\n\n\n\n<p>Jedoch f\u00fcgt WordPress mit der neuesten Version automatisch die in der<i> theme.json<\/i>-Datei definierten Stile zu Ihrem Stylesheet hinzu, wenn Sie ein Theme verwenden, das diese Datei enth\u00e4lt. Sie k\u00f6nnen dieses System nutzen, um vollst\u00e4ndig neue Farbpaletten hinzuzuf\u00fcgen, die Typografie von Themes zu \u00e4ndern und mehr.<\/p>\n\n\n\n<h2 id=\"h-why-use-wordpress-global-styles\" class=\"wp-block-heading\"><b>Warum WordPress Global Styles verwenden<\/b><\/h2>\n\n\n\n<p>Unabh\u00e4ngig von Ihrem K\u00f6nnen werden Sie wahrscheinlich feststellen, dass die Verwendung von Global Styles eine intuitive und zug\u00e4ngliche Erfahrung ist. Insgesamt kann es den <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/elemente-des-webdesigns\/\" target=\"_blank\" rel=\"noopener\">Webdesign<\/a>-Prozess vereinfachen, indem es leichter wird, das Aussehen und Gef\u00fchl Ihrer Website zu \u00e4ndern. Wenn Sie ein WordPress-Anf\u00e4nger sind, k\u00f6nnte die Nutzung dieser Global Styles bedeuten, dass Sie keinen <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-einen-webentwickler-anstellt\/\" target=\"_blank\" rel=\"noopener\">Entwickler einstellen<\/a> m\u00fcssen, um Ihre <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-design-a-website\/\" target=\"_blank\" rel=\"noopener\">Website zu gestalten<\/a>. Tut uns leid, Entwickler.<\/p>\n\n\n\n<p>Auf der anderen Seite k\u00f6nnte diese neue Funktion jedoch besonders n\u00fctzlich f\u00fcr Theme-Entwickler sein. Das liegt daran, dass Global Styles WordPress-Entwicklern hilft, Bl\u00f6cke innerhalb des <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">Block-Editors<\/a> zu gestalten. Dies kann besonders vorteilhaft sein, insbesondere f\u00fcr neue Theme-Autoren. Es bietet eine Vielzahl von Steuerelementen, die die Notwendigkeit minimieren, benutzerdefinierte L\u00f6sungen f\u00fcr das Styling einer Website zu erstellen.<\/p>\n\n\n\n<p>Mit anderen Worten, vereinfacht Global Styles die Theme-Entwicklung in hohem Ma\u00dfe. Dadurch kann es Entwicklern helfen, <a href=\"https:\/\/www.dreamhost.com\/blog\/scary-web-design-mistakes\/\" target=\"_blank\" rel=\"noopener\">schwerwiegende Designfehler<\/a> zu vermeiden.<\/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-creating-the-theme-json-file\" class=\"wp-block-heading\"><b>Erstellen der theme.json-Datei<\/b><\/h2>\n\n\n\n<p>Die<i> theme.json<\/i> Datei enth\u00e4lt zwei wichtige Teile: Einstellungen und Stile. Einstellungen beziehen sich auf eine Liste von globalen oder kontextbezogenen Konfigurationswerten, die bestimmen, wie sich der Editor und die Bl\u00f6cke verhalten. Zum Beispiel beeinflusst es, welche Steuerungen standardm\u00e4\u00dfig aktiviert sind, welche Steuerungen von der Benutzeroberfl\u00e4che (UI) ausgeblendet werden, die verf\u00fcgbare Farbpalette, Typografie-Einstellungen usw.<\/p>\n\n\n\n<p>Styles handhabt die Designsprache des Themes und erm\u00f6glicht es Theme-Autoren, Elemente wie folgt zu definieren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Schriftgr\u00f6\u00dfe<\/li>\n\n\n\n<li>Zeilenh\u00f6he<\/li>\n\n\n\n<li>Hintergrundfarben<\/li>\n\n\n\n<li>Linkfarben<\/li>\n\n\n<\/ul>\n\n\n\n<p>Wenn Sie eine <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\">Datei <i>theme.json<\/i> erstellen<\/a> m\u00f6chten, k\u00f6nnen Sie eine neue Datei dieses Namens anlegen und sie dann in den Stammordner Ihres Themes einf\u00fcgen. Alle Inhalte Ihrer Datei sollten innerhalb von zwei geschweiften Klammern eingesetzt werden: { }.<\/p>\n\n\n\n<p>Als N\u00e4chstes verwenden Sie Eigenschaftsnamen und Werte innerhalb von doppelten Anf\u00fchrungszeichen und durch einen Doppelpunkt getrennt, zum Beispiel:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"Eigenschaftsname\": \"Wert\"\n\n}<\/pre>\n\n\n\n<p>Der Eigenschaftsname kann entweder eine Einstellung oder ein Blockname sein. Unten ist ein Beispiel f\u00fcr eine sehr einfache <i>theme.json<\/i> Datei:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 1,\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"settings\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"styles\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"customTemplates\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"templateParts\": {}\n\n}<\/pre>\n\n\n\n<p>Version 1 des <i>theme.json <\/i>Formats ist die fr\u00fcheste, stabilste Version. Jedoch wird Version 2 ab WordPress 5.9 verwendet. W\u00e4hrend der Versionsabschnitt der erste sein muss, der auf die \u00f6ffnende geschweifte Klammer folgt, k\u00f6nnen die nachfolgenden Abschnitte in beliebiger Reihenfolge platziert werden.<\/p>\n\n\n\n<p>Wie wir erw\u00e4hnt haben, sind die zwei Hauptabschnitte der Datei Einstellungen und Stile. Werfen wir also einen genaueren Blick auf die Voreinstellungen f\u00fcr jeden Abschnitt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-settings-presets\"><b>Einstellungsvorgaben<\/b><\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\" target=\"_blank\" rel=\"noopener\">Presets<\/a> beziehen sich auf die Standardsteuerungen sowie alle benutzerdefinierten CSS-Eigenschaften und werden durch die Werte in <i>theme.json<\/i> generiert. Einige der wichtigsten Voreinstellungskategorien umfassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Farbe<\/li>\n\n\n\n<li>Typografie<\/li>\n\n\n\n<li>Layout<\/li>\n\n\n\n<li>Abstand<\/li>\n\n\n<\/ul>\n\n\n\n<p>Kategorien k\u00f6nnen auch Unterkategorien haben. Zum Beispiel k\u00f6nnte eine Unterkategorie von Farbe Farbpalette sein:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"version\": 2,\n\n\"settings\": {\n\n\"color\": {\n\n\"palette\": [\n\n{<\/pre>\n\n\n\n<p>Jedes Voreinstellung erstellt auch eine benutzerdefinierte CSS-Eigenschaft unter Verwendung der Benennungskonvention \u201c&#8211;wp&#8211;preset&#8211;{preset-category}&#8211;{preset-slug}\u201d.<\/p>\n\n\n\n<p>Es gibt eine Menge Voreinstellungen und Beispiele, die Sie verwenden k\u00f6nnen, um Ihre <i>theme.json<\/i> Datei zu erstellen, daher werden wir hier nicht alle behandeln. Sie k\u00f6nnen jedoch im <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\">WordPress-Handbuch<\/a> nach detaillierteren Anleitungen suchen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-styles-presets\"><b>Stilvoreinstellungen<\/b><\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\" target=\"_blank\" rel=\"noopener\">Stilvorlagen<\/a> steuern die Stile von Objekten innerhalb von Bl\u00f6cken. Beispielsweise w\u00e4re die folgende eine M\u00f6glichkeit, den Hexadezimalwert f\u00fcr einen Hintergrund und eine globale Stilvorlage f\u00fcr die Textfarbe zu verwenden:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\n\"settings\": { ... },\n\n\"styles\": {\n\n\"color\": {\n\n\"background\": \"#FBF\",\n\n\"text\": \"var(--wp--preset--color--purple)\"\n\n}\n\n}\n\n}<\/pre>\n\n\n\n<p>Wenn wir die \u00dcberschriftfarbe eines Blocks \u00e4ndern wollten, w\u00fcrde es so aussehen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\n\"Einstellungen\": {...},\n\n\"Stile\": {\n\n...,\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"Bl\u00f6cke\": {\n\n &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \"core\/heading\": {\n\n &nbsp; &nbsp; \"Farbe\": {\n\n&nbsp; &nbsp; &nbsp; \"Text\": \"var(--wp--preset--color--blue)\"\n\n &nbsp; &nbsp; }<\/pre>\n\n\n\n<p>Wiederum gibt es nahezu unendlich viele Beispiele und M\u00f6glichkeiten, Voreinstellungen f\u00fcr Blockstile zu verwenden. Sie k\u00f6nnen sich auf die WordPress-Dokumentation f\u00fcr eine <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#block-styles\" target=\"_blank\" rel=\"noopener\">vollst\u00e4ndige Aufschl\u00fcsselung<\/a> beziehen.<\/p>\n\n\n\n<p>Es gibt auch Bereiche f\u00fcr <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">Template und Template-Teile<\/a>. Diese umfassen die Basisdateien Ihres Themes, wie zum Beispiel <i>index.html<\/i>, sowie Bereiche zur Organisation und Strukturierung Ihres Themes.<\/p>\n\n\n\n<h2 id=\"h-how-to-style-your-wordpress-site-using-global-styles\" class=\"wp-block-heading\"><b>Wie Sie Ihre WordPress-Site mit globalen Stilen gestalten<\/b><\/h2>\n\n\n\n<p>Wenn Sie nach einer anf\u00e4ngerfreundlichen M\u00f6glichkeit suchen, Globale Stile zu verwenden, um Ihre Website zu gestalten, k\u00f6nnen Sie die Schnittstelle f\u00fcr Globale Stile mit einem WordPress-Block-Theme verwenden. Beachten Sie, dass Sie nur mit <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-update-zur-vollstandigen-bearbeitung-der-website\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a> oder h\u00f6her Zugriff auf die Stilschnittstelle haben.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tWie man einen Markenstil-Leitfaden f\u00fcr Ihre Website erstellt\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-einen-markenstil-guide-fur-eine-website-erstellt\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-choosing-a-block-based-theme\"><b>Ein blockbasiertes Thema ausw\u00e4hlen<\/b><\/h3>\n\n\n\n<p>Zuerst ben\u00f6tigen Sie ein blockbasiertes Theme. Um eines zu finden, k\u00f6nnen Sie im <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Theme Directory<\/a> von Ihrem Admin-Armaturenbrett aus navigieren, indem Sie zu <i>Erscheinungsbild &gt; Themes &gt; Neu hinzuf\u00fcgen<\/i> gehen. Als N\u00e4chstes k\u00f6nnen Sie auf den <i>Feature Filter<\/i> klicken und <i>Vollst\u00e4ndige Seiteneditor<\/i> ausw\u00e4hlen, gefolgt von <i>Anwenden<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1067\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles.jpg\" alt=\"WordPress Full-Site Editing theme feature filter\" class=\"wp-image-33280 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles.jpg.webp 1067w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-1024x540.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-768x405.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-600x317.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-730x385.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-784x414.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-877x463.jpg.webp 877w\" data-sizes=\"(max-width: 1067px) 100vw, 1067px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1067px; --smush-placeholder-aspect-ratio: 1067\/563;\" \/><\/figure><\/div>\n\n\n<p>Sobald Sie ein <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-theme-auswahlt\/\" target=\"_blank\" rel=\"noopener\">WordPress-Theme<\/a> gefunden haben, das Ihnen gef\u00e4llt, k\u00f6nnen Sie den Mauszeiger dar\u00fcber bewegen und dann <i>Installieren<\/i> gefolgt von <i>Aktivieren<\/i> ausw\u00e4hlen. Wir verwenden <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Two<\/a>, das m\u00f6glicherweise bereits installiert ist, wenn Sie WordPress 5.9 oder sp\u00e4ter verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessing-the-styles-interface\"><b>Zugriff auf die Stil-Oberfl\u00e4che<\/b><\/h3>\n\n\n\n<p>Als n\u00e4chstes gehen Sie zu Ihrem Theme-Editor (<i>Aussehen &gt; Editor<\/i>). In der oberen rechten Ecke des Bildschirms sehen Sie einen halb schattierten Kreis, der das Styles-Panel darstellt:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"794\" height=\"537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg\" alt=\"WordPress Global Styles Panel\" class=\"wp-image-33279 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg.webp 794w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-300x203.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-768x519.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-600x406.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-730x494.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-784x530.jpg.webp 784w\" data-sizes=\"(max-width: 794px) 100vw, 794px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 794px; --smush-placeholder-aspect-ratio: 794\/537;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie das erste Mal darauf klicken, wird ein Styles-Begr\u00fc\u00dfungsleitfaden angezeigt. Wenn Sie in Zukunft darauf zugreifen m\u00fcssen, finden Sie ihn, indem Sie auf die drei vertikalen Punkte in der oberen rechten Ecke klicken und <i>Welcome Guide<\/i> ausw\u00e4hlen.<\/p>\n\n\n\n<p>Das Vorschaufenster zeigt Ihnen, wie der aktuelle Stil Ihres Themes aussieht. Im Styles-Panel finden Sie Einstellungen f\u00fcr:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typografie<\/li>\n\n\n\n<li>Farben<\/li>\n\n\n\n<li>Layout<\/li>\n\n\n\n<li>Bl\u00f6cke<\/li>\n\n\n<\/ul>\n\n\n\n<p>Lassen Sie uns einen genaueren Blick auf jedes werfen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-typography\"><b>Typografie<\/b><\/h4>\n\n\n\n<p>Unter <i>Typography<\/i> k\u00f6nnen Sie die Typografieeinstellungen f\u00fcr zwei Elemente verwalten: <i>Text<\/i> und <i>Links<\/i>.<\/p>\n\n\n\n<p>Sie k\u00f6nnen die Schriftart und -gr\u00f6\u00dfe \u00e4ndern:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4.jpg\" alt=\"WordPress Globale Stileinstellungen f\u00fcr Typografie\" class=\"wp-image-33278 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n\n<p>Sie k\u00f6nnen auch die Zeilenh\u00f6he anpassen und ein Schriftgewicht ausw\u00e4hlen. Diese Optionen stehen Ihnen auch f\u00fcr Ihre Links zur Verf\u00fcgung. Wenn Sie fertig sind, vergessen Sie nicht, Ihre \u00c4nderungen zu speichern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-colors\"><b>Farben<\/b><\/h4>\n\n\n\n<p>Unter <i>Colors<\/i> finden Sie die Standardfarbvoreinstellungen, die mit Ihrem Thema geliefert werden. Um Ihre eigenen Farbpaletten zu erstellen, k\u00f6nnen Sie die <i>HEX<\/i>-Wertnummern eingeben oder den Drag-and-Drop-Farbw\u00e4hler verwenden, um Ihre bevorzugten Farben zu erzeugen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3.jpg\" alt=\"WordPress Globale Stile Farbeinstellungen\" class=\"wp-image-33277 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n\n<p>Sie k\u00f6nnen die Farben auch in etwas identifizierbareres oder beschreibenderes als die standardm\u00e4\u00dfigen hexadezimalen alphanumerischen Werte umbenennen. Sie k\u00f6nnen benutzerdefinierte Verl\u00e4ufe hinzuf\u00fcgen, Duoton-Filter auf Bilder anwenden und mehr.<\/p>\n\n\n\n<p>Als n\u00e4chstes k\u00f6nnen Sie die Farben f\u00fcr drei Hauptelemente \u00e4ndern: <i>Hintergrund<\/i>, <i>Text<\/i> und <i>Links<\/i>. Sie k\u00f6nnen auch eines dieser Elemente ausw\u00e4hlen, um das Styling anzupassen. Die \u00c4nderungen werden sofort beim Bearbeiten angewendet.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-layout\"><b>Layout<\/b><\/h4>\n\n\n\n<p>Unter <i>Layout<\/i> k\u00f6nnen Sie das Padding und andere Elemente anpassen. Dies ist unkompliziert und kann sehr n\u00fctzlich sein, wenn Sie eine kleine Anpassung vornehmen m\u00fcssen (beispielsweise aus Gr\u00fcnden der Seitensymmetrie).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-blocks\"><b>Bl\u00f6cke<\/b><\/h4>\n\n\n\n<p>Schlie\u00dflich k\u00f6nnen Sie das Erscheinungsbild einzelner Bl\u00f6cke \u00e4ndern. Nachdem Sie <i>Bl\u00f6cke <\/i>im Stil-Panel ausgew\u00e4hlt haben, finden Sie eine Liste der Bl\u00f6cke auf Ihrer Website.<\/p>\n\n\n\n<p>Angenommen, Sie m\u00f6chten den Stil Ihres \u00dcberschriftsblocks \u00e4ndern. Sie k\u00f6nnen <i>\u00dcberschrift <\/i>aus der Liste ausw\u00e4hlen und dann deren <i>Farben <\/i>und <i>Typografie <\/i>Einstellungen anpassen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"926\" height=\"426\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2.jpg\" alt=\"Stylingoptionen f\u00fcr den WordPress-\u00dcberschriftenblock\" class=\"wp-image-33276 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2.jpg.webp 926w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-300x138.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-768x353.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-600x276.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-730x336.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-784x361.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-877x403.jpg.webp 877w\" data-sizes=\"(max-width: 926px) 100vw, 926px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 926px; --smush-placeholder-aspect-ratio: 926\/426;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie fertig sind, k\u00f6nnen Sie auf <i>Speichern<\/i> klicken. Wenn Sie zu den vorherigen Themestilen zur\u00fcckkehren m\u00f6chten, bevor Sie \u00c4nderungen vorgenommen haben, k\u00f6nnen Sie zum Styles Panel navigieren, auf die drei vertikalen Punkte klicken und dann <i>Zur\u00fccksetzen auf Standard<\/i> ausw\u00e4hlen.<\/p>\n\n\n\n<h2 id=\"h-a-better-way-to-use-and-style-wordpress\" class=\"wp-block-heading\"><b>Ein besserer Weg, WordPress zu nutzen und zu gestalten<\/b><\/h2>\n\n\n\n<p>WordPress arbeitet kontinuierlich daran, das Bearbeitungserlebnis f\u00fcr seine Benutzer zu verbessern. Jetzt, dank Global Styles, ist die Theme-Entwicklung f\u00fcr Anf\u00e4nger und erfahrene Profis viel einfacher geworden.<\/p>\n\n\n\n<p>Wie in diesem Beitrag besprochen, k\u00f6nnen Sie eine<i> theme.json<\/i>-Datei erstellen, um globale Stilkonfigurationen auf Ihr Thema anzuwenden. Sie k\u00f6nnen auch den Stil-Editor mit einem blockbasierten Thema verwenden, um das Erscheinungsbild Ihrer Website anzupassen. All dies macht das Design einer erfolgreichen Website zum Kinderspiel.<\/p>\n\n\n\n<p>DreamHost ist ein Team von erfahrenen Web-Experten. Wir verstehen die Bedeutung der Optimierung Ihrer WordPress-Erfahrung. Wir versprechen, Ihre Bem\u00fchungen mit der neuesten <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wege-zur-unterstutzung-von-open-source\/\" target=\"_blank\" rel=\"noopener\">Open-Source<\/a>-Technologie und preisgekr\u00f6ntem Support zu unterst\u00fctzen. Schauen Sie sich noch heute unsere <a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\" target=\"_blank\" rel=\"noopener\">verwalteten WordPress-Hosting-Pl\u00e4ne<\/a> an, um mehr zu erfahren!<\/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                            Pl\u00e4ne ansehen                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress-Bl\u00f6cke und Full-Site-Editing (FSE)-Funktionen machen den Aufbau und das Styling einer erfolgreichen Website schnell und einfach. Globale Stile k\u00f6nnen Ihnen helfen, das Erscheinungsbild Ihrer WordPress-Seite zu vereinheitlichen, ohne einzelne Bl\u00f6cke oder Seiten bearbeiten zu m\u00fcssen. Also, egal ob Sie Ihre Hintergrundfarbe \u00e4ndern oder die Typografie der \u00dcberschriften anpassen m\u00f6chten, Sie werden in der Lage sein [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":33273,"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-global-styles\",\"\u00dcbersicht der WordPress Global Styles\"],[\"h-why-use-wordpress-global-styles\",\"Warum WordPress Global Styles verwenden\"],[\"h-creating-the-theme-json-file\",\"Erstellen der theme.json-Datei\"],[\"h-how-to-style-your-wordpress-site-using-global-styles\",\"Wie Sie Ihre WordPress-Site mit globalen Stilen gestalten\"],[\"h-a-better-way-to-use-and-style-wordpress\",\"Ein besserer Weg, WordPress zu nutzen und zu gestalten\"]]","hide_toc":false,"footnotes":""},"categories":[14513,14495,14511],"tags":[],"class_list":["post-52868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entschluesselung-von-wordpress-de","category-tutorials-de","category-wordpress-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile - 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-globale-stile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile\" \/>\n<meta property=\"og:description\" content=\"WordPress-Bl\u00f6cke und Full-Site-Editing (FSE)-Funktionen machen den Aufbau und das Styling einer erfolgreichen Website schnell und einfach. Globale Stile k\u00f6nnen Ihnen helfen, das Erscheinungsbild Ihrer WordPress-Seite zu vereinheitlichen, ohne einzelne Bl\u00f6cke oder Seiten bearbeiten zu m\u00fcssen. Also, egal ob Sie Ihre Hintergrundfarbe \u00e4ndern oder die Typografie der \u00dcberschriften anpassen m\u00f6chten, Sie werden in der Lage sein [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/\" \/>\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-03-18T15:11:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:35:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.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=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile - 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-globale-stile\/","og_locale":"en_US","og_type":"article","og_title":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile","og_description":"WordPress-Bl\u00f6cke und Full-Site-Editing (FSE)-Funktionen machen den Aufbau und das Styling einer erfolgreichen Website schnell und einfach. Globale Stile k\u00f6nnen Ihnen helfen, das Erscheinungsbild Ihrer WordPress-Seite zu vereinheitlichen, ohne einzelne Bl\u00f6cke oder Seiten bearbeiten zu m\u00fcssen. Also, egal ob Sie Ihre Hintergrundfarbe \u00e4ndern oder die Typografie der \u00dcberschriften anpassen m\u00f6chten, Sie werden in der Lage sein [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-03-18T15:11:24+00:00","article_modified_time":"2025-01-16T19:35:44+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-01-16T19:35:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/"},"wordCount":1663,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","articleSection":["Entschl\u00fcsselung von WordPress","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/","name":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-01-16T19:35:44+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","width":900,"height":598,"caption":"WordPress Full Site Editing Global Styles"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-globale-stile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress entschl\u00fcsseln: Eine Einf\u00fchrung in globale Stile"}]},{"@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":52868,"es":33260,"en":33258,"pt":52864,"pl":54238,"uk":54247,"ru":54273,"it":68241,"fr":70068,"nl":70101},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52868","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=52868"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52868\/revisions"}],"predecessor-version":[{"id":62884,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52868\/revisions\/62884"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33273"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}