{"id":36590,"date":"2018-02-16T08:30:30","date_gmt":"2018-02-16T07:30:30","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=36590"},"modified":"2022-04-11T13:38:47","modified_gmt":"2022-04-11T11:38:47","slug":"eigenes-wordpress-theme-testumgebung","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/","title":{"rendered":"Dein eigenes WordPress-Theme: Testumgebung erstellen"},"content":{"rendered":"\n<p>Du willst selbst ein Theme erstellen oder Themes und Plugins ohne Risiko testen? In diesem Beitrag zeigen wir Dir, wie Du eine einfache lokale Testumgebung mit Bootstrap 4 f\u00fcr WordPress erstellst. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Wer den <a rel=\"noreferrer noopener\" href=\"https:\/\/codex.wordpress.org\/Common_WordPress_Errors\" target=\"_blank\">White Screen of Death<\/a> kennt, kann ein Lied davon singen: Themes und Plugins live auszuprobieren, ist keine gute Idee. Selbst gut gepflegte Software kann im Zusammenspiel mit anderen Programmen Probleme verursachen. Riskant sind vor allem Codeanpassungen im laufenden Betrieb. Und wer ein eigenes Theme entwickeln m\u00f6chte, macht dies ohnehin au\u00dferhalb der Produktivumgebung.<\/p>\n\n\n\n<p>Folglich solltest Du Anpassungen immer vorab (offline) testen. F\u00fcr die Entwicklung eines eigenen Themes sind das Starter-Theme Underscores und das Framework Bootstrap 4 eine ideale Basis.<\/p>\n\n\n\n<p><strong>Wichtig<\/strong>: Diese Anleitung richtet sich an erfahrene WordPress-Nutzer mit PHP-Kenntnissen. Voraussetzung ist eine lokale WordPress-Installation bzw. ein <a rel=\"noreferrer noopener\" href=\"https:\/\/www.strato.de\/hosting\/?utm_source=Blogartikel&amp;utm_medium=Blogartikel&amp;utm_campaign=eigenes-wordpress-theme-testumgebung=textlink&amp;campaign=strato.de\/blog\/Artikel\/eigenes-wordpress-theme-testumgebung&amp;swtssa=gersc0000000000000000tffc\" target=\"_blank\">Hosting-Paket<\/a> f\u00fcr den Live-Betrieb.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: XAMPP und WordPress einrichten<\/h2>\n\n\n\n<p>Zun\u00e4chst installierst Du WordPress lokal auf Deinem Computer. Um Server und Datenbank zu emulieren verwendest Du am besten <a href=\"http:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\">Xampp mit einer aktuellen<\/a> <a href=\"http:\/\/www.apachefriends.org\/index.html\">PHP Version (ab 7.4)<\/a>. Um potenzielle Probleme mit fehlenden Berechtigungen zu umgehen, solltest Du das Programm nicht im vorgeschlagenen Betriebssystem- Verzeichnis installieren (sondern z. B. unter \u00bbDokumente\u00ab). Nach der Installation startest Du die beiden Module Apache und MySQL.<\/p>\n\n\n\n<p>Anschlie\u00dfend kannst Du eine Datenbank anlegen und WordPress manuell installieren. Schneller geht es, wenn Du das WordPress Modul verwendest. <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\" href=\"https:\/\/bitnami.com\/stack\/xampp?utm_source=bitnami&amp;utm_medium=installer&amp;utm_campaign=XAMPP%2BModule\" target=\"_blank\">Lade dazu die Datei herunter<\/a> und starte die Installation per Doppelklick. Nachdem Du den XAMPP-Ordner angegeben hast, kannst Du einen WordPress-Benutzer anlegen und danach den Blog-Namen eingeben:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"447\" height=\"379\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/11\/admin-modul.jpg\" alt=\"\" class=\"wp-image-90945\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/admin-modul.jpg 447w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/admin-modul-130x110.jpg 130w\" sizes=\"(max-width: 447px) 100vw, 447px\" \/><figcaption>Administrator anlegen im WordPress Modul<\/figcaption><\/figure><\/div>\n\n\n\n<p>Logge Dich anschlie\u00dfend \u00fcber <a href=\"http:\/\/127.0.0.1\/wordpress\/wp-admin\/%20\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\">http:\/\/127.0.0.1\/wordpress\/wp-admin\/<\/a><strong><a href=\"http:\/\/127.0.0.1\/wordpress\/wp-admin\/%20\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\"> <\/a><\/strong>in das WordPress-Backend ein und f\u00fchre erstmal alle angezeigten Aktualisierungen durch<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: Theme installieren<\/h2>\n\n\n\n<p>Um Anpassungen an Deiner bestehenden Website vorab zu testen, installierst Du das gleiche Theme und \u00fcbernimmst die Einstellungen Deiner Website. Ist die Testumgebung f\u00fcr die Entwicklung eines eigenen Themes gedacht, nutzt Du am besten das Basis-Theme <a rel=\"noreferrer noopener\" href=\"https:\/\/underscores.me\/\" target=\"_blank\">underscores.me<\/a>. Damit hast Du schon mal ein sauber programmiertes Fundament f\u00fcr Dein eigenes Layout. Gib dem Theme einen Namen (z. B. \u201emeintheme\u201c), klicke auf Generate und lade dann die .zip-Datei herunter.<\/p>\n\n\n\n<div class=\"wp-block-image size-full wp-image-36615\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"131\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/02\/underscores.jpg\" alt=\"underscores\" class=\"wp-image-36615\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2018\/02\/underscores.jpg 520w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2018\/02\/underscores-160x40.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2018\/02\/underscores-400x101.jpg 400w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><figcaption>Basis-Theme per Knopfdruck: Underscores<\/figcaption><\/figure><\/div>\n\n\n\n<p>Nachdem Du das Theme installiert und aktiviert hast, kannst Du Dir das Basis-Layout \u00fcber <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\" href=\"http:\/\/127.0.0.1\/wordpress\/wp-admin\/%20\" target=\"_blank\">http:\/\/127.0.0.1\/wordpress\/wp-admin\/<\/a>anschauen:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"451\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/11\/underscores.jpg\" alt=\"\" class=\"wp-image-90955\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/underscores.jpg 400w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/underscores-98x110.jpg 98w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><figcaption>Das Layout von Underscores ist im Originalzustand \u00e4u\u00dferst minimalistisch. Damit bleibt mehr Raum f\u00fcr individuelle Anpassungen.<\/figcaption><\/figure><\/div>\n\n\n\n<p><strong>Wichtig<\/strong>: Aus Sicherheitsgr\u00fcnden sollte mindestens ein alternatives Theme aktiviert sein, auf welches WordPress im Notfall zur\u00fcckgreifen kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: Debug Modus aktivieren<\/h2>\n\n\n\n<p>Zu einer Testumgebung geh\u00f6rt auch das sogenannte Debugging, also das Aufsp\u00fcren und Beheben von Bugs. Damit WordPress bei fehlerhaftem PHP-Code statt einer wei\u00dfen Seite eine aussagekr\u00e4ftige Fehlermeldung ausgibt, musst Du den Debug- Modus aktivieren.<br><br>Navigiere dazu in das WordPress-Hauptverzeichnis innerhalb des XAMPP-Ordners. Wurde XAMPP z. B. unter Windows auf dem Desktop installiert, kann der Pfad so aussehen: <strong>C:\\Users\\NUTZERNAME\\Desktop\\xampp\\apps\\wordpress\\htdocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/11\/xampp-hauptverzeichnis-1024x731.jpg\" alt=\"\" class=\"wp-image-90960\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/xampp-hauptverzeichnis.jpg 1024w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/xampp-hauptverzeichnis-154x110.jpg 154w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/xampp-hauptverzeichnis-768x548.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Hier siehst Du das WordPress-Hauptverzeichnis innerhalb des XAMPP-Ordners unter Windows 10.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Ersetze in der Datei <strong>wp-config.php <\/strong>die Zeile<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define(\u201aWP_DEBUG\u2018, false);<\/pre>\n\n\n\n<p>durch diese:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define(\u201aWP_DEBUG\u2018, true);<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 4: Bootstrap einbinden<\/h2>\n\n\n\n<p>Bootstrap ist ein beliebtes Open Source Framework mit fertigen Buttons, Navigationsleisten, Grid-Systemen, Tabellen und vielem mehr. Als Basis dienen CSS-Komponenten, Schriften, Icons und JavaScript-Code. Die ben\u00f6tigten Dateien und Code-Bl\u00f6cke k\u00f6nnen frei verwendet werden. Um den Baukasten nutzen zu k\u00f6nnen, musst Du Bootstrap mit WordPress verbinden.<\/p>\n\n\n\n<p>Dazu l\u00e4dst Du <a href=\"https:\/\/getbootstrap.com\/docs\/4.5\/getting-started\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in neuem Tab)\">Bootstrap in der aktuellen Version<\/a> herunter (Compiled CSS and JS). Entpacke die Datei und benenne den ersten Unterordner (in unserem Beispiel \u201ebootstrap-4.5.0-dist\u201c) in \u00bbbootstrap\u00ab um. Lade diesen Ordner anschlie\u00dfend in das Theme-Verzeichnis (xampp\\apps\\wordpress\\htdocs\\wp-content\\themes)<\/p>\n\n\n\n<p>Um WordPress und Bootstrap miteinander zu verkn\u00fcpfen, musst Du jetzt nur noch die <em>functions.php<\/em> Deines Themes anpassen. Wie das funktioniert, haben wir <a rel=\"noopener noreferrer\" href=\"https:\/\/strato.de\/blog\/bootstrap-navigation-wordpress\/\" target=\"_blank\">in diesem Beitrag beschrieben (Punkt 3)<\/a>. Achte darauf, im Code die jeweils g\u00fcltige Bootstrap-Version anzugeben (in diesem Beispiel 3.3.7):<\/p>\n\n\n\n<p>Um WordPress und Bootstrap miteinander zu verkn\u00fcpfen, musst Du jetzt nur\nnoch die <strong>functions.php<\/strong> Deines Themes anpassen.<\/p>\n\n\n\n<p><strong>Hinweis: Die nachfolgenden Zeilenangaben f\u00fcr den Code k\u00f6nnen von denen Deiner Underscores-Version abweichen.<\/strong><\/p>\n\n\n\n<p>Um Zeile 145 befindet sich <strong>function meintheme_scripts()<\/strong> \u2013 statt\n\u00bbmeintheme\u00ab&nbsp; steht dort der Name Deines\nThemes. Darunter folgen mehrere Funktionen. F\u00fcge vor der schlie\u00dfenden\ngeschweiften Klammer } die folgenden Zeilen ein. Achte dabei darauf, im Code\ndie jeweils g\u00fcltige Bootstrap-Version anzugeben (in diesem Beispiel 4.5.0):<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ Bootstrap\nwp_register_script( \u201abootstrap-js\u2018, get_template_directory_uri() .\n\u201a\/bootstrap\/js\/bootstrap.min.js\u2018, array( \u201ajquery\u2018 ), \u201a4.5.0\u2018, true ); wp_register_style( \u201abootstrap-css\u2018, get_template_directory_uri() .\n\u201a\/bootstrap\/css\/bootstrap.min.css\u2018, array(), \u201a4.5.0\u2018, \u201aall\u2018 ); wp_enqueue_script( \u201abootstrap-js\u2018 ); wp_enqueue_style( \u201abootstrap-css\u2018 );<\/pre>\n\n\n\n<p>Im Editor sieht das so aus: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/11\/editor-1024x339.jpg\" alt=\"\" class=\"wp-image-90965\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/editor.jpg 1024w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/editor-160x53.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/editor-768x255.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> Nach dem Upload ist das Theme mit Bootstrap verkn\u00fcpft. Damit kannst Du Bootstrap-Elemente in Deinem Blog testen: Kopiere einfach die vorgefertigten Code- Bl\u00f6cke von \u203a getbootstrap.com und f\u00fcge sie in den Code-Editor ein: <strong>Beitr\u00e4ge<\/strong> -&gt; <strong>Erstellen<\/strong> -&gt; <strong>Code-Editor<\/strong> (Drei-Punkte-Men\u00fc oben rechts). Nach dem Ver\u00f6ffentlichen erscheinen die Elemente im Frontend Deines Blogs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"137\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/11\/balken-1024x137.jpg\" alt=\"\" class=\"wp-image-90970\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/balken.jpg 1024w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/balken-160x21.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/balken-768x103.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Zu den Bootstrap-Komponenten geh\u00f6ren zum Beispiel animierte Fortschrittsbalken.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Spielwiese f\u00fcr WordPress<\/h2>\n\n\n\n<p>Ob Theme-Entwicklung oder -Anpassungen: Mit den vier gezeigten Schritten kannst Du s\u00e4mtliche \u00c4nderungen Deiner privaten Website oder Deines Blogs bequem und gefahrlos vorab testen. Achte darauf, dass Du identische Einstellungen w\u00e4hlst und WordPress, Theme und Plugins auf dem gleichen aktuellen Stand sind. Wenn alles reibungslos funktioniert, l\u00e4dst Du die Dateien hoch. Im <a href=\"https:\/\/strato.de\/blog\/bootstrap-navigation-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"einem anderen Beitrag (\u00f6ffnet in neuem Tab)\">einem anderen Beitrag<\/a> zeigen wir Dir, wie Du einige grundlegende WordPress-Funktionen und Bootstrap-Elemente f\u00fcr die Entwicklung eines Themes verwendest.<\/p>\n\n\n\n<p><em>Hinweis: Diesen Beitrag haben wir am 04.12.2020 aktualisiert.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du willst selbst ein Theme erstellen oder Themes und Plugins ohne Risiko testen? In diesem Beitrag zeigen wir Dir, wie Du eine einfache lokale Testumgebung mit Bootstrap 4 f\u00fcr WordPress erstellst.<\/p>\n","protected":false},"author":191,"featured_media":36600,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[490],"tags":[51,55],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dein eigenes WordPress-Theme: Testumgebung erstellen<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dein eigenes WordPress-Theme: Testumgebung erstellen\" \/>\n<meta property=\"og:description\" content=\"Du willst selbst ein Theme erstellen oder Themes und Plugins ohne Risiko testen? In diesem Beitrag zeigen wir Dir, wie Du eine einfache lokale Testumgebung mit Bootstrap 4 f\u00fcr WordPress erstellst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-16T07:30:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-11T11:38:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2018\/02\/spielwiese.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vlad_perun\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/\",\"name\":\"Dein eigenes WordPress-Theme: Testumgebung erstellen\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2018-02-16T07:30:30+00:00\",\"dateModified\":\"2022-04-11T11:38:47+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\"},\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dein eigenes WordPress-Theme: Testumgebung erstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML &amp; CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\",\"https:\/\/twitter.com\/vlad_perun\",\"https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic\"],\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dein eigenes WordPress-Theme: Testumgebung erstellen","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Dein eigenes WordPress-Theme: Testumgebung erstellen","og_description":"Du willst selbst ein Theme erstellen oder Themes und Plugins ohne Risiko testen? In diesem Beitrag zeigen wir Dir, wie Du eine einfache lokale Testumgebung mit Bootstrap 4 f\u00fcr WordPress erstellst.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2018-02-16T07:30:30+00:00","article_modified_time":"2022-04-11T11:38:47+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2018\/02\/spielwiese.jpg","type":"image\/jpeg"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_creator":"@vlad_perun","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"Vladimir Simovi\u0107","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/","name":"Dein eigenes WordPress-Theme: Testumgebung erstellen","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2018-02-16T07:30:30+00:00","dateModified":"2022-04-11T11:38:47+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388"},"breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/eigenes-wordpress-theme-testumgebung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dein eigenes WordPress-Theme: Testumgebung erstellen"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML &amp; CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.","sameAs":["https:\/\/www.vladimir-simovic.de","https:\/\/twitter.com\/vlad_perun","https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic"],"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/36590"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=36590"}],"version-history":[{"count":23,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/36590\/revisions"}],"predecessor-version":[{"id":94030,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/36590\/revisions\/94030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/36600"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=36590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=36590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=36590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}