Ich gebe zu, der Titel dieses Artikels könnte nicht mehr Clickbait sein, aber geben Sie mir eine Chance und lesen Sie weiter; Obwohl es für Sie unglaublich erscheinen mag, ist es absolut wahr.
Sie können Ihre Website nicht nur völlig kostenlos hosten, sondern nutzen auch die neuesten Trends in der Website-Entwicklung.
Darüber hinaus, wie Sie weiter unten sehen werden, dank des Plugins Einfach statisch Wir machen es ganz einfach.
Obwohl dies einfach sein wird, gibt es mehrere Konzepte und Themen, die ich erklären möchte. Deshalb lasse ich Ihnen den Index unten, damit Sie zu dem spezifischen Teil des Artikels gehen können, den Sie möchten, auch wenn Sie sehen, dass es sich anhört Wie Chinesisch für Sie, empfehle ich Ihnen, es von Anfang an ruhig zu lesen.
Index
Statische Websites
Die Erstellung statischer Websites ist für mich nichts Neues. Hier können Sie sehen, wie Sie mit einem Tool namens „ Hugo.
Aber in diesem Artikel gehen wir noch einen Schritt weiter, tatsächlich gehen wir noch viel weiter 😉
Anstatt ein neues Tool zu verwenden, um unsere Website statisch zu machen, werden wir WordPress verwenden und sie mithilfe eines Plugins automatisch in eine statische Website umwandeln.
Warum sollten wir unsere Website in eine statische Website umwandeln wollen?
Vorteile der Umwandlung unserer Website in eine statische Website
Geschwindigkeit
Eines der großen Probleme von WordPress besteht darin, dass es ein sehr gutes Webhosting erfordert, damit es gut funktioniert. Für mich ist es übrigens das beste Hosting der Welt Kinsta ????
Warum brauchen Sie gutes Hosting? WordPress ist ein dynamischer Content-Manager, sodass jeder Artikel oder jede Seite, die Sie erstellen, nicht über eine echte HTML-Seite verfügt, sondern jedes Mal dynamisch generiert wird, wenn ein Benutzer die Website besucht.
Die Informationen zu jedem Artikel auf der Website befinden sich in einer Datenbank (MySQL). Wenn der Besucher die URL eingibt, wird der HTML-Code der Seite in Echtzeit generiert.
Und das kostet Zeit und je schlechter das Hosting ist, desto mehr Zeit kostet es.
Sicherheit
Eine der größten Herausforderungen bei der Pflege einer WordPress-Website besteht darin, sie sicher zu halten.
Wenn Sie mit WordPress vertraut sind, wissen Sie, dass Sie WordPress, das Template und natürlich die Plugins ständig aktualisieren müssen.
Wenn Sie WordPress nicht regelmäßig aktualisieren, tun sich Sicherheitslücken auf, die Hacker ausnutzen können. Es ist der hässlichste Teil von WordPress und jedem anderen Tool, das dynamische Programmiersprachen verwendet.
Was ist so gut daran, die Website statisch zu machen? Ihre Website enthält keine PHP-Dateien, sondern nur flache HTML-Dateien, sodass Sie die Wahrscheinlichkeit, gehackt zu werden, erheblich verringern.
Kosten
Bezüglich der Kosten herrscht unter den Menschen große Verwirrung.
Lassen Sie mich Ihnen etwas direkt und aufrichtig sagen:
Für gutes Hosting muss man bezahlen.
Punto.
Mehr gibt es nicht.
Hört mir zu.
Mehr gibt es nicht.
Ich habe (und nutze) viele Webhosting-Dienste genutzt und kann Ihnen einiges sagen:
- Wenn ein Hosting sagt: „unbegrenzt", er liegt.
- Billiges Hosting funktioniert auf großen Websites nicht gut, es sei denn, Sie pflegen die Infrastruktur selbst.
- Shared Hosting ist der Teufel.
Ich hoffe, ich war nicht zu streng, aber aufgrund meiner jahrelangen Erfahrung kann ich Ihnen sagen, dass die Welt des Webhostings so hart ist.
Vielleicht möchten Sie mich fragen, Aber, Oscar, wenn günstiges Hosting schlecht ist, wie empfehlen Sie dann eine kostenlose Option, wie der Titel dieses Beitrags schon sagt?
Das Hosten dynamischer Websites ist teuer, da es viele „Teile“ gibt, die hohe Kosten verursachen:
- Schnelle Datenbanken
- Schnelles und sicheres PHP-Hosting
- CDN
- Etc ...
Wenn Sie Ihre Website hingegen in eine statische Website konvertieren, gibt es davon nichts, Sie benötigen keine Datenbanken, PHP oder ähnliches. Sie benötigen nur Hosting, um statische Dateien hochzuladen, und das, mein Freund, ist günstig. So günstig, dass viele professionelle Unternehmen es kostenlos verschenken.
Ich werde später darüber sprechen, aber es gibt gute und günstige Hosting-Anbieter, mit denen Sie Ihre Website kostenlos hosten können, wenn es sich um eine statische Website handelt. Zu den Hosting-Anbietern, mit denen Sie statische Websites kostenlos hosten können, gehören unter anderem Kinsta, Netlify, Github und viele mehr.
Wenn Sie die statische Website mit Simply Static erstellen, können Sie zu all den Vorteilen, die ich gerade erwähnt habe, einen weiteren Vorteil hinzufügen
Design
Wenn Sie WordPress nicht verwenden, um Ihre Website statisch zu machen, wird ein Problem auftreten:
Das Design
Wenn Sie WordPress kennen, wissen Sie, dass es unzählige Vorlagen gibt und was noch besser ist, es gibt visuelle Builder wie Elementor o DIVI.
Wenn Sie Simply Static verwenden, um Ihre Website in eine statische Website umzuwandeln, respektieren Sie das von Ihnen erstellte Design. Diese Funktionalität ist einfach magisch. Denn Sie bekommen das Beste aus beiden Welten.
Nachteile
Nicht gültig für dynamische Websites
Wenn Sie einen mit WooCommerce erstellten Shop oder eine Mitgliedschaft oder ein Abonnement haben, wird es für Sie nicht funktionieren.
Diese Methode eignet sich perfekt für Unternehmenswebsites und Blogs, funktioniert jedoch nicht für dynamische Websites.
Wie Sie später sehen werden, können Sie Ihrer Website eine Suchmaschine, Kommentare und Formulare hinzufügen.
Aber keine Online-Shops.
Erfordert etwas mehr Konfiguration
Wie Sie in diesem Tutorial sehen werden, ist es nicht schwierig, erfordert jedoch etwas mehr Konfiguration als bei der Erstellung einer normalen WordPress-Website.
Nach der Konfiguration werden Sie natürlich feststellen, dass alles mit dem Autopiloten funktioniert.
WordPress als Headless
Die Verwendung von WordPress als internes Tool und einem weiteren Tool zur Anzeige des Endergebnisses der Website wird Headless genannt.
Sie fragen sich vielleicht: Okay, die Website, „die die Leute sehen“, ist statisch, aber ich muss ein WordPress hosten, um sie statisch machen zu können.
Und Sie haben Recht, aber hier kommt das Beste: Da Sie WordPress nur für sich selbst benötigen, können Sie es lokal oder auf einem günstigen Webhosting hosten, da es nur für Ihren persönlichen Gebrauch bestimmt ist.
Hosten Sie WordPress lokal
Wenn Sie Ihre Website lokal auf Ihrem Computer hosten, besteht das Problem, dass Sie können Inhalte nur von dem Computer hinzufügen, auf dem WordPress installiert ist.
Außerdem empfehle ich dies nicht, es sei denn, Sie sind eine sehr organisierte Person Jeder Ausfall Ihres Computers führt zu einer großen Zeitverschwendung.
Das Erstellen von Backups ist immer wichtig, aber wenn Sie lokal arbeiten, ist dies umso wichtiger, da jedes Problem auf Ihrem lokalen Computer dazu führt, dass Sie Ihr WordPress verlieren.
Denken Sie an Backups und viel Ordnung, wenn Sie es lokal hosten.
Hosten Sie WordPress auf einem günstigen Hosting
Wie ich oben erwähnt habe, ist billiges Hosting die Hauptursache für eine langsame Website. Wenn Sie es jedoch nur zum Hinzufügen oder Ändern von Inhalten verwenden, kann es eine gute Option sein.
Ihre Besucher werden sich über eine schnelle Website freuen und nur Sie werden unter dem WordPress eines Shared Hostings „leiden“.
Und wenn Sie das Beste aus beiden Welten wollen und Ihr Geldbeutel es zulässt, empfehle ich die Verwendung eines guten Hostings für Ihre statische Website und auch für Ihre WordPress-Installation.
Erstellen Sie eine statische Website mit WordPress und Simply Static
Wir haben bereits die Vorteile der Erstellung einer statischen Website mit WordPress gesehen, jetzt werden wir sehen, wie wir das machen können.
In diesem Tutorial verwenden wir das Simply Static-Plugin.
Simply Static hat zwei Versionen:
Simple Static in seiner kostenlosen Version
Die kostenlose Version ist voll funktionsfähig, ermöglicht Ihnen jedoch nur das Herunterladen der statischen Website auf Ihren Computer. Das heißt, Es ist nicht möglich, die statische Website direkt auf den Server hochzuladen.
Wenn Sie die kostenlose Version nutzen, müssten Sie die statische Website manuell auf den Server hochladen.
Wenn Sie eine Website mit wenigen Aktualisierungen erstellen möchten, ist dies möglicherweise eine gute Option. Wenn Sie jedoch einen Blog oder eine Website erstellen möchten, die Sie häufig aktualisieren möchten, empfehle ich Ihnen, weiterzulesen und alles zu sehen, was die kostenpflichtige Version bietet.
Die Installation der kostenlosen Version ist so einfach wie das Aufrufen des WordPress-Administrationsbereichs –> Plugins –> Neues Plugin hinzufügen und das Eingeben in die Suchmaschine einfach statisch:
Nach der Installation und Aktivierung erscheint auf der Seite von WordPress ein neues Menü mit der Option Einfach statisch –> Statische Dateien generieren:
Wenn der Export abgeschlossen ist, sehen Sie einen Link mit dem Text Klicken Sie hier, um es herunterzuladen.
Wenn Sie darauf klicken, laden Sie eine komprimierte Datei mit Ihrer statischen Website herunter.
Wenn Sie die Website lokal öffnen, können Sie sehen, dass Ihre Website das gleiche Design wie die ursprüngliche WordPress-Website hat.
[Yellowbox]Wenn Sie die Website von Ihrem eigenen Computer aus betrachten, müssen Sie einen lokalen Server installieren, damit sie gut aussieht. Wenn Sie es nicht tun, wird es nicht gut aussehen, aber keine Sorge, wenn Sie es auf einen Server hochladen, wird es perfekt aussehen[/cajaamarilla]
Simply Static Premium-Version
Die kostenpflichtige Version von Simply Static bietet sehr interessante Optionen wie:
- Konfigurieren Sie eine Suchmaschine auf Ihrer statischen Website
- Füge Kommentare hinzu
- Formulare einrichten
- Minimieren Sie den Code
Aber das Interessanteste an der kostenpflichtigen Version ist zweifellos, dass Sie die statische Website direkt auf Ihren Server hochladen können. Zum Zeitpunkt des Schreibens dieses Artikels war es mit den folgenden Hostings integriert:
- GitHub
- AWS S3
- Tiiny.host
- Hase CDN
- Einfach CDN
- Digitale Ozeanräume
- SFTP
Das Gute daran ist, dass Sie es einfach mit SFTP auf fast jeden Server hochladen können und Github Ihnen die Konfiguration mit vielen anderen wie Kinsta oder Netlify ermöglicht.
In meinem Test werde ich es damit machen KinstaWie gesagt, viele Unterkünfte verfügen über eine Integration mit Github, sodass Sie sie auch dann über Github konfigurieren können, wenn sie nicht in der Liste erscheint.
Stelle deine statische Website auf Kinsta bereit
Der Prozess, dem wir folgen werden, ist der folgende:
- Laden Sie unsere statische Website auf Github hoch
- Verbinde Kinsta mit Github, um unsere Website auf Kinsta zu hosten
- Jedes Mal, wenn wir dem Web neue Inhalte hinzufügen, werden diese auf Github hochgeladen. Github benachrichtigt Kinsta, den Inhalt zu aktualisieren.
Laden Sie unsere statische Website auf GitHub hoch
Erstellen Sie ein Konto bei GitHub Es ist kostenlos. Sobald das Konto erstellt ist, müssen wir ein Token erstellen, um Simply Static mit GitHub verbinden zu können.
Um es zu erstellen, müssen wir zu Einstellungen –> Entwicklereinstellungen –> Persönliche Zugriffstoken gehen.
Hier haben Sie die nötigen Berechtigungen:
Jetzt haben wir alle Daten, die wir zur Konfiguration des Simply Static Premium-Plugins benötigen.
Inside Deploy –> Bereitstellungsmethode: Github
Mit den folgenden konfigurierten Optionen:
Natürlich müssen Sie die E-Mail-Adresse und das Repository für Ihre Daten ändern 😉
Um zu überprüfen, ob alles gut funktioniert, klicken wir auf die lila Schaltfläche „Statische Dateien generieren“ und wenn alles gut gelaufen ist, wird unsere statische Website auf GitHub hochgeladen.
Und in unserem GitHub-Repository müssen wir etwas Ähnliches sehen:
Stelle das Static Web in Kinsta bereit
Mit Kinsta können Sie bis zu 100 statische Websites kostenlos hosten.
Sie müssen nur eines erstellen kostenloses Konto auf MyKinsta.
Innerhalb von MyKinsta gehen wir zum Abschnitt Statische Websites und klicken Sie auf Site hinzufügen
Wenn wir Kinsta nicht mit unserem GiHub-Konto verbunden haben, verbinden wir es und wenn wir es bereits verbunden haben, wählen wir das statische Web-Repository aus, das wir in GiHub haben:
Wenn wir möchten, dass jedes Mal, wenn wir Änderungen an der Website vornehmen, diese automatisch angezeigt werden, markieren wir Automatische Bereitstellung in Commit und wir klicken auf Weiter.
Da die Website statisch ist, müssen wir auf diesem Bildschirm nichts berühren, sondern klicken Site erstellen.
Wir warten ein paar Minuten und wenn alles gut gelaufen ist, haben wir unsere brandneue statische Website fertig 🙂
Schlussbetrachtungen
- Die Beispielwebsite ist eine einfache Website, würde aber genauso gut mit komplexen Elementor- oder DIVI-Designs funktionieren.
- Wenn Sie WordPress im Internet haben, empfehle ich Ihnen, es mit einem Passwort zu versehen, damit es nicht indiziert wird.
- Erstellen Sie stets Sicherungskopien. Es ist leicht, WordPress zu „verlieren“, wenn Sie eine statische Website verwenden
Ich hoffe, es hat Ihnen gefallen und Sie fanden es nützlich.