Wordpress

Proč a jak vytvořit statický web s WordPress

Co nemůžete vytvořit pomocí WordPressu? Můžete vytvářet všechny typy webových stránek, od malých blogů až po velké webové stránky elektronického obchodu.

To je důvod, proč je WordPress platformou, kterou si vybírají miliony firem po celém světě, včetně velkých značek.

WordPress se snadno používá a přichází s mnoha možnostmi přizpůsobení v tématech, tvůrcích stránek a pluginech.

Platforma se navíc těší obrovské komunitě přispěvatelů a podporovatelů po celém světě. Existuje mnoho důvodů, proč je WordPress základ, ale nebudeme se tím zabývat.

Přestože je WordPress impozantní aplikační rámec, nemůžete na platformě vytvářet jednoduché statické webové stránky. Mám na mysli jednoduché HTML + CSS + (možná JavaScript) webové stránky, a ne takové jiné „nastavení statické stránky ve vašem Čtení Nastavení“věc.

Mluvím o tom, což NENÍ to, čeho se snažíme dosáhnout.

A to je vše, protože WordPress generuje to, čemu říkáme dynamické webové stránky.

Pokud to zní zmateně, příteli, je to tak. Jaký je tedy rozdíl mezi statickým webem a dynamickým webem? Abych to trochu osvětlil, vysvětlím, jak funguje WordPress a jak fungují statické weby. Dámy a pánové, začněme statickými webovými stránkami.

Statické webové stránky používají jednoduché soubory HTML a CSS a pravděpodobně nějaký JavaScript. Soubory, které vytvoříte/kódujete od začátku nebo pomocí nějakého softwaru, jako je mimo jiné CoffeeCup. Bože, nesnáším ten žargon, ale je těžké se tomu vyhnout.

Pokud bych to měl vysvětlit, potřebovali bychom celý kurz webdesignu. Až budete mít pár minut volného času, podívejte se na průvodce, na které jsem odkazoval výše, kde najdete další informace.

Stranou: Pro začátečníky poskytuje HTML strukturu a CSS poskytuje styl. JavaScript poskytuje interaktivitu. Osobně bych raději psal kód od začátku, než abych používal CoffeeCup, protože takové nástroje vytvářejí nadupaný kód. Raději bych riskoval s NotePadem++ a postavil vše od začátku.

WordPress je na druhé straně platforma, která generuje webové stránky za běhu. Nekódujete stránky od začátku. Stačí se přihlásit do správce WordPress, zadat obsah a stisknout tlačítko Publikovat .

Pak se všemocné PHP spustí a načte váš obsah z databáze, která běží na MySQL nebo na něčem jiném, jako je MariaDB. Jo, já vím, ale čtěte dál.

WordPress se postará o vše ostatní, spojí různé části dohromady a vytvoří stránku, kterou vidíte ve svém prohlížeči.

Je to velmi podobné tomu, co Microsoft Office dělá, když vytváříte dokument. Stačí zadat obsah a Microsoft Office se postará o vše ostatní. Dokument nekódujete od začátku.

To znamená, že máte několik nástrojů k vytvoření statické verze vašeho webu WordPress. Myslím tím, že můžete použít plugin nebo cloudovou službu.

To se mi na WordPressu líbí nejvíc; vždy existuje řešení. Buď získáte plugin nebo službu, která vás vyřeší. Stále jsem nenašel problém, který nemohu vyřešit pomocí pluginů nebo služeb třetích stran.

Ale než se v tom všem ztratíme, proč byste vytvářeli statickou verzi svého webu WordPress? jaké jsou výhody?

Proč vytvořit statický web s WordPress

Shrnuto: Každý web WordPress spouští před vytvořením stránky, kterou vidíte v prohlížeči, stovky úloh, což vše zpomaluje.

Váš web WordPress také běží na tisících souborů z jádra WordPress, motivu, pluginů a integrací třetích stran. To není vše; váš web WordPress se připojuje k více koncovým bodům, čímž vytváří několik bezpečnostních děr pro hackery.

Na druhé straně statický web nefunguje stejným způsobem. Může běžet bez připojení k databázi, díky čemuž je rychlejší. Kromě toho existuje několik (pokud existují) koncové body, což znamená, že máte lepší zabezpečení. Navíc nejste náchylní k běžným chybám WordPress, jako je nechvalně známý „chyba při navazování připojení k databázi"Chyba.

A teď dlouhé čtení.

Zde je důvod, proč je statický web životaschopným řešením. Měj na paměti, neříkáme vám úplně nuke vaši instalaci WordPressu. Vytváříte pouze statickou verzi, abyste mohli využívat následující výhody.

Rychlejší doba načítání stránky

Proč záleží na rychlosti stránky

Může web WordPress fungovat bez databáze? Ani náhodou. Může WordPress fungovat bez Apache nebo PHP? Opět ne. WordPress nemůže běžet bez mnoha úloh na straně serveru, bez kterých se statický web obejde.

Věci se zhoršují, pokud používáte sdílený hosting, kde jsou zdroje rozptýleny na milionech webových stránek. Pokud uděláte svůj marketing správně a začnete přitahovat velký provoz, web WP na sdíleném hostingu utrpí.

Chcete-li vytvořit stránku, kterou vidíte ve svém prohlížeči, WordPress provádí četné zpáteční cesty na server a mimo jiné provádí spoustu příkazů PHP.

Příkazy a cesty vyžadují čas. Mohou to být milisekundy, ale když máte velký (a oblíbený) web, je to dost významné na to, aby to zpomalilo a způsobilo vysokou míru okamžitého opuštění.

Statické webové stránky nepotřebují zpracovávat dynamické stránky, což eliminuje zpáteční cesty, což vám ušetří čas načítání stránky. Co se stane, je rychlejší načítání stránek, což je vždy vítáno, zvláště když Google odměňuje rychlejší weby. Navíc rychlejší stránky zlepšují uživatelský dojem (UX), což se promítá do lepších konverzních poměrů.

Pro Tip: Svůj web WordPress můžete zrychlit pomocí služby jako WP Rocket, vybrat si lepší hosting a vyčistit odpadky na svém webu.

Lepší bezpečnost

Lepší bezpečnost

SQL injection je hrozící hrozba, která ničí web za webem – do milionů. A WordPress není ušetřen, protože běží na databázi, která není imunní vůči SQL injection, o to víc, pokud nezpřísníte zabezpečení WordPressu.

Kromě toho mohou některé pluginy WordPress vystavit váš web bezpečnostním rizikům (jako jsou útoky XSS), zejména pokud stahujete pluginy z pochybných zdrojů nebo neprovádíte pravidelné aktualizace.

Statická verze vašeho webu tuto chybu zabezpečení nemá, protože neexistují žádné zásuvné moduly, které by bylo možné hacknout. Navíc neběží žádný kód PHP (který se spouští na serveru). Také se nemusíte připojovat k databázi 🙂

Verze vašeho webu pro WordPress má každopádně stále tyto bezpečnostní problémy, ale můžete se rozhodnout skrýt WordPress před útočníky pomocí souboru .htaccess.

Stačí skrýt verzi WordPressu za heslo .htaccess a na její místo naservírovat statický web. A pak pokračujte ve vytváření obsahu ve WordPressu a vkládání změn na statický web.

Pro Tip: Svůj web WordPress můžete učinit nezranitelným vůči bezpečnostním rizikům tím, že budete provádět lepší hygienu webu (podívejte se na výše uvedený článek) a budete proaktivní se zálohami webů WordPress.

Netřeba dodávat, že žádné digitální aktivum (čtení, webové stránky, mobilní aplikace atd.) není 100% imunní vůči útokům, takže buďte ostražití.

Méně správy a údržby

Údržba stránek

Správa webu není snadný úkol. Provozování zdravého webu WordPress je ještě těžší. Mnoho běžících zubů potřebuje neustálé mazání, jak jsme viděli v kontrolním seznamu údržby WordPress.

Pro začátek musíte svou instalaci WordPress udržovat aktuální, jinak se budete dvořit padouchům. Kromě toho novější témata a pluginy vyžadují nejnovější verzi WordPress, což znamená, že přicházíte o skvělé funkce.

N / B: Pokud jste nic netušili, zastaralé motivy a pluginy vystavují váš web útočníkům, zejména pokud mají známé bezpečnostní chyby.

Kromě toho musíte své stránky optimalizovat pro vyšší rychlost načítání, což vám může způsobit křivku při minifikaci souborů nebo používání mezipaměti WordPress a CDN. Pokud jste začátečník, je to těžké. Vím; Byl jsem tam.

U statického webu nic z toho nemáte. Nemusíte aktualizovat jádro WordPress, témata ani pluginy, což znamená méně údržby z vaší strany.

Stranou: Musíte však neustále aktualizovat jádro, motivy a pluginy WordPress, i když máte na svém počítači místní instalaci. Je to dobrá hygiena zabezpečení místa.

Také se nemusíte starat o rychlost načítání stránek, i když používáte sdílený hosting. Kromě toho má statická verze vašeho webu lepší zabezpečení, jak jsme zmínili dříve, což je o jednu starost méně.

Pro Tip: Vždy aktualizujte své jádro WordPress, motivy a pluginy, abyste si udrželi náskok před kyberzločinci a měli nejlepší funkčnost. Chcete-li dosáhnout lepší rychlosti stránky, podívejte se, jak zkrátit dobu načítání stránky WordPress.

Škálovatelnost

Škálovatelnost

Všichni chceme vytvářet webové stránky, které přitahují spoustu návštěvníků. Návštěvnost je totiž mízou každého úspěšného webu.

Bez návštěvnosti je váš web prakticky mrtvý. Vytvořili jste web, aby vás a vaši firmu našel svět, a to je dobře.

Nyní je WordPress docela škálovatelná platforma. Poradí si se vším, co na něj hodíte, ať už jste majitel malé firmy s desítkou návštěvníků webu nebo obrovská řada e-commerce s miliony zobrazení za měsíc.

Ale pokud máte například nárůst návštěvnosti a jste na sdíleném hostingu, váš web WordPress narazí na problémy, protože mnoho úkolů běží na pozadí (úlohy, které balíček sdíleného hostingu nezvládne).

Mnoho současných návštěv vašeho webu WordPress najednou může vyřadit váš server nebo databázi, protože běží mnoho procesů.

Na druhou stranu, statický web lze snadno škálovat, ať už máte deset nebo milion přístupů najednou. Proč? Protože neexistují žádné zpáteční cesty k serveru a databázi.

Jinými slovy, neběží prakticky žádné procesy náročné na server, což znamená, že mnoho návštěv najednou vás nevyřadí. Stále se to může stát, ale ne tak často jako u webových stránek WordPress, protože – zpáteční cesty a procesy.

To znamená, že můžete pohodlně hostovat na levných hostitelích nebo dokonce zdarma na GitHubu (nebo jiných bezplatných hostitelích) bez jakýchkoli škytavek. Váš statický web bude stále fungovat, i když zaznamenáte prudký nárůst návštěvnosti, což může způsobit, že váš web WordPress bude na stejném hostingovém balíčku.

Pro Tip: Od začátku je vhodné jít se skvělou hostingovou společností WordPress. Spravovaný hosting WordPress a cloud hosting jsou dvě schůdné možnosti, pokud chcete škálovat bez námahy.

To jsou některé z výhod vytvoření statické verze vašeho webu WordPress. Nyní přejděme k zábavné části; vytvoření statické verze vašeho webu WordPress.

Zkoušel jsem pár pluginů a všechny naprosto selhaly. Některé nebyly aktualizovány roky a jiné vyžadují kompilaci zdrojového kódu Github, což rozhodně není pro začátečníky. Bylo to tak frustrující, dokud jsem nenašel StaticPress2019 a můžu se znovu usmívat.

Jak vytvořit statický web s WordPress

Pro určitý kontext pracuji s následujícím vzorovým webem, který je jedním z hotových ukázek, které přicházejí s tématem Total WordPress:

Statické webové stránky s WordPress

Ukázkový web WordPress funguje na: design.vistamedia.xyz.

Vytvoříme statický web, který budeme hostovat na jiné subdoméně (tj. static.vistamedia.xyz), který aktuálně vypadá takto:

Nebojte se; je to jen prázdný adresář na mém serveru bez jakýchkoli souborů webových stránek. Tam uložíme statickou verzi našeho webu WordPress.

N / B: Subdomény používám pouze pro ilustrační účely. Můžete použít jakoukoli jinou doménu nebo adresu URL, kterou chcete.

Ale než budeme pokračovat, je zde několik věcí, které je třeba mít na paměti. Pro začátek, toto řešení není pro všechny weby WordPress.

Je to skvělé pro jednoduché webové stránky, jako jsou:

  • Online brožury, které nepotřebují složité funkce
  • Základní portfolia
  • Čistě informační weby
  • Stránky a vstupní stránky již brzy
  • Stránky, které jsou náchylné k útokům, např. politické stránky a stránky celebrit
  • Weby, které musí být opravdu rychlé

A to proto, že převod webu WordPress na statický web vyřadí funkce na straně serveru, jako například:

  • pluginy pro e-commerce
  • Většina posuvných pluginů
  • Výchozí formuláře komentářů WordPress
  • Kontaktní formuláře na straně serveru
  • Všechny pluginy, které používají formulář pro odeslání
  • Zásuvné moduly pro události
  • Pluginy pro členství
  • Widgety typu „Nejpopulárnější příspěvky“.
  • RSS kanály
  • A jakýkoli jiný plugin, který ke svému fungování potřebuje server

Web elektronického obchodu běžící na WooCommerce utrpí, když jej převedete na statický web, protože WooCommerce vytváří dynamické stránky, které vyžadují PHP a funkce na straně serveru.

Existuje však mnoho řešení, jak získat funkci, kterou potřebujete. Můžete například použít Disqus pro komentáře, Algolia pro vyhledávání a Snipcart pro elektronický obchod. Existují zástupná řešení pro další funkce, ale musíte se zeptat, zda to stojí za čas a úsilí.

To znamená... pojďme se podívat, co plugin StaticPress2019 umí.

Jak vytvořit statický web pomocí pluginu StaticPress2019

StaticPress2019 je k dispozici v úložišti pluginů WordPress, což znamená, že jej můžeme nainstalovat do řídicího panelu správce WordPress.

Přihlaste se ke svému administrátorovi WordPress a přejděte na Pluginy> Přidat nové:

vytvoření statické webové stránky pomocí wordpressu

Dále zadejte StaticPress do pole pro vyhledávání klíčových slov, a jakmile najdete plugin, klikněte Instalovat nyní:

vytvoření statické webové stránky pomocí wordpressu

Potom, Aktivovat plugin. Zatím to jde dobře, jde ti to dobře.

Dále klepněte na tlačítko Možnosti StaticPress2019 v nabídce administrátora WordPress, jak zdůrazňujeme níže.

Dále zadejte adresu URL a kořen dokumentu vašeho statického webu a klikněte na Uložit změny .

vytvoření statické webové stránky pomocí wordpressu

V mém případě používám static.vistamedia.xyz a  /home/vistxxxx/static.vistamedia.xyz, resp. Použijte hodnoty platné pro váš případ.

Dále klepněte na tlačítko StaticPress 2019:

Na další stránce klikněte na Obnovit tlačítko, jak je znázorněno na následujícím obrázku.

Počkejte, než proces proběhne. V závislosti na velikosti vašeho webu to může chvíli trvat.

Jakmile proces skončí, můžete bublaninu vyndat, protože to je vše 🙂

Ale počkej. Nezapomeňte svůj statický web důkladně otestovat! Svůj nový statický web si můžete prohlédnout ve front-endu.

Zde je náš konečný výsledek static.vistamedia.xyz, který dříve vypadal takto...

... teď vypadá:

Statický web s výsledkem WordPress

Rozdíl nepoznáš. Mysli na to; je to mnohem rychlejší než verze WordPress na stejném hostingovém balíčku 🙂 A je tam všechno, včetně fotek a blogových příspěvků, responzivního designu a tak dále.

Plugin StaticPress2019 je skvělý pro vytváření statických webů z nových i starých webů WordPress.

Měj na paměti: Pokud aktualizujete svůj web WordPress, musíte přejít na StaticPress 2019 a klepněte na tlačítko Obnovit tlačítko, jako jsme to udělali před několika sekundami. Pokud tak učiníte, posunou se změny do statické verze vašeho webu 🙂

Pokud vytváříte nový web WordPress, který byste chtěli později převést na statický web, můžete zvážit použití placených služeb, jako je Strattic nebo HardyPress. Tyto služby nabízejí statické webové stránky a vestavěná řešení pro komentáře a vyhledávací formuláře za měsíční poplatek.

Jak jsme řekli dříve, při použití pluginu, jako je StaticPress2019, vždy existují řešení pro tyto funkce. To znamená, že nemusíte platit za vytvoření statické verze vašeho webu WordPress, zvláště když je to tak jednoduché.

Závěrečná slova

Vytváření statického webu pomocí WordPress má své klady i zápory. Můžete si užívat vyšší rychlosti načítání stránky, lepší zabezpečení, méně úkolů správy a máte k dispozici více možností hostování.

Současně nejsou statické weby ideální pro všechny weby WordPress, jako jsou weby elektronického obchodu, které se silně spoléhají na WooCommerce.

A to proto, že funkce na straně serveru je vymazána, když převedete web WordPress na statický web. Věci jako kontaktní formuláře, objednávkové formuláře, komentáře a košíky nebudou fungovat.

I když existují řešení, jak získat potřebnou funkcionalitu, vždy je důležité zvážit, zda skutečně potřebujete statický web. Je to snadné vytvořit, jistě, ale jste na tom lépe s webem WordPress běžícím například na hvězdném hostingu?

Proč nevyzkoušet StaticPress2019 a dát nám vědět, co si myslíte v sekci komentářů? Veselé tvoření a zůstaňte v bezpečí!

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru