{"id":3740,"date":"2014-02-24T16:25:46","date_gmt":"2014-02-24T15:25:46","guid":{"rendered":"http:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=3740"},"modified":"2022-04-11T13:38:53","modified_gmt":"2022-04-11T11:38:53","slug":"wordpress-statische-websites","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/","title":{"rendered":"WordPress (5): Statische Websites erstellen"},"content":{"rendered":"<p>Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Wir zeigen Dir, wie Du Deine WordPress-Seiten in wenigen Schritten konvertierst.<\/p>\n<p><!--more--><\/p>\n<p>Als eines der popul\u00e4rsten Content-Management-Systeme ist WordPress ein beliebtes Angriffsziel. Viele Schwachstellen sind bekannt, andere kommen mit neuen Updates. Wer auf Nummer sicher gehen will, installiert das System lokal, exportiert statische Seiten und l\u00e4dt diese auf den Server. Das lohnt sich vor allem f\u00fcr Websites, deren Inhalte sich selten \u00e4ndern. Willkommener Nebeneffekt: ohne PHP und Datenbank sind die Ladezeiten meist deutlich k\u00fcrzer.<\/p>\n<h2>Schritt 1: XAMPP einrichten<\/h2>\n<p>Zun\u00e4chst installieren wir WordPress lokal auf unserem Computer. Um Server und Datenbank zu emulieren verwenden wir <a href=\"http:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Xampp<\/a>. Nach der Installation starten wir die beiden Module Apache und MySQL. Das Programm rufen wir anschlie\u00dfend \u00fcber den Browser auf und geben dazu in die Browserzeile <em>localhost <\/em>ein.<\/p>\n<p>Die Datenbankverwaltung erreichst Du \u00fcber den Men\u00fcpunkt phpMyAdmin oben rechts. Unter \u201eNeue Datenbank anlegen\u201c kann eine beliebige Bezeichnung eingegeben werden (bitte notieren!), als Kollation sollte <em>utf8_general_ci<\/em> gew\u00e4hlt werden. Nach einen Klick auf \u201eAnlegen\u201c erscheint die frische Datenbank auf der linken Seite.<\/p>\n<figure id=\"attachment_9218\" aria-describedby=\"caption-attachment-9218\" style=\"width: 745px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9218\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/php_myadmin_728.jpg\" alt=\"Screenshot phpmyadmin\" width=\"745\" height=\"419\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/php_myadmin_728.jpg 745w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/php_myadmin_728-160x90.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/php_myadmin_728-400x225.jpg 400w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><figcaption id=\"caption-attachment-9218\" class=\"wp-caption-text\">PhpMyAdmin: Datenbank anlegen leicht gemacht<\/figcaption><\/figure>\n<p>Nun m\u00fcssen wir noch einen Benutzer anlegen. In der Men\u00fcleiste oben w\u00e4hlen wir den Eintrag Rechte und dann den Link Benutzer hinzuf\u00fcgen. Wir geben einen Namen ein, w\u00e4hlen im Dropdown-Men\u00fc als Host <em>Lokal <\/em>und dann ein sicheres Passwort (ebenfalls beides notieren!). Unter Datenbank f\u00fcr Benutzer muss bei <em>Gew\u00e4hre alle Rechte auf die Datenbank<\/em> ein H\u00e4kchen gesetzt werden. Abschlie\u00dfend best\u00e4tigen wir das Ganze mit <em>OK <\/em>und erhalten die Meldung, dass der Benutzer hinzugef\u00fcgt wurde.<\/p>\n<h2>Schritt 2: WordPress installieren<\/h2>\n<p>Nun kannst Du WordPress installieren. Dazu l\u00e4dst Du die <a href=\"http:\/\/wpde.org\/download\" target=\"_blank\" rel=\"noopener noreferrer\">aktuelle Version<\/a> runter, entpackst und kopierst den WordPress-Ordner in das htdocs-Verzeichnis von Xampp. Wo sich das befindet, h\u00e4ngt ab vom Ort Deiner Xampp-Installation (z. B. C:\\xampp\\htdocs). Wenn Du nun <em>localhost\/wordpress\/wp-admin\/setup-config.php<\/em> aufrufst, m\u00fcssen nur noch die (hoffentlich) notierten Datenbank- und WordPress-Login-Informationen eingegeben werden. Nach der Installation sollte folgende Meldung kommen: \u201eWordpress wurde installiert. Wenn du mehr Schritte erwartet hast, m\u00fcssen wir dich leider entt\u00e4uschen.\u201c<\/p>\n<h2>Schritt 3: Simply Static<\/h2>\n<p>Wir sind nicht entt\u00e4uscht und installieren im letzten Schritt ein Plugin, mit dem wir WordPress-Seiten in statische umwandeln. Wir entscheiden uns f\u00fcr <a href=\"https:\/\/de.wordpress.org\/plugins\/simply-static\/\" target=\"_blank\" rel=\"noopener noreferrer\">Simply Static<\/a>. Der Name ist hier Programm: installieren, aktivieren und bei <em>Simply Static<\/em> \u2192 <em>Settings<\/em> \u2192 <em>Destination-URL<\/em> die Domain eingeben, unter welcher die statischen Seiten erreichbar sein sollen. Das Plugin schreibt dann die URLs der Dateien und Links von localhost\/wordpress entsprechend um.<\/p>\n<figure id=\"attachment_9220\" aria-describedby=\"caption-attachment-9220\" style=\"width: 728px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9220\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/simply_static_728.jpg\" alt=\"Screenshot Simply Static\" width=\"728\" height=\"409\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/simply_static_728.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/simply_static_728-160x90.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/simply_static_728-400x225.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-9220\" class=\"wp-caption-text\">Simply Static: statt \u201ewunschname.de\u201c wird die eigene Domain eingetragen<\/figcaption><\/figure>\n<p>Danach k\u00f6nnen wir \u00fcber <em>Generate <\/em>mit dem Export loslegen. Vorsicht: die Seiten werden in einer verschachtelten Verzeichnisstruktur gespeichert. Beim FTP-Upload sollten nur der Inhalt des Ordners mit der index.html (samt Unterverzeichnissen) \u00fcbertragen werden.<\/p>\n<h2>Lokales WordPress als HTML-Generator und Test-System<\/h2>\n<p>Mit der hier beschriebenen Vorgehensweise sind nur die exportierten statischen Seiten \u00f6ffentlich, die WordPress-Installation bleibt f\u00fcr Besucher und potenzielle Angreifer unsichtbar. Allerdings m\u00fcssen neue Beitr\u00e4ge und \u00c4nderungen immer manuell hochgeladen werden. Dynamische Elemente wie Kontaktformular und Kommentarfunktion gibt es nicht.<\/p>\n<p>WordPress lokal zu installieren ist nicht nur f\u00fcr das hier beschriebene Szenario praktisch. Es ist sicherer und professioneller, \u00c4nderungen am Blog immer erst zu testen. Wer also bereits ein Blog hat, folgt am besten gleich den ersten beiden Schritten und erstellt eine lokale Kopie. Der Aufwand lohnt sich.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Wir zeigen Dir, wie Du Deine WordPress-Seiten in wenigen Schritten konvertierst.<\/p>\n","protected":false},"author":191,"featured_media":7665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[205,55],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wordpress (5): Statische Websites erstellen<\/title>\n<meta name=\"description\" content=\"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.\" \/>\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=\"Wordpress (5): Statische Websites erstellen\" \/>\n<meta property=\"og:description\" content=\"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/\" \/>\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=\"2014-02-24T15:25:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-11T11:38:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/strato-wordpress-statische-seiten-728-e1434007496235.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"727\" \/>\n\t<meta property=\"og:image:height\" content=\"409\" \/>\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=\"3 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\/wordpress-statische-websites\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/\",\"name\":\"Wordpress (5): Statische Websites erstellen\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2014-02-24T15:25:46+00:00\",\"dateModified\":\"2022-04-11T11:38:53+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\"},\"description\":\"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress (5): Statische Websites 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":"Wordpress (5): Statische Websites erstellen","description":"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.","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":"Wordpress (5): Statische Websites erstellen","og_description":"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2014-02-24T15:25:46+00:00","article_modified_time":"2022-04-11T11:38:53+00:00","og_image":[{"width":727,"height":409,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2014\/02\/strato-wordpress-statische-seiten-728-e1434007496235.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":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/","name":"Wordpress (5): Statische Websites erstellen","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2014-02-24T15:25:46+00:00","dateModified":"2022-04-11T11:38:53+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388"},"description":"Statische Webseiten laden schneller und bieten weniger Angriffsfl\u00e4che. Lesen Sie hier, wie Sie Ihre Wordpress-Seiten in wenigen Schritten konvertieren.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-statische-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress (5): Statische Websites 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\/3740"}],"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=3740"}],"version-history":[{"count":9,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/3740\/revisions"}],"predecessor-version":[{"id":85885,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/3740\/revisions\/85885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/7665"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=3740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=3740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=3740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}