{"id":71558,"date":"2024-10-21T13:23:37","date_gmt":"2024-10-21T12:23:37","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=71558&preview=true&preview_id=71558"},"modified":"2024-10-24T09:29:51","modified_gmt":"2024-10-24T08:29:51","slug":"twenty-twenty-five-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/","title":{"rendered":"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme"},"content":{"rendered":"

Basierend auf der Idee, dass einfache Dinge intuitiv sein sollten, w\u00e4hrend komplexe Dinge m\u00f6glich sein sollten, ist Twenty Twenty-Five<\/a> ein flexibles und leicht erweiterbares Standard-WordPress-Theme, das dank seiner vielen Muster und Stile den Menschen hilft, Geschichten zu erz\u00e4hlen.<\/p>\n

Twenty Twenty-Five wird mit WordPress 6.7 ausgeliefert. Es wird mit einer Vielzahl inspirierender Bilder von Openverse<\/a> geliefert, dem kostenlosen Repository mit Bildern, die von und f\u00fcr die WordPress-Community zur Verf\u00fcgung gestellt werden. Diese Bilder sind in die Blockmuster von Twenty Twenty-Five eingebettet und k\u00f6nnen verwendet werden, um Geschichten zu erz\u00e4hlen, die „Ideen von Verg\u00e4nglichkeit, dem Vergehen der Zeit und kontinuierlicher Entwicklung“ hervorrufen.<\/p>\n

Die zentrale Rolle der Patterns in Twenty Twenty-Five zeigt, dass sich die Entwicklung von Block-Themes<\/a> zunehmend auf die Oberfl\u00e4che des Website-Editors und weniger auf das Schreiben von PHP- und JavaScript-Code konzentriert.<\/p>\n

Jetzt k\u00f6nnen auch Nutzer ohne fortgeschrittene Programmierkenntnisse ein Theme erstellen. Du musst nur wissen, wie theme.json<\/code> funktioniert und wie man Blockmuster erstellt<\/a>.<\/p>\n

Die Vorlagen und Vorlagenteile, die du in Twenty Twenty-Five siehst, sind Sammlungen von verschachtelten Bl\u00f6cken, Mustern und Vorlagenteilen, die die Strukturelemente jeder Art von Layout bilden.<\/p>\n

Twenty Twenty-Five ist ein hervorragendes Beispiel f\u00fcr die Philosophie der Demokratisierung des Designs, und dieser Artikel wird dir seine Struktur im Detail zeigen.<\/p>\n

Twenty Twenty-Five ist ein hervorragendes Beispiel, um alles \u00fcber WordPress-Block-Themes zu lernen, und wenn du unsere Einf\u00fchrung in theme.json<\/code><\/a> gelesen hast, wirst du in der Lage sein, deine eigenen WordPress-Themes zu erstellen und sie mit dem gesamten \u00d6kosystem zu teilen.<\/p>\n

Aber lass uns gleich zur Sache kommen und unsere Reise durch Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme, beginnen.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Muster und Vorlagenteile<\/h2>\n

Twenty Twenty-Five bietet eine Reihe von Blockmustern und Vorlagenteilen, mit denen WordPress-Nutzer ihre Beitr\u00e4ge und Seiten in wenigen Minuten erstellen k\u00f6nnen. Diese Muster und Vorlagenteile wurden f\u00fcr verschiedene Zwecke entwickelt, z. B. f\u00fcr Landing Pages, Produkte und Dienstleistungen, Veranstaltungen, Aufrufe zu Aktionen, Info-Seiten und vieles mehr.<\/p>\n

Im Ordner des Themes findest du die entsprechenden Dateien in den Verzeichnissen parts<\/code> und patterns<\/code>. Wenn du eine Vorlagenteil-Datei \u00f6ffnest, siehst du, dass jeder Vorlagenteil nur einen Link zu einem Blockmuster enth\u00e4lt. Hier ist der Code des header.html<\/code> Vorlagenteils:<\/p>\n

<!-- wp:pattern {\"slug\":\"twentytwentyfive\/header\"} \/--><\/code><\/pre>\n
Die Vorlagenteile m\u00fcssen ebenfalls registriert werden. Du findest sie daher in Twenty Twenty-Five theme.json<\/code> unter der Eigenschaft templateParts<\/code>:<\/p>\n
{\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"area\": \"header\",\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer-newsletter\",\n\t\t\t\"title\": \"Footer Newsletter\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"right-aligned-sidebar\",\n\t\t\t\"title\": \"Right Aligned Sidebar\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"sidebar\",\n\t\t\t\"title\": \"Sidebar\"\n\t\t}\n\t]\n}<\/code><\/pre>\n
Die Eigenschaft area<\/code> bestimmt den Seitenabschnitt, in den ein Vorlagenteil passt, und die entsprechende Kategorie, name<\/code> ist der Slug des Vorlagenteils und title<\/code> ist der Textstring, mit dem das Label erstellt wird, das den Vorlagenteil auf dem Bildschirm kennzeichnet.<\/p>\n
\"Twenty
Twenty Twenty-Five-Vorlagenteile in WordPress 6.7<\/figcaption><\/figure>\n
Der Ordner patterns<\/code> des Twenty Twenty-Five-Themes enth\u00e4lt eine ganze Reihe von .php<\/code> Dateien. Du kannst jede dieser Dateien \u00f6ffnen und den Code \u00fcberpr\u00fcfen, um zu erfahren, wie die Blockmuster aufgebaut sind.<\/p>\n
Diese Muster bieten hervorragende Beispiele f\u00fcr leistungsstarke WordPress-Funktionen, die k\u00fcrzlich zum Kern hinzugef\u00fcgt wurden. Die Datei copyright.php<\/code> enth\u00e4lt zum Beispiel den folgenden Code:<\/p>\n
<!-- wp:paragraph {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"twentytwentyfive\/copyright\"\n\t\t\t}\n\t\t}\n\t},\n\t\"className\":\"copyright\",\n\t\"textColor\":\"primary\",\n\t\"fontSize\":\"small\"\n} -->\n<p class=\"copyright has-primary-color has-text-color has-small-font-size\"><\/p>\n<!-- \/wp:paragraph --><\/code><\/pre>\n
Du kannst auf den ersten Blick sehen, dass dieses Muster die mit WordPress 6.5 eingef\u00fchrte Funktion Block Bindings<\/a> nutzt, um den Inhalt des Copyright-Textes dynamisch zu erzeugen.<\/p>\n
Hier ist das Attribut content<\/code> des Copyright-Musters mit einer im Twenty Twenty-Five-Theme definierten Quelle verbunden.<\/p>\n
\"Twenty
Twenty Twenty-Five Copyright-Muster<\/figcaption><\/figure>\n
Wenn du dich fragst, wo dieser Textstring definiert ist, schau in der functions.php<\/code> Datei von Twenty Twenty-Five nach und finde den folgenden Code:<\/p>\n
\/**\n * Register block binding sources.\n *\/\nif ( ! function_exists( 'twentytwentyfive_register_block_bindings' ) ) :\n\t\/**\n\t * Register the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return void\n\t *\/\n\tfunction twentytwentyfive_register_block_bindings() {\n\t\tregister_block_bindings_source(\n\t\t\t'twentytwentyfive\/copyright',\n\t\t\tarray(\n\t\t\t\t'label'\t\t\t\t\t=> _x( '© YEAR', 'Label for the copyright placeholder in the editor', 'twentytwentyfive' ),\n\t\t\t\t'get_value_callback'\t=> 'twentytwentyfive_copyright_binding',\n\t\t\t)\n\t\t);\n\t}\nendif;\nadd_action( 'init', 'twentytwentyfive_register_block_bindings' );<\/code><\/pre>\n
'© YEAR'<\/code> erzeugt den auf der Seite angezeigten Textstring, w\u00e4hrend der twentytwentyfive_copyright_binding<\/code> Callback den formatierten Textstring liefert:<\/p>\n
\/**\n * Register block binding callback function for the copyright.\n *\/\nif ( ! function_exists( 'twentytwentyfive_copyright_binding' ) ) :\n\t\/**\n\t * Callback function for the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return string Copyright text.\n\t *\/\n\tfunction twentytwentyfive_copyright_binding() {\n\t\t$copyright_text = sprintf(\n\t\t\t\/* translators: 1: Copyright symbol or word, 2: Year *\/\n\t\t\tesc_html__( '%1$s %2$s', 'twentytwentyfive' ),\n\t\t\t'©',\n\t\t\twp_date( 'Y' ),\n\t\t);\n\n\t\treturn $copyright_text;\n\t}\nendif;<\/code><\/pre>\n
Wenn sich das alles ein bisschen kompliziert anh\u00f6rt, dann \u00fcberleg mal, wie einfach es f\u00fcr den Nutzer ist, komplexe Layouts zu erstellen, indem er einfach die Elemente verwendet, die von Haus aus vorhanden sind.<\/p>\n
Und denk auch daran, wie einfach es f\u00fcr einen Entwickler ist, Vorlagen und Blockmuster zu erstellen, indem er ihren Code direkt im Site-Editor generiert. Und die Integration mit der Block Bindings API \u00f6ffnet die T\u00fcr zu endlosen M\u00f6glichkeiten f\u00fcr die Integration mit externen Datenquellen.<\/p>\n
Twenty Twenty-Five bietet weitere gute Beispiele f\u00fcr die Verwendung von Blockmustern. So kannst du zum Beispiel fortgeschrittene Layouts erstellen, indem du bestehende Muster mit anderen Mustern kombinierst.<\/p>\n
Wenn du die Muster im Site-Editor durchsuchst, siehst du in der Kategorie Seiten-Muster<\/strong> mehrere Landing-Page-Layouts.<\/p>\n
\"Twenty
Twenty Twenty-Five Seiten-Muster<\/figcaption><\/figure>\n
Diese Muster sind vorgefertigte Layouts, die du f\u00fcr deine Seiten verwenden kannst. Wenn du eine neue Seite erstellst, zeigt der Editor ein Overlay an, in dem du ein Blockmuster ausw\u00e4hlen kannst. Vielleicht m\u00f6chtest du mit einem Landing Page-Muster beginnen und es an deine Bed\u00fcrfnisse anpassen.<\/p>\n
\"W\u00e4hle
W\u00e4hle ein Muster f\u00fcr eine neue Seite<\/figcaption><\/figure>\n
Du kannst auch die Standard-Seitenvorlage \u00e4ndern und diejenige verwenden, die am besten zu deinem Projekt passt.<\/p>\n
\"W\u00e4hle
W\u00e4hle eine Vorlage f\u00fcr deine Seite<\/figcaption><\/figure>\n
Tauchen wir nun in den Code der Landing Page f\u00fcr das Buchmuster<\/strong> ein. Gehe in den Ordner patterns<\/code> von Twenty Twenty-Five und \u00f6ffne page-landing-book.php<\/code>. Du solltest den folgenden Code sehen:<\/p>\n
<?php\n\/**\n * Title: Landing page for Book\n * Slug: twentytwentyfive\/page-landing-book\n * Categories: twentytwentyfive_page, featured\n * Keywords: starter\n * Block Types: core\/post-content\n * Post Types: page, wp_template\n * Viewport width: 1400\n * Description: A landing page for the book with a hero section, pre-order links, locations, FAQs and newsletter signup.\n *\n * @package WordPress\n * @subpackage Twenty_Twenty_Five\n * @since Twenty Twenty-Five 1.0\n *\/\n\n?>\n\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/hero-book\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-links\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/banner-about-book\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-locations\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/text-faqs\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/newsletter-sign-up\"} \/--><\/code><\/pre>\n
Es ist einfach eine Sammlung von Blockmustern. Das soll zeigen, wie einfach es ist, komplexe Layouts zu erstellen, sowohl f\u00fcr Entwickler als auch f\u00fcr Nutzer. Entwickler k\u00f6nnen komplexe Vorlagenteile und Blockmuster erstellen, indem sie vorgefertigte Muster mit wenigen Klicks in anderen Mustern verschachteln. Noch nie war es so einfach, eine Landing Page zu erstellen.<\/p>\n
Stile<\/h2>\n
Twenty Twenty-Five bietet eine Vielzahl von Schriftarten, die mehrere Sprachen unterst\u00fctzen, und eine gro\u00dfe Anzahl von vordefinierten Farbpaletten, die als Stilvariationen zusammengefasst sind.<\/p>\n
Schriftarten<\/h3>\n
Twenty Twenty-Five enth\u00e4lt 9 Schriftarten mit vielen Varianten. Du kannst die Schriftarten, die du auf deiner Website verwenden m\u00f6chtest, in der Schnittstelle Globale Stile unter Typografie<\/strong> ausw\u00e4hlen.<\/p>\n
\"Schriftarten
Schriftarten des Themes Twenty Twenty-Five<\/figcaption><\/figure>\n
Diese Schriftfamilien sind im Ordner Twenty Twenty-Five assets\/fonts<\/code> gespeichert und unter theme.json<\/code> registriert.<\/p>\n
Im folgenden Fragment sind f\u00fcnf Varianten der Schriftfamilie Fira Code<\/strong> registriert:<\/p>\n
{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Fira Code\",\n\t\t\t\t\t\"slug\": \"fira-code\",\n\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\", monospace\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Light.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"300\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Regular.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"400\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Medium.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"500\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-SemiBold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"600\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Bold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"700\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t...\n\t\t}\n\t}\n}<\/code><\/pre>\n
Das folgende Bild zeigt die Varianten der Schriftart Fira Code im Site-Editor.<\/p>\n
\"Fira
Fira Code-Schriftvarianten im Site-Editor<\/figcaption><\/figure>\n
Twenty Twenty-Five kommt auch mit 8 Typografies\u00e4tzen. Du musst nur eine davon im Abschnitt Typografie<\/strong> der Schnittstelle Globale Stile ausw\u00e4hlen und sie wird auf deine gesamte Website angewendet.<\/p>\n
\"Twenty
Twenty Twenty-Five Schrifts\u00e4tze<\/figcaption><\/figure>\n
Wenn du den Typografiesatz Nummer 7, „Platypi & Literata“, ausw\u00e4hlst, werden diese beiden Schriftarten automatisch auf alle Elemente deiner Website angewendet: Literata wird auf die allgemeinen Textelemente angewandt und Platypi auf Seitentitel, \u00dcberschriften und Schaltfl\u00e4chenbl\u00f6cke.<\/p>\n
Diese Voreinstellung ist in der Datei typography-preset-6.json<\/code> unter styles\/typography<\/code> registriert:<\/p>\n
{\n\t\"version\": 3,\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"title\": \"Platypi & Literata\",\n\t\"slug\": \"typography-preset-6\",\n\t\"styles\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var:preset|font-family|literata\",\n\t\t\t\"fontSize\": \"var:preset|font-size|large\",\n\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\"fontWeight\": \"300\",\n\t\t\t\"letterSpacing\": \"-0.24px\",\n\t\t\t\"lineHeight\": \"1.3\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/site-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.6px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.96px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"button\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n
Farben<\/h3>\n
Twenty Twenty-Five bietet eine Standardpalette mit 8 Farben. Diese Farben sind in theme.json<\/code> wie folgt definiert:<\/p>\n
{\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FFFFFF\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#111111\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FFEE58\",\n\t\t\t\t\t\"name\": \"Accent 1\",\n\t\t\t\t\t\"slug\": \"accent-1\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6CFF4\",\n\t\t\t\t\t\"name\": \"Accent 2\",\n\t\t\t\t\t\"slug\": \"accent-2\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#503AA8\",\n\t\t\t\t\t\"name\": \"Accent 3\",\n\t\t\t\t\t\"slug\": \"accent-3\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#686868\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FBFAF3\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#11111133\",\n\t\t\t\t\t\"name\": \"Opacity 20%\",\n\t\t\t\t\t\"slug\": \"opacity-20\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t...\n}<\/code><\/pre>\n
\"Twenty
Twenty Twenty-Five Standard-Farbpalette<\/figcaption><\/figure>\n
Twenty Twenty-Five bietet au\u00dferdem 8 zus\u00e4tzliche Farbpaletten, die als Stilvariationen definiert sind. Du findest sie im Ordner styles\/colors<\/code> des Themes.<\/p>\n
Das Bild unten zeigt die Sunrise-Farbpalette.<\/p>\n
\"Sunrise-Farbpalette\"
Sunrise-Farbpalette<\/figcaption><\/figure>\n
Vorlagen<\/h2>\n
Twenty Twenty-Five bietet dir auch eine gro\u00dfe Auswahl an Vorlagen, mit denen du jede Art von Blog erstellen kannst. Du kannst pers\u00f6nliche Blogs mit gleichbleibender Textmenge, Fotoblogs und Portfolios mit verschiedenen Layout-Strukturen und st\u00e4rker strukturierte Blogs f\u00fcr verschiedene Zwecke erstellen.<\/p>\n
\"Twenty
Twenty Twenty-Five Vorlagen im Site-Editor<\/figcaption><\/figure>\n
Die folgenden Bilder zeigen Vorschaubilder der Twenty Twenty-Five Blogvorlagen von Figma<\/a>. Hier sind einige der pers\u00f6nlichen Blogvorlagen.<\/p>\n
\"Twenty
Twenty Twenty-Five pers\u00f6nliche Blogvorlagen von Figma<\/figcaption><\/figure>\n
Und hier sind einige der Fotoblog-Vorlagen.<\/p>\n
\"Twenty
Twenty Twenty-Five Vorlagen f\u00fcr Fotoblogs von Figma<\/figcaption><\/figure>\n
Twenty Twenty-Five-Vorlagen sind minimalistisch und so gestaltet, dass sie eine einfache und klare Oberfl\u00e4che bieten. Wie die Vorlagen selbst basieren auch die Templates stark auf Blockmustern. Um einen Anhaltspunkt zu haben, \u00f6ffne eine der .html<\/code> Dateien, die du im templates<\/code> Ordner des Twenty Twenty-Five Themes findest, und schau dir den Code an. Unten findest du den Quellcode f\u00fcr die Datei archive.html<\/code>:<\/p>\n
<!-- wp:template-part {\"slug\":\"header\",\"area\":\"header\",\"tagName\":\"header\"} \/-->\n\n<!-- wp:group {\"tagName\":\"main\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|60\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<main class=\"wp-block-group\" style=\"margin-top:var(--wp--preset--spacing--60)\">\n\t<!-- wp:query-title {\"type\":\"archive\"} \/-->\n\t<!-- wp:term-description \/-->\n\t<!-- wp:pattern {\"slug\":\"twentytwentyfive\/posts-personal-blog\"} \/-->\n\t<!-- wp:pattern {\"slug\":\"twentytwentyfive\/more-posts\"} \/-->\n<\/main>\n<!-- \/wp:group -->\n\n<!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \/--><\/code><\/pre>\n
Der Inhalt der Archivseite wird durch die Bl\u00f6cke Abfragetitel<\/strong> und Begriffsbeschreibung<\/strong> sowie die Muster Liste der Beitr\u00e4ge, 1 Spalte<\/strong> (posts-personal-blog<\/code>) und Weitere Beitr\u00e4ge<\/strong> (more-posts<\/code>) erzeugt.<\/p>\n
Auf der Grundlage dieses Codes kannst du ganz einfach eine eigene Vorlage f\u00fcr deine Website erstellen. Wenn du zum Beispiel die Liste der Beitr\u00e4ge durch ein Foto-Blog-Layout ersetzen m\u00f6chtest, kannst du das ganz einfach tun, indem du das in dieser Vorlage verwendete Muster \u00e4nderst.<\/p>\n
Navigiere im Website-Editor zum Abschnitt Vorlagen<\/strong> und klicke auf Neue Vorlage hinzuf\u00fcgen<\/strong>. Du wirst aufgefordert, die Art des Inhalts auszuw\u00e4hlen, f\u00fcr den deine Vorlage gelten soll. In diesem Beispiel haben wir die Kategorie Archive<\/strong> ausgew\u00e4hlt.<\/p>\n
\"Vorlage
Vorlage hinzuf\u00fcgen in WordPress 6.7<\/figcaption><\/figure>\n
Als N\u00e4chstes musst du entscheiden, ob die Vorlage f\u00fcr alle Kategorien oder f\u00fcr eine bestimmte Kategorie verwendet werden soll. Schlie\u00dflich werden dir ein oder mehrere Muster angezeigt, mit denen du beginnen und deine \u00c4nderungen vornehmen kannst.<\/p>\n
Du kannst aber auch alles von Grund auf neu erstellen. In diesem Beispiel nehmen wir eine kleine \u00c4nderung am Code der Datei archive.html<\/code> vor und verwenden das Muster twentytwentyfive\/photo-blog-posts<\/code> anstelle von twentytwentyfive\/posts-personal-blog<\/code>. Auf der WordPress-Kategorienarchivseite wird nun eine Fotogalerie angezeigt.<\/p>\n
\"Ein
Ein angepasstes Kategoriearchiv in Twenty Twenty-Five<\/figcaption><\/figure>\n
Zusammenfassung<\/h2>\n
Twenty Twenty-Five, das n\u00e4chste Standard-Theme, das mit WordPress 6.7 ver\u00f6ffentlicht wird, wurde mit einer Philosophie der Einfachheit f\u00fcr Nutzer und Flexibilit\u00e4t f\u00fcr Entwickler entwickelt. Dank seiner vielf\u00e4ltigen und vielseitigen Blockmuster und Stile hilft dieses Theme den Nutzern, \u00fcberzeugende Geschichten zu erz\u00e4hlen. Es enth\u00e4lt viele inspirierende Bilder von Openverse, die nahtlos in die Blockmuster des Themes integriert sind.<\/p>\n
Die Struktur des Themes basiert auf Sammlungen von verschachtelten Bl\u00f6cken, Mustern und Vorlagenteilen, die es einfacher denn je machen, komplexe Layouts ohne fortgeschrittene Programmierkenntnisse zu gestalten.<\/p>\n
Twenty Twenty-Five ist ein weiterer Schritt zur Demokratisierung des Designs. Egal, ob du ein erfahrener Entwickler oder ein Anf\u00e4nger bist, Twenty Twenty-Five bietet eine solide Grundlage, um Block-Themes zu erforschen, und mit dem richtigen Know-how kannst du sogar dein eigenes Theme erstellen und mit der WordPress-Community teilen.<\/p>\n
Jetzt bist du dran. Hast du Twenty Twenty-Five bereits in einer Entwicklungsumgebung getestet? Teile uns deine Eindr\u00fccke in den Kommentaren unten mit.<\/p>\n","protected":false},"excerpt":{"rendered":"
Basierend auf der Idee, dass einfache Dinge intuitiv sein sollten, w\u00e4hrend komplexe Dinge m\u00f6glich sein sollten, ist Twenty Twenty-Five ein flexibles und leicht erweiterbares Standard-WordPress-Theme, das …<\/p>\n","protected":false},"author":36,"featured_media":71559,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1009],"class_list":["post-71558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-themes"],"yoast_head":"\nTwenty Twenty-Five WordPress-Theme: Ein \u00dcberblick f\u00fcr Entwickler<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-21T12:23:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-24T08:29:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1471\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme\",\"datePublished\":\"2024-10-21T12:23:37+00:00\",\"dateModified\":\"2024-10-24T08:29:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\"},\"wordCount\":1708,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\",\"name\":\"Twenty Twenty-Five WordPress-Theme: Ein \u00dcberblick f\u00fcr Entwickler\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png\",\"datePublished\":\"2024-10-21T12:23:37+00:00\",\"dateModified\":\"2024-10-24T08:29:51+00:00\",\"description\":\"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png\",\"width\":1471,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-Themes\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty-Five WordPress-Theme: Ein \u00dcberblick f\u00fcr Entwickler","description":"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.","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:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/","og_locale":"de_DE","og_type":"article","og_title":"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme","og_description":"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.","og_url":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-10-21T12:23:37+00:00","article_modified_time":"2024-10-24T08:29:51+00:00","og_image":[{"width":1471,"height":735,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five-1024x512.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme","datePublished":"2024-10-21T12:23:37+00:00","dateModified":"2024-10-24T08:29:51+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/"},"wordCount":1708,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/","url":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/","name":"Twenty Twenty-Five WordPress-Theme: Ein \u00dcberblick f\u00fcr Entwickler","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png","datePublished":"2024-10-21T12:23:37+00:00","dateModified":"2024-10-24T08:29:51+00:00","description":"Twenty Twenty-Five ist ein vielseitiges Blogging-Theme, das auf Vorlagen und Mustern basiert. Entdecke die Hauptmerkmale des neuen WordPress-Standardthemas.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/10\/twenty-twenty-five.png","width":1471,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-five-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress-Themes","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/"},{"@type":"ListItem","position":3,"name":"Ein \u00dcberblick f\u00fcr Entwickler \u00fcber das Twenty Twenty-Five, das n\u00e4chste Standard-WordPress-Theme"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/71558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=71558"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/71558\/revisions"}],"predecessor-version":[{"id":71587,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/71558\/revisions\/71587"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/71558\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/71559"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=71558"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=71558"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=71558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}