{"id":74962,"date":"2025-12-15T15:13:39","date_gmt":"2025-12-15T14:13:39","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=74962&#038;preview=true&#038;preview_id=74962"},"modified":"2025-12-17T11:22:41","modified_gmt":"2025-12-17T10:22:41","slug":"wordpress-website-erstellen-lovable","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/","title":{"rendered":"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden"},"content":{"rendered":"<p>K\u00fcnstliche Intelligenz, verbesserte Entwicklungstools und moderne Hosting-Umgebungen verschaffen dem <a href=\"https:\/\/kinsta.com\/de\/blog\/headless-wordpress-seo\/\">Headless WordPress<\/a> eine neue Welle der Aufmerksamkeit unter Designern und <a href=\"https:\/\/kinsta.com\/de\/blog\/arten-von-entwicklern\/\">Entwicklern<\/a>. Diese Entwicklung pr\u00e4gt die Art und Weise, wie verteilte digitale Erlebnisse entworfen, entwickelt und bereitgestellt werden.<\/p>\n<p>In diesem Walkthrough zeigen wir dir, wie du mit <a href=\"https:\/\/lovable.dev\/\">Lovable<\/a>, einem KI-gesteuerten Frontend-Builder, eine moderne Website mit einem Headless-WordPress-Backend erstellst.<\/p>\n<p>Was wir heute sehen, gibt einen Einblick in die Zukunft von WordPress, egal ob headless oder traditionell: ein offener, kollaborativer und KI-gest\u00fctzter Ansatz zur Erstellung digitaler Erlebnisse, der Content Management mit kreativer Gestaltungsfreiheit verbindet.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Headless WordPress verstehen<\/h2>\n<p>Eine Headless WordPress-Umgebung einzurichten ist einfacher, als es klingt. Stell dir vor, du teilst WordPress in zwei Teile:<\/p>\n<ul>\n<li><strong>Backend<\/strong> &#8211; WordPress verwaltet weiterhin deine Inhalte, Medien und Daten wie gewohnt.<\/li>\n<li><strong>Frontend<\/strong> &#8211; Eine separate Anwendung k\u00fcmmert sich darum, wie alles aussieht und sich verh\u00e4lt.<\/li>\n<\/ul>\n<p>Durch die Trennung der beiden Bereiche beh\u00e4ltst du die zuverl\u00e4ssige <a href=\"https:\/\/kinsta.com\/de\/blog\/content-management-system\/\">Inhaltsverwaltung<\/a> von WordPress und erh\u00e4ltst gleichzeitig die Freiheit, mit modernen Frontend-Frameworks wie React oder Vue zu gestalten und zu bauen. Es geht darum, das Beste von WordPress zu nutzen und es \u00fcber das hinaus zu erweitern, was ein traditionelles Setup leisten kann.<\/p>\n<p>Man kann es sich auch anders vorstellen: WordPress k\u00fcmmert sich um die Struktur (deinen Inhalt) und dein Frontend um den Stil (wie er pr\u00e4sentiert wird).<\/p>\n<h2>Warum Lovable?<\/h2>\n<p>Ist Headless WordPress wirklich notwendig? Das h\u00e4ngt von deinen Zielen ab. F\u00fcr viele Projekte ist eine Standard-WordPress-Einrichtung immer noch der einfachste und effizienteste Weg. Wenn du jedoch mehr Flexibilit\u00e4t, schnellere Iterationen oder eine M\u00f6glichkeit suchst, moderne Webanwendungen zu entwickeln, die \u00fcber herk\u00f6mmliche Themes und Plugins hinausgehen, dann ist Headless WordPress genau das Richtige f\u00fcr dich.<\/p>\n<p>F\u00fcr dieses Projekt haben wir Lovable verwendet, eine KI-gest\u00fctzte Entwicklungsplattform, die dich bei der Erstellung, Bearbeitung und Verwaltung von Frontend-Code unterst\u00fctzt. Sie baut mit modernen Tools wie React, Tailwind CSS und Vite auf und nutzt KI-Eingaben f\u00fcr Layout, Styling und Komponentenlogik.<\/p>\n<p>Mit anderen Worten: Lovable ist nicht das Frontend selbst. Es ist die Umgebung, in der das Frontend erstellt und gewartet wird.<\/p>\n<p>Das macht es f\u00fcr unser Experiment besonders geeignet:<\/p>\n<ul>\n<li><strong>Flexibilit\u00e4t bei der Versionskontrolle:<\/strong> einfache 2-Wege-Synchronisation mit GitHub, GitLab oder Bitbucket.<\/li>\n<li><strong>Plattform\u00fcbergreifendes Design:<\/strong> Erstellung von Web-, Mobil- oder Kiosk-Displays von einem einzigen WordPress-Backend aus.<\/li>\n<li><strong>Sofortige Iterationen:<\/strong> Aktualisiere Layouts, Stile oder Komponenten in Sekundenschnelle mit Hilfe von KI-Eingabeaufforderungen.<\/li>\n<li><strong>Entkoppelte Sicherheit:<\/strong> kein direkter Datenbankzugriff vom Frontend aus.<\/li>\n<li><strong>Unterst\u00fctzt statische Builds:<\/strong> Einfache Bereitstellung als statisches HTML, CSS und JavaScript f\u00fcr bessere Leistung und Zuverl\u00e4ssigkeit.<\/li>\n<\/ul>\n<p>Nat\u00fcrlich ist ein Headless-Setup nicht ohne Kompromisse. Die Pflege eines Multi-Layer-Stacks kann die Fehlersuche komplizierter machen, und Plugins, die Inhalte auf dem Frontend rendern, ben\u00f6tigen m\u00f6glicherweise eigene API-Bridges. F\u00fcr statische oder inhaltsorientierte Websites bietet die Kombination von WordPress mit Lovable jedoch eine schnelle und moderne M\u00f6glichkeit, die M\u00f6glichkeiten von Headless zu erkunden.<\/p>\n<h2>Erste Schritte<\/h2>\n<p>Bevor wir mit dem Aufbau beginnen, sollten wir die beiden Hauptbestandteile unseres Stacks einrichten: Lovable f\u00fcr das Frontend und WordPress f\u00fcr das Backend.<\/p>\n<h3>Schritt 1: Erstelle ein Lovable-Projekt<\/h3>\n<p>Gehe zu <a href=\"https:\/\/lovable.dev\">lovable.dev<\/a> und erstelle ein kostenloses Konto. Sobald du auf dem Dashboard bist, starte ein neues Projekt, indem du eine kurze Eingabeaufforderung eingibst.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/lovable-ui.png\" alt=\"Die Benutzeroberfl\u00e4che von Lovable mit einer \u00dcbersicht \u00fcber ein Headless-WordPress-Website-Projekt.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Das Chat-Interface von Lovable<\/figcaption><\/figure>\n<p>Das Chat-Interface gibt dir das Gef\u00fchl, als w\u00fcrdest du mit einem Teamkollegen sprechen. Du kannst ganz nat\u00fcrlich tippen, so wie du es in einem echten Gespr\u00e4ch tun w\u00fcrdest. Du k\u00f6nntest zum Beispiel mit einer einfachen Frage beginnen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">How do we start building a frontend with WordPress on the backend?<\/code><\/pre>\n<p>Lovable antwortet mit einer klaren Anleitung und f\u00fchrt dich durch deine Optionen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Building a React frontend with WordPress as a headless CMS is a solid approach.\nYou can use the built-in WordPress REST API or install WPGraphQL for more complex data queries.<\/code><\/pre>\n<p>Dieser erste Austausch gibt den Ton f\u00fcr den Prozess an. Er gibt dir einen schnellen \u00dcberblick \u00fcber die M\u00f6glichkeiten und hilft dir zu verstehen, wie WordPress in dein Frontend integriert wird.<\/p>\n<p>Du kannst die Idee dann verfeinern, indem du die KI aufforderst, die Dinge einfach zu halten:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Let's keep it simple. We just want to build a demo blog site and have a page to serve as a dynamic style guide.<\/code><\/pre>\n<p>Lovable passt sich sofort an, erstellt eine saubere Demoseite und richtet eine Style-Guide-Seite ein, die du sp\u00e4ter f\u00fcr globale Design-Updates nutzen kannst.<\/p>\n<p>Von hier an verl\u00e4uft das Gespr\u00e4ch ganz nat\u00fcrlich. Du und Lovable besprechen immer wieder Details und kl\u00e4ren, was n\u00f6tig ist, um voranzukommen. Irgendwann wird Lovable dich nach wichtigen Details zur Einrichtung fragen, wie zum Beispiel:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">1. Do you have a WordPress site URL? (e.g., https:\/\/yoursite.com)  \n2. Is the WordPress REST API publicly accessible?  \n3. What WordPress content should map to your blog? (posts, pages, or custom post types?)  \n4. Are there custom fields you\u2019d like to fetch? (e.g., read time or featured flag)<\/code><\/pre>\n<p>Sobald du diese Angaben gemacht hast, kann Lovable automatisch die Integrationslogik erstellen und dein Frontend mit deinem WordPress-Backend verbinden.<\/p>\n<h3>Schritt 2: WordPress einrichten<\/h3>\n<p>Bevor Lovable echte Inhalte einbinden kann, brauchst du eine funktionierende WordPress-Website, die als Backend dient. Das ist der Ort, an dem sich alle deine Beitr\u00e4ge, Seiten und Medien befinden.<\/p>\n<p>Um eine reibungslose Einrichtung zu gew\u00e4hrleisten, solltest du einen <a href=\"https:\/\/kinsta.com\/de\/blog\/headless-wordpress-hosting\/\">zuverl\u00e4ssigen WordPress-Hoster<\/a> wie Kinsta nutzen, der auf einer leistungsstarken Cloud-Infrastruktur aufbaut, um sicherzustellen, dass Leistung und Betriebszeit kein Problem darstellen. Wenn du <a href=\"https:\/\/kinsta.com\/de\/anmelden\/\">dich bei Kinsta anmeldest<\/a> und eine neue WordPress-Website erstellst, erh\u00e4ltst du automatisch eine tempor\u00e4re Subdomain wie:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">https:\/\/your-site.kinsta.cloud\/<\/code><\/pre>\n<p>Sobald deine Website erstellt ist, \u00fcberpr\u00fcfe, ob die REST-API \u00f6ffentlich zug\u00e4nglich ist. \u00d6ffne einen neuen Browser-Tab und besuche sie:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">https:\/\/your-site.kinsta.cloud\/wp-json\/wp\/v2\/posts<\/code><\/pre>\n<p>Wenn du einen JSON-Feed siehst, der Beitragsdaten anzeigt, ist dein Backend bereit.<\/p>\n<h3>Schritt 3: Verbinde WordPress mit Lovable<\/h3>\n<p>Sobald deine WordPress-Website live ist und deine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-rest-api\/\">REST-API<\/a> funktioniert, ist es an der Zeit, das Backend mit deinem Lovable-Projekt zu verbinden. Hier werden Inhalt und Design endlich zusammengef\u00fchrt.<\/p>\n<p>Im Chat von Lovable kannst du einfach fragen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Ok, how do we connect your frontend to our WordPress CMS?<\/code><\/pre>\n<p>Lovable antwortet mit einem klaren Plan und erkl\u00e4rt dir, was du brauchst:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">You\u2019ll connect to your WordPress backend using its REST API.\nWhat you\u2019ll need:\n1. WordPress REST API (built-in, available at yoursite.com\/wp-json\/wp\/v2\/posts)\n2. A CORS plugin if your frontend is on a different domain\n3. (Optional) ACF or custom fields for extra data<\/code><\/pre>\n<p>Au\u00dferdem bekommst du einen \u00dcberblick dar\u00fcber, was auf beiden Seiten passiert:<\/p>\n<ul>\n<li><strong>Auf der WordPress-Website:<\/strong> Stelle sicher, dass die REST-API aktiviert ist (normalerweise ist sie das standardm\u00e4\u00dfig).<\/li>\n<li><strong>Auf dem Frontend:<\/strong> Ersetze alle statischen Blogdaten durch API-Aufrufe an WordPress, erstelle einen Dienst, der die Daten abruft, und verwalte die Ladezust\u00e4nde.<\/li>\n<\/ul>\n<p>In Lovable siehst du eine \u00fcbersichtliche Darstellung, manchmal sogar mit einem Beispiel wie diesem:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-js\">const { data: posts } = useQuery({\n  queryKey: ['posts'],\n  queryFn: async () =&gt; {\n    const response = await fetch('https:\/\/your-site.kinsta.cloud\/wp-json\/wp\/v2\/posts');\n    return response.json();\n  }\n});<\/code><\/pre>\n<p>Als N\u00e4chstes verwendet Lovable auf deinen Befehl hin die von dir angegebene WordPress-URL und richtet eine Frontend-Website ein, die deine WordPress-Beitr\u00e4ge anzeigt.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/headless-wordpress-blog.png\" alt=\"Beispiel f\u00fcr einen Headless-WordPress-Blog, der auf dem Frontend-Framework von Lovable basiert.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Beispiel f\u00fcr einen WordPress-Blog ohne Kopf<\/figcaption><\/figure>\n<p>So schnell geht&#8217;s. Die Integration ist live, die Verbindung wurde verifiziert und deine Headless-Website hat jetzt einen voll funktionierenden Content Flow von WordPress zu Lovable.<\/p>\n<h2>Styling und Designsystem<\/h2>\n<p>Sobald deine WordPress-Verbindung live ist, kannst du damit beginnen, das Aussehen der Seite zu verfeinern. Zu diesem Zeitpunkt wird alles, was du siehst, mit Tailwind CSS und den Standardeinstellungen des Browsers gestaltet. Damit hast du eine saubere Grundlage, aber jetzt ist es an der Zeit, sie nach deinen Vorstellungen zu gestalten.<\/p>\n<p>Du kannst damit beginnen, indem du Lovable direkt fragst:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Is all styling currently provided by TailwindCSS and the User Agent?<\/code><\/pre>\n<p>Lovable erkl\u00e4rt:<\/p>\n<pre><code class=\"language-bash\">Yes. All styling is currently provided by TailwindCSS (via index.css and tailwind.config.ts) and the User Agent's default styles. The App.css file exists but isn\u2019t imported anywhere.<\/code><\/pre>\n<p>Mit diesem Wissen kannst du die Struktur und die Navigation der Seite anpassen. Du k\u00f6nntest zum Beispiel auffordern:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Connect to all pages, posts, and media, and set up a header navigation as follows:\nHome\nStyle Guide\nBlog\n    Trip To Santa Fe\n    Hello World\nMake the Home page the root of the site.<\/code><\/pre>\n<p>Lovable reagiert, indem es deine Routen neu organisiert und deine WordPress-Beitr\u00e4ge dynamisch unter dem Blog-Dropdown verlinkt. Die Navigation funktioniert jetzt seiten\u00fcbergreifend: Home, Blog und dein Dynamic Style Guide, der zum Dreh- und Angelpunkt f\u00fcr globale Design\u00e4nderungen wird.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/nav-set.png\" alt=\"Anpassen der Benutzeroberfl\u00e4che der Website\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Anpassen der Benutzeroberfl\u00e4che der Website<\/figcaption><\/figure>\n<h3>Arbeiten mit dem dynamischen Style Guide<\/h3>\n<p>Auf dieser Seite definierst und kontrollierst du das globale Styling f\u00fcr deine gesamte Website. Jede \u00c4nderung, die du hier vornimmst, wirkt sich sofort auf alle Seiten aus.<\/p>\n<p>Du kannst damit beginnen, eine grundlegende Farbpalette und <a href=\"https:\/\/kinsta.com\/de\/blog\/moderne-schriften\/\">Typografie<\/a> festzulegen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Set page background color to #7B3F00.\nSet all text color to #eee.\nHeading 1 = 2rem\nHeading 2 = 1.5rem\nHeading 3 = 1.25rem\nHeading 4 = 0.84375rem\nAll other text = 1rem<\/code><\/pre>\n<p>Lovable wendet das neue Designsystem schnell an und gibt deiner Seite einen warmen braunen Hintergrund, einen weichen grauen Text und eine einheitliche Schrifthierarchie.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/dynamic-style-guide-page.png\" alt=\"Dynamische Style-Guide-Seite in Lovable mit Typografie, Farben und Komponentenvorschauen.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Dynamische Styleguideseite<\/figcaption><\/figure>\n<p>Von hier aus kannst du deinen Ansatz weiter verfeinern. Zum Beispiel:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Double the size of all headings.\nAdd 10% left and right margin to the page.\nCreate a 2x2 image gallery with 20px spacing, rounded corners (20px radius), and a 2px solid white border.<\/code><\/pre>\n<p>Lovable passt das Layout in Echtzeit an, und du siehst sofort, wie deine Bildergalerie aussieht.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/add-images.png\" alt=\"Hinzuf\u00fcgen von Bildern zu einem kopflosen WordPress-Projekt\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen von Bildern zu einem kopflosen WordPress-Projekt<\/figcaption><\/figure>\n<h3>Globale Anpassung von Schriftarten und Abst\u00e4nden<\/h3>\n<p>Du kannst dein Design noch einen Schritt weiter bringen, indem du einheitliche Schriftarten und Abst\u00e4nde f\u00fcr die gesamte Website anwendest:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Align the page title to the left.\nUse the Cowboy (Rye) font for all headings and Roboto for all other text.\nDouble the line height for all paragraphs and quote elements.\nAdd 5% top\/bottom and 10% left\/right margins to the quote block.<\/code><\/pre>\n<p>Lovable aktualisiert deine Typografie, Zeilenh\u00f6hen und R\u00e4nder.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/adjust-page-with-loveable.png\" alt=\"Passe ein Seitenlayout visuell an\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Passe ein Seitenlayout visuell an<\/figcaption><\/figure>\n<p>Wenn etwas nicht stimmt, z. B. wenn der Titel nicht wirklich linksb\u00fcndig ist, kannst du Lovable bitten, das zu \u00fcberpr\u00fcfen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">The page title isn\u2019t aligned left. Why?<\/code><\/pre>\n<p>Und es wird es dir erkl\u00e4ren:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">The container has mx-auto, which centers it. I\u2019ll remove that for true left alignment.<\/code><\/pre>\n<h3>Globale Schaltfl\u00e4chenstile definieren<\/h3>\n<p>Als N\u00e4chstes kannst du deine Schaltfl\u00e4chen optisch einheitlich gestalten. Fordere Lovable in deinem Dynamic Style Guide auf, drei Buttongr\u00f6\u00dfen mit eindeutigen Schwebezust\u00e4nden zu erstellen:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">1. Buttons should be rectangular.\n2. Use a black background with white text, and invert on hover.\n3. The medium button is 125% the width of the small one; the large is 150%.\n4. Add 20px border radius.<\/code><\/pre>\n<p>Wenn du die Schaltfl\u00e4chen nicht sofort siehst, kann Lovable einen Showcase-Bereich hinzuf\u00fcgen, um sie in der Vorschau anzuzeigen. Sobald sie sichtbar sind, wendet Lovable deine benutzerdefinierten Stile an.<\/p>\n<p>Hier ist ein Beispiel f\u00fcr das resultierende CSS, das du auch in WordPress verwenden kannst:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">.wp-button {\n  background: #000;\n  color: #fff;\n  border-radius: 20px;\n  padding: 0.5rem 0.9375rem;\n  transition: all 0.3s ease;\n}\n\n.wp-button:hover {\n  background: #fff;\n  color: #000;\n}\n\n.wp-button-sm { width: 100%; }\n.wp-button-md { width: 125%; }\n.wp-button-lg { width: 150%; }<\/code><\/pre>\n<p>Lovable erkl\u00e4rt auch, wie du diese Stile in dein WordPress-Theme \u00fcbernehmen kannst, indem du die Variablen in das CSS deines Themes kopierst und die <code>.wp-button<\/code> Klassen im Block-Editor oder in den Vorlagen anwendest.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/add-custom-buttons.png\" alt=\"Hinzuf\u00fcgen und Gestalten von benutzerdefinierten Schaltfl\u00e4chen auf einer Website\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen und Gestalten von benutzerdefinierten Schaltfl\u00e4chen auf einer Website<\/figcaption><\/figure>\n<h2>Einsatz<\/h2>\n<p>Nachdem deine Headless-Website verbunden und gestylt wurde, ist der letzte Schritt die Bereitstellung, d. h. die Live-Schaltung im Internet.<\/p>\n<p>Die Codebasis von Lovable ist portabel, das hei\u00dft, du kannst dein Frontend auf jede Git-basierte Plattform \u00fcbertragen und von dort aus bereitstellen. In diesem Leitfaden verwenden wir <a href=\"https:\/\/sevalla.com\/\">Sevalla<\/a>, eine vom Kinsta-Team entwickelte Plattform, die leistungsstarkes Cloud-Hosting mit entwicklerfreundlicher Automatisierung kombiniert.<\/p>\n<p>Sevalla bietet <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">kostenloses statisches Website-Hosting<\/a> mit Global Edge Delivery und automatischen Deployments bei Git-Push. Sobald dein Code mit GitHub, GitLab oder Bitbucket synchronisiert ist, kannst du dein Repository mit nur wenigen Klicks mit Sevalla verbinden.<\/p>\n<p>So gehst du live:<\/p>\n<ol start=\"1\">\n<li>Gehe in deinem <a href=\"https:\/\/app.sevalla.com\/\">Sevalla Dashboard<\/a> auf <strong>Statische Seiten<\/strong> und klicke auf <strong>Website hinzuf\u00fcgen<\/strong>.<\/li>\n<li>W\u00e4hle deinen Git-Anbieter und dein Repository.<\/li>\n<li>Best\u00e4tige deinen Standardzweig und aktiviere die <strong>automatische Bereitstellung bei der \u00dcbergabe<\/strong>.<\/li>\n<li>Sevalla erkennt dein Framework automatisch (in diesem Fall React + Vite).<\/li>\n<li>Klicke auf <strong>Website erstellen<\/strong> und dein Build beginnt sofort.<\/li>\n<\/ol>\n<p>Innerhalb weniger Minuten ist deine Website mit einer kostenlosen tempor\u00e4ren Domain verf\u00fcgbar.<\/p>\n<h2>Hilfreiche Tipps und andere Beobachtungen<\/h2>\n<p>W\u00e4hrend du mit Lovable an deinem Headless Build arbeitest, fallen dir ein paar Dinge auf, die den Prozess reibungsloser und verst\u00e4ndlicher machen.<\/p>\n<ul>\n<li><strong>Kostenlose und kostenpflichtige Pl\u00e4ne:<\/strong> Lovable bietet beides an. Der kostenlose Plan gibt dir viel Raum zum Experimentieren, w\u00e4hrend die kostenpflichtigen Varianten l\u00e4ngere Prompt-Sessions und eine schnellere Verarbeitung bieten.<\/li>\n<li><strong>Kein h\u00e4ufiges Aktualisieren n\u00f6tig:<\/strong> In den meisten F\u00e4llen aktualisiert sich die Lovable-Oberfl\u00e4che automatisch, wenn du Inhalte in WordPress \u00e4nderst oder ver\u00f6ffentlichst. Die Live-Synchronisation ist schnell und zuverl\u00e4ssig.<\/li>\n<li><strong>Direkte Dateibearbeitung:<\/strong> Wie bei GitHub kannst du auch bei Lovable Dateien direkt auf der Plattform bearbeiten. Das ist praktisch f\u00fcr schnelle Anpassungen oder das Debuggen kleiner Probleme, ohne dass du zu einem externen Editor wechseln musst.<\/li>\n<li><strong>REST API vs. WPGraphQL:<\/strong> F\u00fcr die meisten einfachen Projekte reicht die integrierte WordPress REST-API aus. Wenn du jedoch komplexere Abfragen oder Beziehungen ben\u00f6tigst, bietet das <a href=\"https:\/\/kinsta.com\/de\/blog\/wpgraphql-und-wp-rest-api\/\">WPGraphQL-Plugin<\/a> eine leistungsf\u00e4higere und strukturiertere Option.<\/li>\n<li><strong>H\u00e4ufige Probleme bei der Einrichtung:<\/strong> Wenn du auf Verbindungsprobleme st\u00f6\u00dft, h\u00e4ngen sie oft mit CORS (Cross-Origin Resource Sharing) oder den Zugriffsrechten der REST API zusammen. Der KI-Agent von Lovable kann dir helfen, diese Probleme schnell zu l\u00f6sen.<\/li>\n<li><strong>\u00dcberlegungen zum Caching:<\/strong> Da dein Frontend statisch ist, werden \u00c4nderungen w\u00e4hrend der Entwicklung m\u00f6glicherweise nicht sofort angezeigt. L\u00f6sche deinen Cache oder baue ihn neu, wenn du gr\u00f6\u00dfere Aktualisierungen vornimmst.<\/li>\n<\/ul>\n<h2>Zusammenfassung<\/h2>\n<p>Headless WordPress er\u00f6ffnet einen Raum, in dem sich Design und Entwicklung fast grenzenlos treffen. Durch die Kombination von WordPress als verl\u00e4ssliches Content-Backend mit der KI-gesteuerten Frontend-Erstellung von Lovable kannst du schneller als je zuvor vom Konzept zum Live-Betrieb \u00fcbergehen.<\/p>\n<p>Da KI die Arbeitsabl\u00e4ufe immer weiter ver\u00e4ndert, ist Headless WordPress ein flexibler, zukunftssicherer Ansatz f\u00fcr Kreative, die Geschwindigkeit, Kontrolle und Freiheit gleicherma\u00dfen suchen.<\/p>\n<p>Wenn du herausfinden willst, was Headless WordPress f\u00fcr dein n\u00e4chstes Projekt leisten kann, solltest du mit einer Hosting-Plattform beginnen, die auf Leistung und Zuverl\u00e4ssigkeit ausgelegt ist. <span style=\"margin: 0px;padding: 0px\"><a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener noreferrer\">Entdecke die Hosting-Angebote von Kinsta<\/a>, die ideale<\/span> Grundlage f\u00fcr WordPress, Headless oder hybride Builds.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>K\u00fcnstliche Intelligenz, verbesserte Entwicklungstools und moderne Hosting-Umgebungen verschaffen dem Headless WordPress eine neue Welle der Aufmerksamkeit unter Designern und Entwicklern. Diese Entwicklung pr\u00e4gt die Art und &#8230;<\/p>\n","protected":false},"author":313,"featured_media":74963,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[991,999],"class_list":["post-74962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-web-entwicklungs-tools","topic-wordpress-entwicklung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mit Headless WordPress eine Website mit Lovable erstellen<\/title>\n<meta name=\"description\" content=\"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.\" \/>\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\/wordpress-website-erstellen-lovable\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden\" \/>\n<meta property=\"og:description\" content=\"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\" \/>\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=\"2025-12-15T14:13:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T10:22:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\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\/wordpress-website-erstellen-lovable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden\",\"datePublished\":\"2025-12-15T14:13:39+00:00\",\"dateModified\":\"2025-12-17T10:22:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\"},\"wordCount\":2031,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\",\"name\":\"Mit Headless WordPress eine Website mit Lovable erstellen\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"datePublished\":\"2025-12-15T14:13:39+00:00\",\"dateModified\":\"2025-12-17T10:22:41+00:00\",\"description\":\"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Entwicklung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden\"}]},{\"@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\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mit Headless WordPress eine Website mit Lovable erstellen","description":"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.","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\/wordpress-website-erstellen-lovable\/","og_locale":"de_DE","og_type":"article","og_title":"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden","og_description":"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2025-12-15T14:13:39+00:00","article_modified_time":"2025-12-17T10:22:41+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Bud Kraus","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden","datePublished":"2025-12-15T14:13:39+00:00","dateModified":"2025-12-17T10:22:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/"},"wordCount":2031,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/","name":"Mit Headless WordPress eine Website mit Lovable erstellen","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","datePublished":"2025-12-15T14:13:39+00:00","dateModified":"2025-12-17T10:22:41+00:00","description":"Lerne, wie du mit dem KI-gesteuerten Frontend-Builder von Lovable eine Headless-WordPress-Website erstellst und globale Stile anpasst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-website-erstellen-lovable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Entwicklung","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/"},{"@type":"ListItem","position":3,"name":"Headless WordPress f\u00fcr die Erstellung einer Website mit Lovable verwenden"}]},{"@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\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/de\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/74962","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\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=74962"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/74962\/revisions"}],"predecessor-version":[{"id":74989,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/74962\/revisions\/74989"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/74962\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/74963"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=74962"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=74962"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=74962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}