Wordpress

Waarom en hoe u een statische website maakt met WordPress

Wat kun je onmogelijk bouwen met WordPress? U kunt alle soorten websites bouwen, van kleine blogs tot grote e-commerce websites.

Het is de reden waarom WordPress het favoriete platform is voor miljoenen bedrijven over de hele wereld, inclusief grote merken.

WordPress is eenvoudig te gebruiken en wordt geleverd met veel aanpassingsopties in thema's, paginabuilders en plug-ins.

Bovendien geniet het platform van een enorme gemeenschap van bijdragers en supporters over de hele wereld. Er zijn veel redenen waarom WordPress een nietje is, maar daar gaan we niet op in.

Hoewel WordPress een formidabel applicatieframework is, kun je geen eenvoudige statische websites op het platform bouwen. Ik bedoel, eenvoudige HTML + CSS + (misschien JavaScript) websites, en niet die andere "zet een statische pagina in uw lezing Instellingen” ding.

Ik heb het hierover, wat NIET is wat we proberen te bereiken.

En dat komt allemaal omdat WordPress genereert wat we dynamische webpagina's noemen.

Als dat verwarrend klinkt, mijn vriend, is het dat ook. Dus, wat is het verschil tussen een statische website en een dynamische website? Om wat licht te werpen, zal ik uitleggen hoe WordPress werkt en hoe statische websites werken. Laten we beginnen met statische websites, dames en heren.

Statische websites gebruiken eenvoudige HTML- en CSS-bestanden en waarschijnlijk wat JavaScript. Bestanden die u vanaf het begin maakt/codeert of met behulp van bepaalde software zoals CoffeeCup, onder andere. Oh God, ik haat het jargon, maar het is moeilijk te vermijden.

Als ik het zou uitleggen, zouden we een hele cursus webdesign nodig hebben. Als je een paar minuten over hebt, bekijk dan de handleidingen die ik hierboven heb gelinkt voor meer informatie.

Terzijde: Voor beginners zorgt HTML voor de structuur en CSS voor de stijl. JavaScript biedt interactiviteit. Persoonlijk zou ik liever helemaal opnieuw code schrijven dan CoffeeCup gebruiken, omdat dergelijke tools opgeblazen code creëren. Ik zou liever mijn risico's nemen met NotePad++ en alles vanaf het begin opbouwen.

WordPress daarentegen is een platform dat on-the-fly webpagina's genereert. U codeert pagina's niet helemaal opnieuw. Log gewoon in op uw WordPress-beheerder, voer uw inhoud in en druk op de publiceren knop.

Dan treedt de almachtige PHP in werking en haalt uw inhoud op uit een database die draait op MySQL of iets anders, zoals MariaDB. Ja, ik weet het, maar lees verder.

WordPress zorgt voor al het andere en brengt verschillende onderdelen samen om de pagina te bouwen die u in uw browser ziet.

Het lijkt veel op wat Microsoft Office doet wanneer u een document maakt. Voer gewoon de inhoud in en Microsoft Office regelt al het andere. U codeert het document niet helemaal opnieuw.

Dat gezegd hebbende, je hebt een aantal tools om een ​​statische versie van je WordPress-website te maken. Ik bedoel, je kunt een plug-in of een cloudgebaseerde service gebruiken.

Dat vind ik het leukste aan WordPress; er is altijd een oplossing. U krijgt ofwel een plug-in of service om u uit te zoeken. Ik moet nog een probleem vinden dat ik niet kan oplossen met plug-ins of services van derden.

Maar voordat we hierin verdwalen, waarom zou u een statische versie van uw WordPress-website maken? Wat zijn de voordelen?

Waarom een ​​statische website maken met WordPress?

Samengevat: elke WordPress-website voert honderden taken uit voordat de pagina wordt gemaakt die u in uw browser ziet, wat alles vertraagt.

Uw WordPress-website draait ook op duizenden bestanden van de WordPress-kern, thema, plug-ins en integraties van derden. Dat is niet alles; uw WordPress-website maakt verbinding met meerdere eindpunten, waardoor meerdere beveiligingslekken voor hackers ontstaan.

Een statische website daarentegen werkt niet op dezelfde manier. Het kan draaien zonder verbindingen met een database, wat het sneller maakt. Bovendien zijn er weinig (of geen) eindpunten, wat betekent dat u een betere beveiliging hebt. Bovendien ben je niet vatbaar voor veelvoorkomende WordPress-fouten, zoals de beruchte "fout bij het maken van databaseverbinding" fout.

Nu, het lange lezen.

Dit is waarom een ​​statische website een haalbare oplossing is. Onthouden, we zeggen je niet helemaal atoombom uw WordPress-installatie. U maakt gewoon een statische versie, zodat u van de volgende voordelen kunt genieten.

Snellere laadtijd van pagina's

Waarom paginasnelheid belangrijk is

Kan een WordPress website werken zonder database? Nee. Kan WordPress werken zonder Apache of PHP? Nogmaals, nee. WordPress kan niet werken zonder veel server-zijdige taken waar een statische website niet zonder kan.

Dingen verslechteren als u op shared hosting zit, waar bronnen dun zijn verspreid over miljoenen websites. Als je je marketing goed doet en veel verkeer begint aan te trekken, zal een WP-website op shared hosting eronder lijden.

Om de pagina te maken die u in uw browser ziet, maakt WordPress talloze retourvluchten naar de server en voert het onder andere een heleboel PHP-commando's uit.

De commando's plus de trips kosten tijd. Het kan milliseconden duren, maar als je een grote (en populaire) website hebt, is deze significant genoeg om de boel te vertragen en hoge bouncepercentages te veroorzaken.

Statische websites hoeven geen dynamische pagina's te verwerken, waardoor roundtrips worden geëlimineerd, wat u laadtijd bespaart. Wat er gebeurt, is dat u snellere pagina's laadt, wat altijd welkom is, vooral wanneer Google snellere websites beloont. Bovendien verbeteren snellere pagina's de gebruikerservaring (UX), wat zich later vertaalt in betere conversiepercentages.

Pro Tip: U kunt uw WordPress-website versnellen met een service als WP Rocket, betere hosting kiezen en prullenbak op uw site opschonen.

Betere beveiliging

Betere beveiliging

SQL-injectie is een dreigende bedreiging die site na site offline haalt - tot in de miljoenen. En WordPress wordt niet gespaard omdat het draait op een database die niet immuun is voor SQL-injectie, vooral als u uw WordPress-beveiliging niet verhardt.

Bovendien kunnen sommige WordPress-plug-ins uw site blootstellen aan beveiligingsrisico's (zoals XSS-aanvallen), vooral als u plug-ins downloadt van dubieuze bronnen of als u geen regelmatige updates uitvoert.

Een statische versie van uw website heeft deze kwetsbaarheid niet omdat er geen plug-ins zijn om te hacken. Bovendien draait er geen PHP-code (die op de server wordt uitgevoerd). U hoeft ook geen verbinding te maken met een database 🙂

De WordPress-versie van uw site heeft in ieder geval nog steeds deze beveiligingsproblemen, maar u kunt ervoor kiezen om WordPress te verbergen voor aanvallers met behulp van het .htaccess-bestand.

Verberg gewoon de WordPress-versie achter een .htaccess-wachtwoord en serveer de statische website op zijn plaats. En ga dan verder met het maken van inhoud in WordPress en het pushen van wijzigingen naar de statische site.

Pro Tip: U kunt uw WordPress-site onkwetsbaar maken voor beveiligingsrisico's door een betere sitehygiëne toe te passen (bekijk het hierboven gelinkte artikel) en proactief te blijven met back-ups van WordPress-sites.

Vanzelfsprekend is geen enkel digitaal activum (lees, websites, mobiele apps, enz.) 100% immuun voor aanvallen, dus blijf waakzaam.

Minder beheer en onderhoud

Website onderhoud

Het beheren van een website is geen gemakkelijke taak. Het runnen van een gezonde WordPress-website is nog moeilijker. Veel lopende tandwielen hebben constant olie nodig, zoals we zagen in de onderhoudschecklist van WordPress.

Om te beginnen moet je je WordPress-installatie up-to-date houden, anders pak je de slechteriken het hof. Bovendien vereisen nieuwere thema's en plug-ins de nieuwste WordPress-versie, wat betekent dat je geweldige functies misloopt.

N / B: Als u geen idee had, stellen verouderde thema's en plug-ins uw site bloot aan aanvallers, vooral als ze bekende beveiligingsproblemen hebben.

Bovendien moet u uw pagina's optimaliseren voor hogere laadsnelheden, wat u een curveball kan bezorgen bij het verkleinen van bestanden of het gebruik van WordPress-caching-plug-ins en CDN's. Als je een beginner bent, is het moeilijk. Ik weet; Ik ben daar geweest.

Met een statische website heb je dat allemaal niet. U hoeft de WordPress-kern, thema's of plug-ins niet bij te werken, wat minder onderhoud van uw kant betekent.

Terzijde: Maar u moet uw WordPress-kern, thema's en plug-ins blijven bijwerken, zelfs als u een lokale installatie op uw pc hebt. Het is een goede hygiëne van de sitebeveiliging.

U hoeft zich ook geen zorgen te maken over de laadsnelheid van pagina's, zelfs niet als u gedeelde hosting gebruikt. Bovendien is een statische versie van uw website beter beveiligd, zoals we eerder vermeldden, dat is een zorg minder.

Pro Tip: Werk altijd uw WordPress-kern, thema's en plug-ins bij om cybercriminelen voor te blijven en voor de beste functionaliteit. Bekijk voor betere paginasnelheden hoe u de laadtijd van WordPress-pagina's kunt verkorten.

Schaalbaarheid

Schaalbaarheid

We willen allemaal websites maken die veel bezoekers trekken. Verkeer is immers de levensader van elke succesvolle website.

Zonder verkeer is uw website praktisch dood. Je hebt een website gemaakt zodat de wereld jou en je bedrijf kan vinden, en dat is goed.

Nu is WordPress een behoorlijk schaalbaar platform. Het kan alles aan, of je nu een eigenaar van een klein bedrijf bent met een tiental webbezoekers of een enorme e-commercelijn met miljoenen views per maand.

Maar als je een verkeerspiek hebt en je gebruikt bijvoorbeeld shared hosting, dan zal je WordPress-website in de problemen komen omdat veel taken op de achtergrond worden uitgevoerd (taken die een shared hostingpakket niet aankan).

Veel gelijktijdige bezoeken aan uw WordPress-website kunnen uw server of database uitschakelen omdat er veel processen actief zijn.

Aan de andere kant kan een statische website gemakkelijk worden geschaald, of je nu tien of een miljoen hits tegelijk hebt. Waarom? Omdat er geen retourvluchten zijn naar de server en database.

Met andere woorden, er zijn vrijwel geen server-zware processen actief, wat betekent dat veel bezoeken tegelijk u niet zullen uitschakelen. Het kan nog steeds gebeuren, maar niet zo vaak als bij een WordPress-website omdat – roundtrips en processen.

Wat dat betekent is dat je comfortabel kunt hosten op budgethosts of zelfs gratis op GitHub (of andere gratis hosts) zonder enige hapering. Uw statische website zal nog steeds werken, zelfs als u een piek in het verkeer krijgt, waardoor uw WordPress-website op hetzelfde hostingpakket kan vallen.

Pro Tip: Het is raadzaam om vanaf het begin met een geweldig WordPress-hostingbedrijf te gaan. Beheerde WordPress-hosting en cloudhosting zijn twee haalbare opties als u moeiteloos wilt schalen.

Dit zijn enkele van de voordelen van het maken van een statische versie van uw WordPress-website. Laten we nu verder gaan met het leuke gedeelte; het maken van een statische versie van uw WordPress-website.

Ik heb een paar plug-ins geprobeerd en ze faalden allemaal jammerlijk. Sommige zijn al jaren niet meer bijgewerkt en andere vereisen het compileren van Github-broncode, wat zeker niet voor beginners is. Het was zo frustrerend totdat ik StaticPress2019 vond en ik weer kan glimlachen.

Een statische website maken met WordPress

Voor een bepaalde context werk ik met de volgende voorbeeldsite, een van de kant-en-klare demo's die bij het Total WordPress Theme worden geleverd:

Statische website met WordPress

De WordPress-demosite leeft op: ontwerp.vistamedia.xyz.

We zullen een statische website maken die we zullen hosten op een ander subdomein (bijv. static.vistamedia.xyz) die er momenteel zo uitziet:

Maak je geen zorgen; het is gewoon een lege map op mijn server zonder websitebestanden. Daar zullen we de statische versie van onze WordPress-website opslaan.

N / B: Ik gebruik subdomeinen alleen ter illustratie. U kunt elk ander domein of elke gewenste URL gebruiken.

Maar voordat we verder gaan, hier zijn een paar dingen om in gedachten te houden. Om te beginnen is deze tijdelijke oplossing niet voor alle WordPress-websites.

Het is geweldig voor eenvoudige websites, zoals:

  • Online brochures die geen complexe functionaliteit nodig hebben
  • Basisportefeuilles
  • Puur informatieve websites
  • Binnenkort pagina's en bestemmingspagina's
  • Sites die vatbaar zijn voor aanvallen, bijv. politieke sites en sites van beroemdheden
  • Websites die echt snel moeten zijn

En dat komt omdat het converteren van een WordPress-website naar een statische website server-zijdige functionaliteit uitschakelt, zoals:

  • e-commerce plug-ins
  • De meeste slider-plug-ins
  • Standaard WordPress-reactieformulieren
  • Serverzijdige contactformulieren
  • Alle plug-ins die een verzendformulier gebruiken
  • Gebeurtenis-plug-ins
  • Lidmaatschap plug-ins
  • Widgets van het type "Meest populaire berichten"
  • RSS feeds
  • En elke andere plug-in die een server nodig heeft om te functioneren

Een e-commercesite die op WooCommerce draait, zal eronder lijden wanneer u deze omzet in een statische website, omdat WooCommerce dynamische pagina's creëert die PHP en serverfunctionaliteit vereisen.

Er zijn echter veel oplossingen om de functionaliteit te krijgen die u nodig hebt. U kunt bijvoorbeeld Disqus gebruiken voor opmerkingen, Algolia voor zoeken en Snipcart voor e-commerce. Er zijn oplossingen voor de andere functies, maar je moet je afvragen of het de tijd en moeite waard is.

Dat gezegd hebbende... laten we eens kijken wat de StaticPress2019-plug-in kan doen.

Een statische website maken met de StaticPress2019-plug-in

StaticPress2019 is beschikbaar in de WordPress-plug-inrepository, wat betekent dat we het in het WordPress-beheerdersdashboard kunnen installeren.

Log in op uw WordPress-beheerder en navigeer naar Plug-ins> Nieuw toevoegen:

een statische website maken met wordpress

Voer vervolgens in Statische Pers in het zoekvak voor trefwoorden en zodra u de plug-in hebt gevonden, klikt u op Installeer nu:

een statische website maken met wordpress

Daarna, Activeren de plug-in. Tot nu toe, zo goed, het gaat prima met je.

Klik vervolgens op StaticPress2019-opties in uw WordPress-beheerdersmenu, zoals we hieronder benadrukken.

Voer vervolgens de URL en documentroot van uw statische website in en klik op de Wijzigingen opslaan knop.

een statische website maken met wordpress

In mijn geval gebruik ik static.vistamedia.xyz en /home/vistxxxx/static.vistamedia.xyz, respectievelijk. Gebruik de waarden die van toepassing zijn op uw geval.

Klik vervolgens op Statische Pers2019:

Klik op de volgende pagina op het Herbouwen knop, zoals weergegeven in de volgende schermafbeelding.

Wacht het proces af om zijn gang te gaan. Dit kan enige tijd duren, afhankelijk van de grootte van uw website.

Zodra het proces voorbij is, kun je de bubbels laten knallen, want dat is alles

Maar wacht. Vergeet niet je statische website grondig te testen! U kunt uw nieuwe statische website in de front-end bekijken.

Hier is hoe ons eindresultaat op static.vistamedia.xyz, die er vroeger zo uitzag...

... ziet er nu uit:

Statische website met WordPress-resultaat

Je kunt het verschil niet zien. Let wel; het is veel sneller dan de WordPress-versie op hetzelfde hostingpakket 🙂 En alles is aanwezig, inclusief foto's en blogberichten, responsief ontwerp, enzovoort.

De StaticPress2019-plug-in is geweldig voor het maken van statische websites van nieuwe en oude WordPress-websites.

Vergeet niet: Als u uw WordPress-website bijwerkt, moet u navigeren naar: StaticPress2019 En klik op de knop Herbouwen knop, zoals we een paar seconden geleden deden. Als u dit doet, worden de wijzigingen in de statische versie van uw website doorgevoerd 🙂

Als u een nieuwe WordPress-website maakt die u later naar een statische website wilt converteren, kunt u overwegen om betaalde services zoals Strattic of HardyPress te gebruiken. Dergelijke services bieden statische websites en ingebouwde oplossingen voor opmerkingen en zoekformulieren tegen een maandelijks bedrag.

Zoals we eerder zeiden, zijn er altijd oplossingen voor dergelijke functies bij het gebruik van een plug-in zoals StaticPress2019. Dat betekent dat u niet hoeft te betalen om een ​​statische versie van uw WordPress-website te maken, vooral niet als het zo eenvoudig is.

Laatste woorden

Het maken van een statische website met WordPress heeft zijn voor- en nadelen. U geniet van snellere paginalaadsnelheden, betere beveiliging, minder administratieve taken en heeft meer hostingopties tot uw beschikking.

Tegelijkertijd zijn statische websites niet ideaal voor alle WordPress-websites, zoals e-commercesites die sterk afhankelijk zijn van WooCommerce.

En dat komt omdat de functionaliteit aan de serverzijde wordt uitgewist wanneer u een WordPress-website omzet in een statische website. Zaken als contactformulieren, bestelformulieren, opmerkingen en winkelwagentjes werken niet.

Hoewel er tijdelijke oplossingen zijn om de functionaliteit te krijgen die je nodig hebt, is het altijd belangrijk om te overwegen of je echt een statische website nodig hebt. Het is zeker gemakkelijk om te maken, maar ben je beter af met een WordPress-website die bijvoorbeeld draait op stellaire hosting?

Waarom probeer je StaticPress2019 niet eens en laat ons weten wat je ervan vindt in het commentaargedeelte? Veel plezier met het maken en blijf veilig!

Gerelateerde artikelen

0 Comments
Inline feedbacks
Bekijk alle reacties
Terug naar boven knop