Statikus fogadás WordPress Ingyenes webhely (a GitHub oldalakon, a Vercelen, a Netlifyon)

WordPress egy erőteljes és népszerű tartalomkezelő rendszer, de dinamikus WordPress a webhely költséges lehet, és folyamatos karbantartást igényel. Számos egyszerű webhely vagy blog esetén a statikus változata a WordPress az oldal kiváló alternatíva lehet. A statikus webhelyek gyorsabbak, biztonságosabbak, és ingyenesen tárolhatók olyan platformokon, mint a GitHub Pages, a Netlify vagy a Vercel.

Ebben az oktatóanyagban az Ön statikus verziójának létrehozásának folyamatát mutatom be WordPress webhelyet és ingyenes tárolást. Ez a megközelítés tökéletes azoknak a kezdőknek, akik szeretnék kihasználni a felhasználóbarát megoldást WordPress felület a tartalom létrehozásához, miközben élvezi a statikus webhely előnyeit.

Szükséges eszközök

Mielőtt belevágna a folyamatba, győződjön meg arról, hogy rendelkezik minden szükséges eszközzel. Itt van egy lista mindenről, amire szüksége lesz a statikus tároláshoz WordPress ingyenes oldal:

Mielőtt folytatná az oktatóanyagot, győződjön meg arról, hogy telepítette ezeket az eszközöket, és beállította a fiókokat. Ha minden készen van, a folyamat zökkenőmentes és egyszerű lesz.

1. lépés: Fejlessze saját WordPress Webhely a LocalWP-n

Mielőtt elkezdenénk, rendelkeznie kell a sajátjával WordPress az oldal készen áll. Ha még nem hozta létre webhelyét, vagy ha jelenleg máshol van tárolva, azt javaslom, hogy használja a LocalWP-t (korábban Local by Flywheel) a webhely helyi fejlesztéséhez és teszteléséhez.

1. Töltse le és telepítse ingyenesen a LocalWP-t innen localwp.com.
2. Újat csinálni WordPress webhely a LocalWP-ben.
3. Tervezze meg webhelyét, adjon hozzá tartalmat, és telepítse a szükséges bővítményeket.
4. Győződjön meg arról, hogy webhelye statikus formájában pontosan úgy néz ki és működik, ahogy szeretné.

A statikus webhelykorlátozások megértése

Amíg statikus WordPress A webhelyek olyan előnyöket kínálnak, mint a nagyobb sebesség, biztonság és ingyenes tárhelyszolgáltatások, ezért fontos tisztában lenni korlátaikkal. Néhány dinamikus jellemzője WordPress nem működik statikus környezetben:

1. WordPress Űrlapok: Hagyományos WordPress A szerveroldali feldolgozásra támaszkodó űrlapok nem működnek. Ide tartoznak a kapcsolatfelvételi űrlapok, előfizetési űrlapok és egyéb interaktív űrlapok.
2. WordPress Hozzászólások: A valós idejű felhasználói interakciót lehetővé tevő dinamikus megjegyzésrendszerek nem támogatottak statikus webhelyeken.
3. Rendszergazdai terület hozzáférés: Bármilyen link a /wp-admin vagy hasonló belső WordPress Az útvonalak nem működnek, mivel ezek szerveroldali feldolgozást igényelnek.
4. Valós idejű tartalomfrissítések: A statikus webhelyek újratelepítést és újratelepítést igényelnek a tartalmi változások megjelenéséhez, ellentétben a dinamikus webhelyekkel WordPress oldalak, ahol a változások azonnaliak.
5. Felhasználó hitelesítés: A felhasználói bejelentkezést vagy tagságot igénylő funkciók nem támogatottak az alapvető statikus webhelybeállításoknál.
6. E-kereskedelmi funkciók: A dinamikus bevásárlókosarak és a fizetések feldolgozása általában nem működik statikus környezetben.
7. Keresési funkció: WordPressA beépített keresési funkció nem fog működni, bár alternatívák is megvalósíthatók (a Simply Static Pro szolgáltatásaiban említettek szerint).
8. Dinamikus oldalsávok és widgetek: A valós idejű adatokat gyűjtő vagy szerveroldali feldolgozást igénylő widgetek nem működnek a várt módon.

Lehetséges megoldások

Bár ezek a korlátozások léteznek, vannak módok némelyikük enyhítésére:

• Űrlapokhoz használhat harmadik féltől származó szolgáltatásokat, például a Formspree-t vagy a Netlify Forms-t.
• A megjegyzések olyan szolgáltatásokon keresztül kezelhetők, mint a Disqus vagy a Facebook Comments.
• A keresési funkciók olyan kliensoldali megoldásokkal valósíthatók meg, mint a Lunr.js vagy az Algolia (ahogyan a Simply Static Pro kínálja).
• Az e-kereskedelemhez fontolja meg külső szolgáltatások, például a Snipcar vagy a Gumroad használatát.

Amikor fejleszti a WordPress tartsa szem előtt ezeket a korlátozásokat, és ennek megfelelően tervezze meg webhelye szerkezetét és szolgáltatásait. Összpontosítson a tartalomvezérelt oldalakra, és minimalizálja a dinamikus funkciókra való támaszkodást, amelyek nem alakíthatók statikus környezetté.

2. lépés: Egyszerűen statikus telepítés és konfigurálás

A Simply Static egy ingyenes WordPress csatlakoztat amely létrehozza az Ön statikus verzióját WordPress telek. A következőképpen állíthatja be:

1. A WordPress az irányítópulton lépjen a Bővítmények > Új hozzáadása lehetőségre.
2. Keresse meg a „Simply Static” kifejezést, telepítse a bővítményt, és aktiválja a bővítményt.
3. Nyissa meg a Egyszerűen statikus > Beállítások menüpontot WordPress műszerfal.
4. Az „Általános” lapon állítsa be a következőket:
   • Cél URL-ek: Válassza a „Mentés offline használatra” lehetőséget. Ha már rendelkezik egyéni domainnel, válassza az „Abszolút URL-ek” lehetőséget az alábbi képernyőkép szerint:

5. Helyi címtár: Állítsa be ezt a könyvtáron kívüli könyvtárra WordPress telepítés, pl. /Users/yourusername/Documents/StaticSite

6. A „Felvétel/Kizárás” lapon győződjön meg arról, hogy minden szükséges URL szerepel.
   • A legtöbb esetben használja a /wp-content/ és a /wp-includes/

7. Mentse a beállításokat.

Van is egy A SimplyStatic pro verziója, Íme a Simply Static bővítmény profi funkcióinak összefoglalása:

1. Speciális telepítés:
   • Telepítsen statikus webhelyeket több platformon, beleértve a SimplyCDN-t, a GitHubot, az Amazon AWS S3-at, a Digital Ocean Spaces-t és a BunnyCDN-t.
2. Egyszerű webhelyfrissítések:
   • Hatékonyan kezelheti a tartalomfrissítéseket, legyen szó akár egyetlen bejegyzésről, akár tömeges frissítésről, akár meghatározott URL-ekről.
3. Űrlapok és megjegyzések integrációja:
   • Zökkenőmentesen integrálja a népszerű bővítmények űrlapjait, például a Contact Form 7, a Gravity Forms és az Elementor Forms űrlapjait statikus webhelyére.
4. Keresési funkciók:
   • Végezze el az alapvető keresést a Fuse.js használatával, vagy frissítsen átfogóbb keresési élményre az Algoliával.
5. WP-CLI támogatás:
   • Használja a WP-CLI-t a Simply Static szolgáltatások konfigurálásához, exportálásához és kezeléséhez közvetlenül a parancssorból.
6. Többnyelvű támogatás:
   • Kínáljon tartalmat több nyelven a WPML, a Polylang és a TranslatePress integrációjával.
7. minification:
   • Optimalizálja a webhely teljesítményét a CSS-, JavaScript- és statikus HTML-fájlok csökkentésével.
8. WordPress Eltitkolás:
   • Cserélje le az alapértelmezett WordPress utak elrejteni azt a tényt WordPress tartalomkezelő rendszerként használatos.

Ezek a profi funkciók jelentősen növelik a statikus funkcionalitást és rugalmasságot WordPress helyek, amelyek fejlettebb telepítéseket, jobb teljesítményt és jobb felhasználói élményt tesznek lehetővé.

3. lépés: Inicializálja a Git Repository-t

Most, hogy beállítottuk a statikus webhelygenerátorunkat, készítsük fel a helyi könyvtárunkat a verziókezeléshez:

1. Nyisson meg egy terminált vagy parancssort.
2. Keresse meg a Simply Static-ban megadott könyvtárat (pl. cd /Users/yourusername/Documents/StaticSite).
3. Inicializáljon egy új Git-tárat a következő futtatásával:

 git init

4. lépés: Hozzon létre egy GitHub-tárat

A GitHub Desktopot használjuk a tárhely létrehozásához és kezeléséhez:

1. Töltse le és telepítse a GitHub Desktopot innen desktop.github.com ha még nem tette.
2. Nyissa meg a GitHub Desktopot, és jelentkezzen be GitHub-fiókjába.
3. Kattintson a „Fájl” > „Új tárhely” elemre, vagy használja az „Új tároló létrehozása a merevlemezen” gombot.
4. Állítsa be a következőket:
   • Név: Válasszon nevet a tárhelynek (pl. „my-static-wordpress”)
   • Helyi elérési út: állítsa be ugyanarra a könyvtárra, amelyet a Simply Static-ban megadott
   • Inicializálja ezt a tárolót README-val: Hagyja bejelöletlenül
   • Git ignore: Válassza a „Nincs” lehetőséget (a 3. lépésben létrehoztuk a sajátunkat)
   • Licenc: Válassza ki a megfelelő licencet, vagy hagyja „Nincs”-ként
5. Kattintson a „Leraktár létrehozása” gombra

5. lépés: Végezze el az adattárat

Most, hogy beállítottuk a tárhelyünket, tegyük meg az első kötelezettségvállalásunkat:

1. A GitHub Desktopban a statikus webhelyen lévő összes fájlnak változásként kell megjelennie.
2. Adja meg a véglegesítés összegzését (pl. „Statikus webhelyfájlok kezdeti véglegesítése”).
3. Kattintson a „Commit to main” (vagy a „Commit to master” a régebbi verziókban) lehetőségre.
4. Kattintson a „Leraktár közzététele” elemre, hogy a helyi adattárat a GitHubba küldje.

6. lépés: Futtasson egy egyszerűen statikus exportálást

Most itt az ideje létrehozni statikus webhelyünket:

1. Menj vissza WordPress műszerfal.
2. Lépjen a Egyszerűen statikus > Létrehozás menüpontra. (A Diagnosztikai hiba riasztást figyelmen kívül hagyhatja, mivel csak egy helyi könyvtárba telepíti a rendszert).
3. Kattintson a „Statikus fájlok generálása” elemre.
4. Várja meg, amíg a folyamat befejeződik. Ez a webhely méretétől függően eltarthat néhány percig.
5. Ha elkészült, térjen vissza a GitHub Desktophoz.
6. Az újonnan generált vagy frissített fájlok változásként szerepelnek a listában.
7. Hagyja végre ezeket a változtatásokat egy „Statikus webhelyfájlok frissítése” üzenettel.
8. Nyomja meg a módosításokat a GitHubba a „Push origin” gombra kattintva.

7. lépés: Csatlakoztassa a tárhelyet egy tárhelyplatformhoz

Most, hogy statikus oldalunk a GitHubon van, könnyen csatlakoztathatjuk egy ingyenes tárhelyplatformhoz. Útmutatást adok a GitHub oldalakhoz, a Netlifyhoz és a Vercelhez:

GitHub oldalak

1. Nyissa meg a GitHub.com tárhelyét.
2. Kattintson a „Beállítások” > „Oldalak” elemre a bal oldalsávon.
3. A „Forrás” részben válassza a „telepítési fiókból” lehetőséget.
4. Válassza ki a telepíteni kívánt ágat (általában „fő” vagy „fő”).
5. Válassza ki a gyökérmappát (/), majd kattintson a „Mentés” gombra.
6. Webhelye a következő helyen lesz elérhető: https://yourusername.github.io/repository-name/.

netlify

1. Iratkozzon fel ingyenes fiókra a következő címen: netlify.com.
2. Kattintson az „Új webhely a Gittől” elemre a Netlify irányítópultján.
3. Válassza ki a GitHubot Git-szolgáltatóként, és engedélyezze a Netlify-t.
4. Válassza ki a tárhelyet a listából.
5. Hagyja üresen a build parancsot és a közzétételi könyvtárat.
6. Kattintson a „Webhely telepítése” elemre.
7. Webhelye egy Netlify aldomainben fog működni, amelyet személyre szabhat a webhely beállításaiban.

vercel

1. Iratkozzon fel ingyenes fiókra a következő címen: vercel.com.
2. Kattintson az „Új projekt” elemre a Vercel irányítópulton.
3. Importálja a GitHub adattárat.
4. Hagyja az összeállítási beállításokat úgy, ahogy vannak (a Vercelnek automatikusan észlelnie kell, hogy statikus webhelyről van szó).
5. Kattintson a „Deploy” gombra.
6. Webhelye egy Vercel aldomainben fog működni, amelyet testreszabhat a projektbeállításokban.

Összegzésként

Gratulálok! Most megvan a saját statikus verziója WordPress webhely tárolt ingyen. Ne felejtse el újragenerálni és leküldeni statikus fájljait, amikor módosítja azokat WordPress telek. Ez a munkafolyamat lehetővé teszi, hogy élvezze a könnyedséget WordPress tartalom létrehozásához, miközben élvezheti a statikus webhelyek sebességét, biztonságát és ingyenes tárhelyét.

Néhány további tipp:

• Fontolja meg egyéni domain beállítását a professzionálisabb megjelenés érdekében.
• Rendszeresen frissítse a WordPress telepítést és beépülő modulokat, hogy a legújabb funkciókkal és biztonsági frissítésekkel dolgozzon.
• Fedezze fel a A Simply Static Pro verziója, mint a bujkálás WordPress és űrlapok vagy keresési funkciók beállítása statikus webhelyéhez.