Deploy Your WordPress Site to Cloudflare Pages: A Step-by-Step Guide

Ebben a tutorialban olyan ingyenes eszközökkel, szolgáltatásokkal és módszerekkel fogunk megismerkedni, amelyek lehetővé teszik azt, hogy egy wordpressel létrehozott weboldalt néhány lépéssel publikáljunk egy szupergyors, biztonságos és ingyenes hosting helyre, amit a google is imádni fog. Arról is szót ejtünk, hogy mindezért cserében milyen dinamikus funkciókról kell lemondanunk – de ne aggódj, ezekre is mutatunk megoldás!

A tutorialban néhány dolgot alapnak fogunk tekinteni, ezért nem fogunk külön kitérni arra, hogy hogyan telepíts magadnak lokális wordpresst vagy regisztrálj github és cloudflare accountot. Mielőtt nekilátsz a tutorial lépéseinek, tedd meg előbb ezeket:

• Ha még nincs Cloudflare accountod, akkor regisztrálj egyet
• Járj el ugyanígy a Github esetében is
• Pattints fel magadnak egy wordpresst. Használhatod például a localwp.com-ról letölthető népszerű megoldást Windowsra, Mac-re vagy Linuxra. Összerakhatsz magadnak egy LAMP (Linux-Apache-MySql-PHP) stack-et raspberry pi-n, de választhatsz egy ingyenes webhosting tier is, ezeket itt találod.
• (Opcionális) Ha a saját domainen szeretnéd a weboldalad futtatni, akkor szükséged lesz egy domain névre. Ha nincs még meg a domained, akkor vásárolj egyet például a Namecheap-nél.

A magasszintű folyamat áttekintése

Mielőtt végig megyünk a lépéseken, nézzük át a nagyképet, hogy mi fog történni. Weboldalunkat a Cloudflare Pages-en fogjuk elhelyezni és az interneten elérhetővé tenni. Ez a szolgáltatás ingyenes, de csak statikus tárhelyet kínál. Ebből adódóan egy klasszikus webtárhelytől eltérően nincs lehetőségünk rajta dinamikus, például PHP nyelven írt weboldalakat futtatni, ezért nem lehetséges oda a WordPresst feltelepíteni, amihez szüksége van webszerverre, PHP futtatási lehetőségre és MySql adatbázisra. Mit lehet akkor ide felölteni? Statikus tartalmakat, például HTML, CSS, Javascript, kép stb fájlokat.

Tehát a lokális WordPress weboldalunkon fogjuk a tartalmakat, cikkeket, blogbejegyzéseket elkészíteni, majd ezeket a tartalmakat statikus resource-okká alakítjuk, végül egy automatizmussal a github segítségével eljuttatjuk a Cloudflare Pages-be, ahol a látogatók villámgyorsan és biztonságosan elérik majd, és ez neked pontosan nulla költségbe fog kerülni.

Mi szükség a Githubra, mint köztes lépésre?
A Cloudflare pages tárhelyre kétféle képpen tölthetsz fel tartalmat. Kézzel feltölthetsz zip fájt vagy integrálhatod a Cloudflare és Github accountodat, ez utóbbi esetben a github-ra pusholás után a tartalom automatikusan átkerül a Pages-re és megtörténik a deploy is.

WordPressből statikus tartalmak generálása

Arról a pontról indulunk, hogy van egy telepített wordpress példányunk, elvégeztünk rajta minden beállítást, megírtuk a tartalmakat és szeretnénk az internetre publikálni.

Ebben lesz segítségünkre a simply static ingyenes plugin, amelyet telepítsünk a wordpress adminisztrációs felületének Plugins menüpontjában.

A simply static egy nagyszerű plugin aminek mi a “zero cost” szellemiségében az ingyenes verzióját fogjuk használni. A fizetős verzióban számos hasznos feature található, sőt egyenesen Github-ra is fel tudja tölteni a tartalmat, ahonnan automatikusan át is kerülhetne a Cloudflare-re. De mi most az ingyenes megoldásokat keressük, szóval lássuk a workaroundokat. Ha nincs hackelés, nincs sikerélmény 🙂

Állítsunk be néhány paramétert a Simply Static plugin beállításaiban.

Válasszuk a Local Directory lehetőséget a Deployment Method választómezőben, majd jelöljünk meg egy mappát a Path mezőben ahová a statikus tartalmak fognak kerülni. Jelöljük be a Clear Local Directory chekboxot, biztosítva ezzel azt, hogy új generálás esetén tiszta lappal induljunk, ne maradjon szemét az előző generálásból.

, ne maradjó Clear Alma abera kabra babra

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.