--- title: "Statisches WordPress – So funktioniert unsere eigene Website" description: "Wir erstellen unsere eigene Website mit Simply Static als statische WordPress-Website. In diesem Artikel zeigen wir Ihnen genau, wie wir das umgesetzt haben und wie Sie das ebenfalls tun können." date: "2024-09-25T13:51:24+02:00" language: "de-DE" canonical_url: "https://simplystatic.de/tutorials/statische-wordpress-website/" source_url: "https://simplystatic.de/tutorials/statische-wordpress-website/" content_type: "text/markdown" --- # Das ist statisches WordPress [statisches WordPress](https://simplystatic.de/tutorials/tag/statisches-wordpress/) 22/09/2026 Bei der Planung des Relaunchs unserer Website war es mir als Gründer wichtig, den Menschen nicht nur zu erzählen, sondern zu zeigen, dass statische Websites leistungsstark, interaktiv und modern gestaltet sein können. Vom ersten Tag der Planung dieses Projekts an wusste ich, dass wir wieder auf eine vollständig statische WordPress-Website setzen würden, die von unserem eigenen Plugin Simply Static betrieben wird. In diesem Artikel zeige ich Ihnen, wie unsere Website funktioniert, welche Funktionen von Simply Static (und Simply Static Pro) wir verwenden und wie alles zusammenkommt. ## WordPress-Einrichtung ### WordPress-Hosting Wir verwenden [SpinupWP](https://spinupwp.com/) in Kombination mit einem recht günstigen Digital-Ocean-Droplet. Es ist wirklich so einfach, denn alles, was Sie für den reibungslosen Betrieb einer statischen WordPress-Website benötigen, ist ein Hosting-Anbieter mit: - ausreichender Leistung (>256 MB RAM, etwas Speicherplatz) - NGINX statt Apache (persönliche Präferenz) - funktionierendem WP-Cron (oder alternativ einem UNIX-Cron) - barem WordPress ohne die üblichen Behelfslösungen (serverseitiges Caching, komplexe Firewalls oder Proxy-Konfigurationen …) - täglich verwalteten Backups - einfach zu verwendendem SSL Der Rest der Einrichtung wird ohnehin von Simply Static übernommen.** Sie können einen schicken Managed-Hosting-Anbieter wählen, aber Static WordPress unterscheidet sich von einer durchschnittlichen WordPress-Einrichtung. Im Laufe der Jahre haben wir unzählige Beispiele dafür gesehen, wie Hosting-Anbieter versuchen, den Einsatz günstiger Server zu verschleiern und alles zu cachen, was möglich ist, um die Kosten für ihre Kunden zu senken. So sieht das Dashboard unserer Website in SpinupWP aus: ![WordPress Hosting for Static WordPress - SpinupWP](https://simplystatic.de/wp-content/uploads/2024/09/spinuwp-ss-1024x592.png) Der einzige Unterschied zu Ihrer Website könnte darin bestehen, dass wir unsere WordPress-Installation auf einer Subdomain betreiben und die gesamte Website mit Basic Authentication schützen. ### Basic Authentication und Subdomain Wie in unserer Dokumentation empfohlen, verwenden wir eine Standardkonfiguration für Static WordPress: Wir [hosten die gesamte Website auf einer Subdomain](https://docs.simplystatic.com/article/71-how-to-move-wordpress-to-a-subdomain) und [schützen sie mit Basic Authentication](https://docs.simplystatic.com/article/67-how-to-set-up-basic-auth). Die meisten Hosting-Anbieter bieten eine einfach zu bedienende Benutzeroberfläche zum Einrichten der Basic Authentication für Ihre Website. Trotzdem decken wir dies auch in Simply Static Pro ab – es ist lediglich eine einfache Umschaltoption unter Simply Static -> Debug -> Basic Auth: ![Das ist statisches WordPress 9](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-basic-auth-1024x694.png) Wichtig ist, dass Sie diese Zugangsdaten in den im Screenshot gezeigten Einstellungen hinterlegen müssen, selbst wenn Sie die Basic Authentication direkt bei Ihrem Hosting-Anbieter eingerichtet haben. Nur so kann Simply Static den Schutz beim Ausführen eines statischen Exports umgehen. ### Warum nicht LocalWP? Die Antwort ist einfach: Die Verwaltung unserer Website ist Teamarbeit. Mehrere Personen benötigen Zugriff auf die Website, um Blogbeiträge zu schreiben und zu veröffentlichen, Changelogs zu aktualisieren, FAQ- und Glossarbeiträge zu verfassen usw. Die Verwaltung der Website über LocalWP würde voraussetzen, dass wir bei jeder Änderung den Website-Export teilen – möglich, aber nicht praktikabel. ### Theme Wir verwenden unser eigenes [OllieWP](https://olliewp.com/)-Theme, ein FSE-Theme. Der Block-Editor funktioniert hervorragend mit Static WordPress – weniger Aufwand, keine Leistungseinbußen und sauberer Code. ### Plugins Wir halten die Dinge gerne sauber und verwenden daher kein Plugin für eine Block-Suite – stattdessen nutzen wir die Core-Blöcke in Kombination mit den folgenden Plugins: - Block Visibility - Code Syntax Block - Glossar - RankMath SEO - The Icon Block - WPForms - Simply Static & Simply Static Pro Wir haben zwei eigene Plugins entwickelt, um zusätzliche benutzerdefinierte Inhaltstypen (FAQ, Showcase usw.) hinzuzufügen und unseren Checkout in den Block-Editor zu integrieren. ## Hosting statischer Websites ### BunnyCDN Wir verwenden [BunnyCDN](https://bunny.net/) als unseren Anbieter für das Hosting statischer Websites. Es vereint alle Vorteile der anderen Hosting-Lösungen für statische Websites mit fairen Preisen und genügend Flexibilität, um unser Setup nach Bedarf zu erweitern: - Edge-Caching für geringe Latenz weltweit - Streaming-Funktionen zur Bereitstellung unserer Videos - Benutzerfreundliches Dashboard - DNS (wir verwenden weiterhin Cloudflare, aber BunnyDNS ist großartig) ### Zonen Jedes Projekt in BunnyCDN besteht aus einer Pull-Zone und einer Speicherzone. In der Speicherzone lädst du deine Dateien hoch, während die Pull-Zone für deine Besucher verfügbar ist und das gesamte Caching verwaltet. #### Speicherzonen Wir verwenden zwei verschiedene Speicherzonen: eine für die Website, die den Typ „Edge“ (SSD) verwendet – diese ist teurer, weist aber eine geringere Latenz auf und eignet sich perfekt für statische Websites – sowie eine Standard-Speicherzone zur Bereitstellung unserer Videos: ![Das ist statisches WordPress 10](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-storage-zones-1024x550.png) Zu Speicherzonen gibt es nicht viel zu erklären. Du richtest sie einmal ein, verbindest sie wie in unserer Dokumentation [hier](https://docs.simplystatic.com/article/37-deploy-to-bunny-cdn) gezeigt über Simply Static, und bist fertig. ### Pull-Zonen Wie unsere Speicherzonen richten wir auch zwei Pull-Zonen ein: eine für die Website und eine für die Videos. #### videos.simplystatic.com Wir haben eine Subdomain eingerichtet, um unsere Videos über BunnyCDN in einer „Standard“-Pull-Zone zu hosten. Der Grund dafür ist, dass sich die Bereitstellung von Videos stark vom Hosting einer statischen Website unterscheidet. Obwohl wir die Subdomain mit der Zone verknüpft haben, haben wir in den Caching-Einstellungen zwei Optionen geändert: ![Das ist statisches WordPress 11](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-video-cache-1024x436.png) Die erste Option stellt sicher, dass wir unsere Videos über eine cookielose Domain bereitstellen. Das ist wichtig, da wir die GPDR-Vorgaben einhalten müssen und Cookie-Consent-Plugins nicht mögen (sorry!). Die zweite Option ist eine intelligente Möglichkeit, hochwertige Videos innerhalb von Sekunden bereitzustellen, ohne sie über YouTube oder Vimeo zu verteilen: Die Videos werden in 5-MB-Blöcken geladen, wodurch der Browser beim ersten Laden weniger belastet wird. #### simplystatic.com Diese Pull-Zone ist nicht für die Bereitstellung von Videos optimiert. Stattdessen ist sie für starkes Caching eingerichtet und umfasst zusätzliche sicherheitsbezogene Einstellungen, etwa eine Mindest-TLS-Version, eine Firewall zur Einschränkung von POST-Anfragen, MIME-Typ-Prüfungen usw. Wir nutzen die Option „Blocked Referrers“ in den Pull-Zone-Einstellungen intensiv. Damit können wir den Zugriff auf unsere Website von Websites von GPL-Wiederverkäufern und anderen dubiosen Projekten blockieren – wir möchten nicht, dass Besucher dieser Websites unser gesamtes Wissen kostenlos nutzen! ![Das ist statisches WordPress 12](https://simplystatic.de/wp-content/uploads/2024/09/blocked-referrers-1024x431.png) ### Edge Rules Eine weitere leistungsstarke Funktion von BunnyCDN ist die Möglichkeit, Edge Rules zu erstellen. Sie sind ein verborgenes Super-Feature für statische Websites und ermöglichen verschiedenste fortgeschrittene Konfigurationen, etwa: - Anfragen weiterleiten (um andere Apps unter derselben Domain einzubinden) - Weiterleitungen auf Edge-Ebene - die Caching-Konfiguration verbessern Vorerst haben wir es einfach gehalten und nur zwei Edge Rules eingerichtet: eine, um die WWW-Version unserer Domain auf die Version ohne WWW weiterzuleiten, und eine, um einige alte Landingpages auf die neue Preisseite weiterzuleiten: ![Das ist statisches WordPress 13](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-edge-rules-1024x728.png) ## Kontaktformular Ein Kontaktformular auf Ihrer Website ist unverzichtbar. Deshalb investieren wir so viel Zeit darin, WordPress-Formular-Plugins mit Ihrer statischen Website kompatibel zu machen. ### WPForms Wir verwenden WPForms als Formular-Plugin und haben ein Formular für unsere Support-Seite eingerichtet. Es ist einfach zu bedienen, enthält ansprechende Standardstile und bietet alle Feldtypen, die wir für unseren Anwendungsfall benötigen: ![Das ist statisches WordPress 14](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-contact-form-1024x645.png) Dies ist nur ein einfaches Formular, das mit WP Forms erstellt wurde. Keine Add-ons, kein eigener Code. Anschließend haben wir in Simply Static eine Formularverbindung eingerichtet, um es mit einem Webhook zu verbinden: ![Das ist statisches WordPress 15](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-form-connection-1024x874.png) Da wir für unseren Support [Helpscout](https://www.helpscout.com/) verwenden, müssen wir die Einsendungen an einen externen, von Zapier betriebenen Webhook weiterleiten. Sie können die Formulareinsendungen auch in WordPress speichern (verwenden Sie innerhalb der Formularkonfiguration den Typ „Embedded“ statt „Webhook“, wie in der Dokumentation [hier](https://docs.simplystatic.com/article/90-set-up-wp-forms) erklärt). ### Zapier [Zapier](https://zapier.com/) ist ein Dienst zur Aufgabenautomatisierung, mit dem sich verschiedenste Aktionen automatisieren lassen. Es ist nicht der günstigste Dienst, bietet aber die meisten Integrationen. Wir verwenden ihn, um Anfragen von unserer Website zu empfangen und an unsere HelpScout-Helpdesk-Software zu übermitteln. Dazu gehören das Taggen der Beiträge, das Zuweisen des Kunden und die Sicherstellung, dass wir außergewöhnlichen Support leisten können, ohne zu viele lästige Fragen stellen zu müssen. In unserem Zap kombinieren wir einen „Catch Hook“-Trigger mit der Aktion „Create Conversation“: ![Das ist statisches WordPress 16](https://simplystatic.de/wp-content/uploads/2024/09/ss-website-zap-overview-1024x560.png) Auf YouTube finden Sie unzählige Kurse und kostenlose Videos zur Arbeit mit Zapier und zur Konfiguration von Zaps. Daher möchte ich nicht zu sehr ins Detail gehen, aber ich wollte Ihnen einige Dinge zeigen, die Sie damit tun können: - Abonnenten zu Ihrer Mailingliste hinzufügen (Mailchimp, Brevo, ConvertKit usw.) - Einsendungen an Ihr CRM weiterleiten - einen Kontakt zu einem Google Sheet hinzufügen - Workflows mithilfe von KI (ChatGPT) automatisieren, um E-Mails zusammenzufassen oder Inhalte neu zu strukturieren - Testumgebungen für Fehlerberichte automatisch einrichten Hier sind die Möglichkeiten nahezu unbegrenzt, und wir kratzen gerade erst an der Oberfläche dessen, was Zapier für uns leisten kann. ## Fazit Wie Sie gesehen haben, müssen statische Websites nicht einfach sein, aber mit Simply Static lassen sie sich leicht einrichten. Sie müssen kein Programmierer sein, um Static WordPress für sich zu nutzen. Wir bieten außerdem einen hervorragenden Kundensupport (einschließlich Videos, ausführlicher Dokumentation und E-Mail-Support), der Sie dabei unterstützt, mit WordPress sicherere, schnellere und kostengünstigere Websites zu erstellen. Inhaltsverzeichnis ### WordPress-Sicherheits-Workbook Registriere dich und erhalte unser praxisnahes WordPress-Sicherheits-Workbook** direkt als Download in dein Postfach. #### Vielen Dank! Du hast dich erfolgreich für unseren Newsletter angemeldet. Inhaltsverzeichnis