Kaip priglobti statinį WordPress Svetainė nemokama („GitHub“ puslapiuose, „Vercel“, „Netlify“)

WordPress yra galinga ir populiari turinio valdymo sistema, tačiau talpinanti dinamišką WordPress svetainė gali būti brangi ir reikalauja nuolatinės priežiūros. Daugeliui paprastų svetainių ar tinklaraščių statinė a WordPress svetainė gali būti puiki alternatyva. Statinės svetainės yra greitesnės, saugesnės ir gali būti nemokamai talpinamos tokiose platformose kaip „GitHub Pages“, „Netlify“ ar „Vercel“.

Šiame vadove apžvelgsiu statinės versijos kūrimo procesą WordPress svetainę ir jos talpinimą nemokamai. Šis metodas puikiai tinka pradedantiesiems, kurie nori išnaudoti patogumą WordPress sąsaja, skirta turinio kūrimui mėgaujantis statinės svetainės privalumais.

Jums reikalingi įrankiai

Prieš pasinerdami į procesą, įsitikinkime, kad turite visus reikiamus įrankius. Štai sąrašas visko, ko jums prireiks statinei prieglobai WordPress svetainė nemokamai:

Prieš tęsdami mokymo programą, įsitikinkite, kad įdiegėte šiuos įrankius ir nustatėte paskyras. Jei viskas bus paruošta, procesas bus sklandus ir paprastas.

1 veiksmas: sukurkite savo WordPress Svetainė „LocalWP“.

Prieš pradėdami, turėsite turėti savo WordPress svetainė paruošta. Jei dar nesukūrėte savo svetainės arba ji šiuo metu yra priglobta kitur, rekomenduoju naudoti LocalWP (anksčiau Local by Flywheel), kad sukurtumėte ir išbandytumėte savo svetainę vietoje.

1. Atsisiųskite ir įdiekite LocalWP nemokamai iš localwp.com.
2. Sukurkite naują WordPress Svetainėje LocalWP.
3. Sukurkite savo svetainę, įtraukite turinį ir įdiekite reikiamus papildinius.
4. Įsitikinkite, kad jūsų svetainė atrodo ir veikia tiksliai taip, kaip norite, esant statinei formai.

Statinių svetainės apribojimų supratimas

Nors statiškas WordPress svetainėse siūlomi pranašumai, pvz., didesnis greitis, saugumas ir nemokamos prieglobos galimybės, svarbu žinoti jų apribojimus. Kai kurios dinaminės savybės WordPress neveiks statinėje aplinkoje:

1. WordPress Formos: Tradicinis WordPress formos, kurios priklauso nuo serverio apdorojimo, neveiks. Tai apima kontaktines formas, prenumeratos formas ir kitas interaktyvias formas.
2. WordPress komentarai: dinaminės komentarų sistemos, leidžiančios naudotojams sąveikauti realiuoju laiku, nepalaikomos statinėse svetainėse.
3. Administratoriaus srities prieiga: bet kokios nuorodos į /wp-admin ar panašus vidinis WordPress maršrutai neveiks, nes juos reikia apdoroti serverio pusėje.
4. Turinio atnaujinimai realiuoju laiku: priešingai nei dinamines, statines svetaines reikia atkurti ir perskirstyti, kad būtų rodomi bet kokie turinio pakeitimai WordPress svetaines, kuriose pokyčiai vyksta nedelsiant.
5. Vartotojo autentifikavimas: Funkcijos, kurioms reikia naudotojo prisijungimo arba narysčių, nepalaikomos naudojant pagrindinę statinę svetainės sąranką.
6. Elektroninės prekybos funkcionalumas: dinaminiai pirkinių krepšeliai ir mokėjimų apdorojimas paprastai neveiks statinėje aplinkoje.
7. Paieškos funkcionalumas: WordPressIntegruota paieškos funkcija neveiks, nors gali būti įdiegtos alternatyvos (kaip minėta „Simply Static Pro“ funkcijose).
8. Dinaminės šoninės juostos ir valdikliai: Valdikliai, kurie renka duomenis realiuoju laiku arba reikalauja apdorojimo serverio pusėje, neveiks taip, kaip tikėtasi.

Galimi sprendimai

Nors šie apribojimai egzistuoja, yra būdų, kaip kai kuriuos iš jų sumažinti:

• Formoms galite naudoti trečiųjų šalių paslaugas, pvz., „Formspree“ arba „Netlify Forms“.
• Komentarai gali būti tvarkomi naudojant tokias paslaugas kaip „Disqus“ arba „Facebook Comments“.
• Paieškos funkcijos gali būti įdiegtos naudojant kliento sprendimus, tokius kaip Lunr.js arba Algolia (kaip siūloma Simply Static Pro).
• El. prekybai apsvarstykite galimybę naudoti išorines paslaugas, pvz., „Snipcart“ ar „Gumroad“.

Kurdami savo WordPress svetainę, nepamirškite šių apribojimų ir atitinkamai planuokite savo svetainės struktūrą bei funkcijas. Sutelkite dėmesį į turiniu pagrįstus puslapius ir sumažinkite pasitikėjimą dinamiškomis funkcijomis, kurios nebus paverstos statine aplinka.

2 veiksmas: įdiekite ir konfigūruokite tiesiog statinį

Simply Static yra nemokama WordPress prijungti kuri sukuria statinę jūsų versiją WordPress svetainę. Štai kaip jį nustatyti:

1. Jūsų atveju WordPress prietaisų skydelyje, eikite į Papildiniai > Pridėti naują.
2. Ieškokite „Simply Static“, įdiekite papildinį ir suaktyvinkite papildinį.
3. Eikite į Simply Static > Settings savo WordPress prietaisų skydelis.
4. Skirtuke „Bendra“ nustatykite šiuos parametrus:
   • Paskirties URL: pasirinkite „Išsaugoti naudoti neprisijungus“. Jei jau turite tinkintą domeną, pasirinkite „Absoliutūs URL“, kaip parodyta toliau pateiktoje ekrano kopijoje:

5. Vietinis katalogas: nustatykite jį į katalogą, esantį už jūsų ribų WordPress montavimas, pvz. /Users/yourusername/Documents/StaticSite

6. Skirtuke „Įtraukti / neįtraukti“ įsitikinkite, kad įtraukti visi reikalingi URL.
   • Daugeliu atvejų naudokite /wp-content/ ir /wp-includes/

7. Išsaugokite nustatymus.

Taip pat yra SimplyStatic pro versija, Štai „Simply Static“ papildinio profesionalių funkcijų santrauka:

1. Išplėstinis diegimas:
   • Įdiekite statines svetaines keliose platformose, įskaitant „SimplyCDN“, „GitHub“, „Amazon AWS S3“, „Digital Ocean Spaces“ ir „BunnyCDN“.
2. Lengvas svetainės atnaujinimas:
   • Efektyviai tvarkykite turinio atnaujinimus, nesvarbu, ar tai pavieniai įrašai, ar masiniai atnaujinimai, ar konkrečių URL.
3. Formų ir komentarų integravimas:
   • Sklandžiai integruokite formas iš populiarių įskiepių, tokių kaip Contact Form 7, Gravity Forms ir Elementor Forms į savo statinę svetainę.
4. Paieškos funkcionalumas:
   • Įdiekite pagrindinę paiešką naudodami Fuse.js arba atnaujinkite į išsamesnę paieškos patirtį naudodami Algolia.
5. WP-CLI palaikymas:
   • Naudokite WP-CLI norėdami konfigūruoti, eksportuoti ir valdyti Simply Static funkcijas tiesiai iš komandinės eilutės.
6. Daugiakalbis palaikymas:
   • Siūlykite turinį keliomis kalbomis su WPML, Polylang ir TranslatePress integracijomis.
7. Sumažinimas:
   • Optimizuokite svetainės našumą sumažindami CSS, JavaScript ir statinius HTML failus.
8. WordPress Paslėpimas:
   • Pakeisti numatytąjį WordPress kelių, kaip paslėpti faktą, kad WordPress yra naudojama kaip turinio valdymo sistema.

Šios profesionalios savybės žymiai padidina statinio funkcionalumą ir lankstumą WordPress svetaines, leidžiančias išplėsti diegimą, geresnį našumą ir geresnę vartotojo patirtį.

3 veiksmas: inicijuokite „Git“ saugyklą

Dabar, kai nustatėme statinį svetainės generatorių, paruošime vietinį katalogą versijų valdymui:

1. Atidarykite terminalą arba komandų eilutę.
2. Eikite į katalogą, kurį nurodėte Simply Static (pvz., cd /Users/yourusername/Documents/StaticSite).
3. Inicijuokite naują Git saugyklą paleisdami:

   git init

4 veiksmas: sukurkite „GitHub“ saugyklą

Savo saugyklai kurti ir tvarkyti naudosime „GitHub Desktop“:

1. Atsisiųskite ir įdiekite „GitHub Desktop“ iš desktop.github.com jei dar nesate.
2. Atidarykite „GitHub Desktop“ ir prisijunkite prie „GitHub“ paskyros.
3. Spustelėkite „Failas“ > „Nauja saugykla“ arba naudokite mygtuką „Sukurti naują saugyklą standžiajame diske“.
4. Nustatykite:
   • Pavadinimas: pasirinkite saugyklos pavadinimą (pvz., „my-static-wordpress“)
   • Vietinis kelias: nustatykite jį į tą patį katalogą, kurį nurodėte Simply Static
   • Inicijuoti šią saugyklą su README: palikite nepažymėtą
   • Git ignoruoti: pasirinkite „Nėra“ (3 veiksme sukūrėme savo)
   • Licencija: pasirinkite tinkamą licenciją arba palikite „Nėra“
5. Spustelėkite „Sukurti saugyklą“

5 veiksmas: patvirtinkite saugyklą

Dabar, kai turime savo saugyklą, atlikime pirmąjį įsipareigojimą:

1. „GitHub Desktop“ turėtumėte matyti visus statinės svetainės failus, išvardytus kaip pakeitimus.
2. Įveskite savo įsipareigojimo santrauką (pvz., „Pradinis statinių svetainės failų patvirtinimas“).
3. Spustelėkite „Įsipareigoti pagrindiniam“ (arba „Įsipareigoti pagrindiniam“ senesnėse versijose).
4. Spustelėkite „Paskelbti saugyklą“, kad perkeltumėte vietinę saugyklą į „GitHub“.

6 veiksmas: paleiskite tiesiog statinį eksportavimą

Dabar atėjo laikas sukurti mūsų statinę svetainę:

1. Grįžti atgal į savo WordPress prietaisų skydelis.
2. Eikite į Tiesiog statinis > Generuoti. (Galite nepaisyti Diagnostikos klaidos įspėjimo, nes diegiate tik vietiniame kataloge).
3. Spustelėkite „Generuoti statinius failus“.
4. Palaukite, kol procesas bus baigtas. Tai gali užtrukti kelias minutes, atsižvelgiant į jūsų svetainės dydį.
5. Baigę grįžkite į „GitHub Desktop“.
6. Turėtumėte matyti naujai sugeneruotus arba atnaujintus failus kaip pakeitimus.
7. Atlikite šiuos pakeitimus naudodami pranešimą, pvz., „Atnaujinti statinius svetainės failus“.
8. Perkelkite pakeitimus į „GitHub“ spustelėdami „Push origin“.

7 veiksmas: prijunkite saugyklą prie prieglobos platformos

Dabar, kai mūsų statinė svetainė yra „GitHub“, galime lengvai prijungti ją prie nemokamos prieglobos platformos. Pateiksiu instrukcijas „GitHub puslapiams“, „Netlify“ ir „Vercel“:

„GitHub“ puslapiai

1. Eikite į savo saugyklą GitHub.com.
2. Kairėje šoninėje juostoje spustelėkite „Nustatymai“ > „Puslapiai“.
3. Skiltyje „Šaltinis“ pasirinkite „Įdiegti iš filialo“.
4. Pasirinkite filialą, kurį norite įdiegti (dažniausiai „pagrindinį“ arba „pagrindinį“).
5. Pasirinkite šakninį aplanką (/) ir spustelėkite „Išsaugoti“.
6. Jūsų svetainė bus tiesiogiai prieinama https://yourusername.github.io/repository-name/.

„Netlify“

1. Prisiregistruokite gauti nemokamą paskyrą netlify.com.
2. „Netlify“ prietaisų skydelyje spustelėkite „Nauja svetainė iš Git“.
3. Pasirinkite „GitHub“ kaip „Git“ teikėją ir įgalioti „Netlify“.
4. Iš sąrašo pasirinkite saugyklą.
5. Palikite komandą build ir paskelbkite katalogą tuščią.
6. Spustelėkite „Įdiegti svetainę“.
7. Jūsų svetainė veiks „Netlify“ padomenyje, kurį galėsite tinkinti svetainės nustatymuose.

Vercelis

1. Prisiregistruokite gauti nemokamą paskyrą vercel.com.
2. Vercel prietaisų skydelyje spustelėkite „Naujas projektas“.
3. Importuokite savo „GitHub“ saugyklą.
4. Palikite kūrimo nustatymus tokius, kokie jie yra (Vercel turėtų automatiškai aptikti, kad tai yra statinė svetainė).
5. Spustelėkite „Įdiegti“.
6. Jūsų svetainė veiks Vercel padomenyje, kurį galėsite tinkinti projekto nustatymuose.

Santrauka

Sveikiname! Dabar turite statinę savo versiją WordPress priglobta svetainė nemokamai. Nepamirškite atkurti ir perkelti statinių failų kiekvieną kartą, kai atliekate pakeitimus WordPress svetainę. Ši darbo eiga leidžia mėgautis lengvumu WordPress turinio kūrimui, tuo pačiu pasinaudojant sparta, saugumu ir nemokamu statinės svetainės priegloba.

Keletas papildomų patarimų:

• Apsvarstykite galimybę nustatyti tinkintą domeną, kad išvaizda būtų profesionalesnė.
• Reguliariai atnaujinkite savo WordPress diegimą ir papildinius, kad užtikrintumėte, jog dirbate su naujausiomis funkcijomis ir saugos naujinimais.
• Naršykite išplėstines funkcijas Simply Static Pro versija, kaip slepiasi WordPress ir statinės svetainės formų ar paieškos funkcijų nustatymas.