{"id":5870,"date":"2022-02-22T21:23:51","date_gmt":"2022-02-22T21:23:51","guid":{"rendered":"https:\/\/outstandingthemes.com\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/"},"modified":"2024-11-21T14:22:31","modified_gmt":"2024-11-21T14:22:31","slug":"wie-man-eine-schaltflaeche-in-css-horizontal-zentriert","status":"publish","type":"post","link":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/","title":{"rendered":"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert"},"content":{"rendered":"\n<p>Mit CSS (Cascading Style Sheets) k\u00f6nnen Sie einer HTML-Webseite das bestm\u00f6gliche Aussehen verleihen. Jedes einzelne Element auf einer Seite kann mithilfe von CSS auf jede beliebige Weise angeordnet werden. Horizontal und vertikal ausgerichtete Elemente k\u00f6nnen Sie verwenden. CSS-Schaltfl\u00e4chen m\u00fcssen mittig ausgerichtet sein, wenn sie in der Mitte einer Webseite oder innerhalb eines Divs platziert werden sollen.   <\/p>\n\n<p>Bevor wir fortfahren, m\u00f6chten wir uns bei <a href=\"https:\/\/www.komik.dk\/\">komik.dk<\/a> f\u00fcr die Unterst\u00fctzung bei der Erstellung dieses Leitfadens bedanken.<\/p>\n\n<p>Verwenden Sie das folgende Verfahren, um eine CSS-Schaltfl\u00e4che mittig auszurichten.<\/p>\n\n<p>Zentrieren: Text-align &#8211; \u00c4ndern Sie einfach die Textausrichtung in der Eigenschaft des div-Tags auf center.<\/p>\n\n<p>margin: auto &#8211; Durch Auswahl der Option auto margin im Eigenschaftenfenster<\/p>\n\n<p>position: fixed &#8211; Indem Sie das Attribut position auf fixed setzen<\/p>\n\n<p>display: flex &#8211; Indem Sie das Attribut display in flex \u00e4ndern<\/p>\n\n<p>display: grid &#8211; Sie k\u00f6nnen das Gitter anzeigen, indem Sie das Attribut display f\u00fcr das Gitter ausw\u00e4hlen.<\/p>\n\n<h3 class=\"wp-block-heading\">1. Indem Sie das Attribut text-align des body-Tags zentrieren (text-align: center)<\/h3>\n\n<p>In diesem Beispiel verwenden wir das Attribut &#8218;text-align&#8216; center f\u00fcr den &#8218;body&gt;-Tag, der automatisch alles darin zentriert.<\/p>\n\n<h3 class=\"wp-block-heading\">2. Indem Sie das Attribut text-align des \u00fcbergeordneten div-Tags zentrieren (text-align: center)<\/h3>\n\n<p>Im folgenden Beispiel verwenden wir die Eigenschaft &#8218;text-align&#8216; center auf einem div&gt;-Element mit der Klasse (button-container-div), um sicherzustellen, dass alles, was in diesem div&gt;-Element enthalten ist, automatisch zentriert ausgerichtet wird.<\/p>\n\n<h3 class=\"wp-block-heading\">3. Zentrieren Sie die CSS-Schaltfl\u00e4che mithilfe der Eigenschaft margin auto (Margin: auto)<\/h3>\n\n<p>Wir verwenden die Auto-Eigenschaft &#8218; Margin&#8216;. Margin zentriert das Div automatisch auf dem Bildschirm. <\/p>\n\n<h3 class=\"wp-block-heading\">4. Verwenden Sie eine CSS-Schaltfl\u00e4che mit fester Position, um sie zu zentrieren.<\/h3>\n\n<p>In diesem Beispiel setzen wir einen Rand von 50 % vom linken Rand der Seite und verwenden dann position: fixed, um den Textk\u00f6rper zu zentrieren.<\/p>\n\n<h3 class=\"wp-block-heading\">5. Durch die Angabe der Eigenschaft flex f\u00fcr die Eigenschaft display (display: flex)<\/h3>\n\n<p>In diesem Beispiel wenden wir die Flex-Eigenschaft &#8222;display&#8220; sowie die Eigenschaften &#8222;justify-content&#8220; und &#8222;align-items&#8220; auf den \u00fcbergeordneten div&gt;-Tag mit der Klasse (button-container-div) an. Die im div&gt; enthaltene Schaltfl\u00e4che wird sowohl in der vertikalen als auch in der horizontalen Achse zentriert. <\/p>\n\n<p>Justify-content zentriert die Schaltfl\u00e4che horizontal.<\/p>\n\n<p>Mit der Option Elemente ausrichten bleibt es in der Mitte. Andernfalls w\u00fcrde es am oberen Rand des Divs beginnen und sich nach unten arbeiten.<\/p>\n\n<h2 class=\"wp-block-heading\">Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert<\/h2>\n\n<p>Es kann ein wenig schwierig sein, aber hier sind einige schnelle Techniken, um Ihre Schaltfl\u00e4che zu zentrieren, unabh\u00e4ngig vom Elementtyp.<\/p>\n\n<h2 class=\"wp-block-heading\">Elemente in der Mitte ausrichten<\/h2>\n\n<p>Um ein Blockelement (wie z.B. div&gt;) horizontal zu zentrieren, verwenden Sie margin: auto;<\/p>\n\n<p>Die Einstellung der Breite des Elements verhindert, dass es sich \u00fcber die Grenzen seines Containers hinaus ausdehnt.<\/p>\n\n<p>Das Element f\u00fcllt dann die gew\u00fcnschte Breite aus und l\u00e4sst zwischen den beiden R\u00e4ndern gleich viel Platz:<\/p>\n\n<p>Dieses div-Element hat eine zentrale Position.<\/p>\n\n<h2 class=\"wp-block-heading\">Schaltfl\u00e4chenelement mit einem Inline-Block<\/h2>\n\n<p>Standardm\u00e4\u00dfig sind Schaltfl\u00e4chen- und Link-Elemente auf display: inline-block eingestellt. Sie werden einen Teil mit der Einstellung inline-block in den \u00fcblichen Links-nach-Rechts-Fluss des Dokuments auf der Seite einschlie\u00dfen. <\/p>\n\n<p>Das bedeutet, dass zwei Inline-Block-Komponenten nebeneinander erscheinen, wenn gen\u00fcgend horizontaler Abstand zwischen ihnen vorhanden ist.<\/p>\n\n<p>Dies ist vergleichbar mit Elementen, bei denen display: inline gesetzt ist, mit dem Unterschied, dass bei Inline-Block-Elementen die H\u00f6he und Breite gesteuert werden kann, bei Inline-Elementen jedoch nicht.<\/p>\n\n<h2 class=\"wp-block-heading\">Verwenden Sie text-align: center, um den Text zu zentrieren<\/h2>\n\n<p>Wenn Sie text-align: center auf ein \u00fcbergeordnetes Element setzen, k\u00f6nnen Sie Inline-Block- (und Inline-) Elemente zentrieren.<\/p>\n\n<p>Unser Schaltfl\u00e4che&gt;-Element ist in ein div&gt;-Element mit der Einstellung text-align: center eingeschlossen.<\/p>\n\n<h2 class=\"wp-block-heading\">Mit einer festen Breite ist dies ein Block-Schaltfl\u00e4chenelement.<\/h2>\n\n<p>Text-align: center kann nicht verwendet werden, um Blockkomponenten zu zentrieren, da sie standardm\u00e4\u00dfig \u00fcber die gesamte Breite gehen, es sei denn, sie haben eine statische Breite.<\/p>\n\n<p>Wenn Sie jemals die statische Breite einer Schaltfl\u00e4che festlegen m\u00fcssen, k\u00f6nnen Sie diese Technik verwenden, um die Schaltfl\u00e4che auf der Seite zu zentrieren.<\/p>\n\n<p>Nehmen wir an, wir haben eine Schaltfl\u00e4che, die 200px breit ist. Obwohl sie nur 200 Pixel breit ist, k\u00f6nnen keine weiteren Elemente daneben platziert werden. <\/p>\n\n<p>Sie k\u00f6nnen ein Element auf Blockebene zentrieren, indem Sie margin-left und margin-right auf auto setzen. Dazu k\u00f6nnen wir das K\u00fcrzel margin: 0 auto verwenden. (Dadurch werden auch margin-top und margin-bottom auf Null gesetzt.)  <\/p>\n\n<h2 class=\"wp-block-heading\">Flexbox zum Zentrieren verwenden<\/h2>\n\n<p>Alternativ k\u00f6nnen Sie auch Flexbox verwenden, um sowohl Inline-Block- als auch Block-Elemente zu zentrieren.<\/p>\n\n<p>Wickeln Sie die Schaltfl\u00e4che in ein \u00fcbergeordnetes div&gt; ein und machen Sie sie sichtbar: center flex und justify-content.<\/p>\n\n<p>Die Flexbox-Einstellungen erm\u00f6glichen die horizontale und vertikale Zentrierung der Schaltfl\u00e4che. Wir k\u00f6nnen das Schaltfl\u00e4chenelement horizontal zentrieren, indem wir die CSS-Eigenschaft align-items mit dem Wert center verwenden. Gleichzeitig k\u00f6nnen wir die CSS-Eigenschaft justify-content in Verbindung mit dem Wert center verwenden, um das Schaltfl\u00e4chenelement vertikal zu zentrieren.  <\/p>\n\n<p>Um ein Schaltfl\u00e4chenelement horizontal und vertikal zu zentrieren, m\u00fcssen wir zus\u00e4tzlich zu dem Wert center die CSS-Eigenschaften justify-content und align-items angeben.<\/p>\n\n<h2 class=\"wp-block-heading\">Verwendung der CSS-Eigenschaft transform<\/h2>\n\n<p>Neben der Eigenschaft flexbox k\u00f6nnen wir auch eine Reihe von CSS-Eigenschaften verwenden, um die Schaltfl\u00e4che horizontal und vertikal zentriert auszurichten. F\u00fcgen Sie der Containerklasse und der Klasse, die die Schaltfl\u00e4che enth\u00e4lt, relative und absolute Positionen hinzu. Zentrieren Sie nun die Schaltfl\u00e4che mit left:50% und top:50% im Container. Verwenden Sie au\u00dferdem transform: translate (-50 Prozent, -50 Prozent).   <\/p>\n\n<h2 class=\"wp-block-heading\">Zwei nebeneinander liegende Schaltfl\u00e4chen<\/h2>\n\n<p>Es kann vorkommen, dass Sie zwei Schaltfl\u00e4chen nebeneinander, aber mittig auf der Seite haben m\u00f6chten.<\/p>\n\n<p>Sie k\u00f6nnen dies erreichen, indem Sie beide Schaltfl\u00e4chen in ein \u00fcbergeordnetes div&gt; einpacken und sie mit Flexbox auf der Seite zentrieren.<\/p>\n\n<p>Insbesondere haben wir margin-right: 20px zur ersten Schaltfl\u00e4che hinzugef\u00fcgt, um sie zu trennen.<\/p>\n\n<h2 class=\"wp-block-heading\">Verwendung der CSS-Modelle flexbox und grid zum Zentrieren einer Schaltfl\u00e4che<\/h2>\n\n<p>Au\u00dferdem k\u00f6nnen Sie ein Schaltfl\u00e4chenelement zentrieren, indem Sie den Anzeigemodus des Containerelements auf flex oder grid \u00e4ndern und ihm die Eigenschaft justify-content: center hinzuf\u00fcgen.<\/p>\n\n<p>Wenn Sie z.B. ein div&gt; als Container f\u00fcr das Element button&gt; verwenden, zentriert diese CSS-Regel das unzufriedene &gt; horizontal:<\/p>\n\n<p>.center-h {<\/p>\n\n<p>display: flex; \/* oder display:grid *\/<\/p>\n\n<p>justify-content: center;<\/p>\n\n<p>}<\/p>\n\n<p>Der Vorteil der Verwendung einer Flexbox- oder Grid-CSS-Architektur ist, dass Sie Inhalte vertikal und horizontal zentrieren k\u00f6nnen.<\/p>\n\n<h2 class=\"wp-block-heading\">Abschlie\u00dfende \u00dcberlegungen zur horizontalen Zentrierung einer Schaltfl\u00e4che in CSS<\/h2>\n\n<p>Dies sind die CSS-Methoden f\u00fcr die horizontale Zentrierung einer Schaltfl\u00e4che. Alle Strategien sind auf ihre Weise vorteilhaft, je nach Verwendungszweck und Zweck. Die beste Technik ist jedoch die Verwendung der Eigenschaft Flex-box. Und die andere ist die Wahl der Methode, die Sie f\u00fcr Ihr Problem und Ihr Szenario f\u00fcr am besten geeignet halten.   <\/p>\n\n<p>Lesen Sie auch unsere Anleitung \u00fcber: <a href=\"https:\/\/outstandingthemes.com\/how-to-center-a-video-in-html\/\">Wie man ein Video in HTML zentriert!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Mit CSS (Cascading Style Sheets) k\u00f6nnen Sie einer HTML-Webseite das bestm\u00f6gliche Aussehen verleihen. Jedes einzelne Element auf einer&hellip;","protected":false},"author":7829,"featured_media":4958,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[491,451],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes<\/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:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes\" \/>\n<meta property=\"og:description\" content=\"Mit CSS (Cascading Style Sheets) k\u00f6nnen Sie einer HTML-Webseite das bestm\u00f6gliche Aussehen verleihen. Jedes einzelne Element auf einer&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/\" \/>\n<meta property=\"og:site_name\" content=\"Outstanding Themes\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-22T21:23:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-21T14:22:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png\" \/>\n\t<meta property=\"og:image:width\" content=\"917\" \/>\n\t<meta property=\"og:image:height\" content=\"454\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"outstandingthemes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"outstandingthemes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/\",\"url\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/\",\"name\":\"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes\",\"isPartOf\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png\",\"datePublished\":\"2022-02-22T21:23:51+00:00\",\"dateModified\":\"2024-11-21T14:22:31+00:00\",\"author\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a\"},\"breadcrumb\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage\",\"url\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png\",\"contentUrl\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png\",\"width\":917,\"height\":454},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/outstandingthemes.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#website\",\"url\":\"https:\/\/outstandingthemes.com\/de\/\",\"name\":\"Outstanding Themes\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/outstandingthemes.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a\",\"name\":\"outstandingthemes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g\",\"caption\":\"outstandingthemes\"},\"url\":\"https:\/\/outstandingthemes.com\/de\/author\/outstandingthemes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes","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:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes","og_description":"Mit CSS (Cascading Style Sheets) k\u00f6nnen Sie einer HTML-Webseite das bestm\u00f6gliche Aussehen verleihen. Jedes einzelne Element auf einer&hellip;","og_url":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/","og_site_name":"Outstanding Themes","article_published_time":"2022-02-22T21:23:51+00:00","article_modified_time":"2024-11-21T14:22:31+00:00","og_image":[{"width":917,"height":454,"url":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png","type":"image\/png"}],"author":"outstandingthemes","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"outstandingthemes","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/","url":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/","name":"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert - Outstanding Themes","isPartOf":{"@id":"https:\/\/outstandingthemes.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage"},"image":{"@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage"},"thumbnailUrl":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png","datePublished":"2022-02-22T21:23:51+00:00","dateModified":"2024-11-21T14:22:31+00:00","author":{"@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a"},"breadcrumb":{"@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#primaryimage","url":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png","contentUrl":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/buttoncenter.png","width":917,"height":454},{"@type":"BreadcrumbList","@id":"https:\/\/outstandingthemes.com\/de\/wie-man-eine-schaltflaeche-in-css-horizontal-zentriert\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/outstandingthemes.com\/de\/"},{"@type":"ListItem","position":2,"name":"Wie man eine Schaltfl\u00e4che in CSS horizontal zentriert"}]},{"@type":"WebSite","@id":"https:\/\/outstandingthemes.com\/de\/#website","url":"https:\/\/outstandingthemes.com\/de\/","name":"Outstanding Themes","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/outstandingthemes.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a","name":"outstandingthemes","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g","caption":"outstandingthemes"},"url":"https:\/\/outstandingthemes.com\/de\/author\/outstandingthemes\/"}]}},"_links":{"self":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5870"}],"collection":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/users\/7829"}],"replies":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/comments?post=5870"}],"version-history":[{"count":1,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5870\/revisions"}],"predecessor-version":[{"id":5871,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5870\/revisions\/5871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/media\/4958"}],"wp:attachment":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/media?parent=5870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/categories?post=5870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/tags?post=5870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}