Kuidas majutada staatilist WordPress Sait tasuta (GitHubi lehtedel, Vercelil, Netlifyl)

WordPress on võimas ja populaarne sisuhaldussüsteem, kuid majutab dünaamilist WordPress sait võib olla kulukas ja vajada pidevat hooldust. Paljude lihtsate veebisaitide või ajaveebi jaoks on staatiline versioon a WordPress sait võib olla suurepärane alternatiiv. Staatilised saidid on kiiremad, turvalisemad ja neid saab tasuta majutada sellistel platvormidel nagu GitHub Pages, Netlify või Vercel.

Selles õpetuses kirjeldan teie staatilise versiooni loomise protsessi WordPress sait ja selle tasuta hostimine. See lähenemisviis sobib suurepäraselt algajatele, kes soovivad kasutada kasutajasõbralikkust WordPress liides sisu loomiseks, nautides samal ajal staatilise saidi eeliseid.

Vajalikud tööriistad

Enne protsessi sukeldumist veenduge, et teil on kõik vajalikud tööriistad. Siin on nimekiri kõigest, mida vajate oma staatika hostimiseks WordPress sait tasuta:

Enne õpetuse jätkamist veenduge, et need tööriistad on installitud ja kontod seadistatud. Kui kõik on valmis, muutub protsess sujuvaks ja arusaadavaks.

1. samm: arendage oma WordPress Sait LocalWP-s

Enne kui alustame, peab teil olema oma WordPress sait valmis. Kui te pole veel oma saiti loonud või kui seda praegu mujal majutatakse, soovitan saidi kohalikuks arendamiseks ja testimiseks kasutada LocalWP-d (endine Local by Flywheel).

1. Laadige alla ja installige LocalWP tasuta aadressilt localwp.com.
2. Loo uus WordPress sait LocalWP-s.
3. Kujundage oma sait, lisage sisu ja installige vajalikud pistikprogrammid.
4. Veenduge, et teie sait näeks välja ja toimiks staatilisel kujul täpselt nii, nagu soovite.

Staatiliste saidipiirangute mõistmine

Kuigi staatiline WordPress saidid pakuvad eeliseid, nagu suurem kiirus, turvalisus ja tasuta hostimisvõimalused, on oluline olla teadlik nende piirangutest. Mõned dünaamilised omadused WordPress ei tööta staatilises keskkonnas:

1. WordPress Blanketid: Traditsiooniline WordPress vormid, mis põhinevad serveripoolsel töötlemisel, ei tööta. See hõlmab kontaktivorme, tellimisvorme ja muid interaktiivseid vorme.
2. WordPress Kommentaarid: dünaamilised kommentaarisüsteemid, mis võimaldavad kasutajate reaalajas suhtlemist, ei ole staatilistel saitidel toetatud.
3. Juurdepääs administraatorialale: kõik lingid aadressile /wp-admin või sarnane sisemine WordPress marsruudid ei tööta, kuna need nõuavad serveripoolset töötlemist.
4. Reaalajas sisu värskendused: staatilised saidid nõuavad sisu muudatuste ilmumiseks taastamist ja ümberpaigutamist, erinevalt dünaamilistest WordPress saidid, kus muutused on kohesed.
5. Kasutaja autentimine: funktsioone, mis nõuavad kasutajate sisselogimist või liikmelisust, ei toetata saidi staatilises põhiseadistuses.
6. E-kaubanduse funktsionaalsus: Dünaamilised ostukorvid ja maksete töötlemine ei tööta tavaliselt staatilises keskkonnas.
7. Otsingu funktsionaalsus: WordPresssisseehitatud otsingufunktsioon ei tööta, kuigi alternatiive saab rakendada (nagu mainitud Simply Static Pro funktsioonides).
8. Dünaamilised külgribad ja vidinad: Vidinad, mis tõmbavad reaalajas andmeid või nõuavad serveripoolset töötlemist, ei tööta ootuspäraselt.

Võimalikud lahendused

Kuigi need piirangud on olemas, on mõned viisid nende leevendamiseks:

• Vormide jaoks saate kasutada kolmanda osapoole teenuseid, nagu Formspree või Netlify Forms.
• Kommentaare saab käsitleda selliste teenuste kaudu nagu Disqus või Facebook Comments.
• Otsingufunktsioone saab rakendada kliendipoolsete lahendustega, nagu Lunr.js või Algolia (nagu Simply Static Pro pakub).
• E-kaubanduse jaoks kaaluge välisteenuste, nagu Snipcart või Gumroad, kasutamist.

Kui arendate oma WordPress saidil, pidage neid piiranguid meeles ning kavandage oma saidi struktuur ja funktsioonid vastavalt. Keskenduge sisupõhistele lehtedele ja vähendage dünaamiliste funktsioonide sõltuvust, mis ei muutu staatiliseks keskkonnaks.

2. samm: installige ja konfigureerige lihtsalt staatiline

Simply Static on tasuta WordPress plugin mis loob teie staatilise versiooni WordPress saidile. Selle seadistamiseks tehke järgmist.

1. Oma WordPress armatuurlaual valige Pluginad > Lisa uus.
2. Otsige üles "Simply Static", installige pistikprogramm ja aktiveerige pistikprogramm.
3. Avage oma jaotises Lihtsalt staatiline > Seaded WordPress armatuurlaud.
4. Vahekaardil „Üldine” määrake järgmised andmed.
   • Sihtkoha URL-id: valige „Salvesta võrguühenduseta kasutamiseks”. Kui teil on juba kohandatud domeen, valige „Absoluutsed URL-id“ vastavalt allolevale ekraanipildile.

5. Kohalik kataloog: määrake see kataloogiks väljaspool teie WordPress paigaldus, nt /Users/yourusername/Documents/StaticSite

6. Veenduge, et vahekaardil „Kaasa/Välista” oleksid kaasatud kõik vajalikud URL-id.
   • Enamikul juhtudel kasutage /wp-content/ ja /wp-includes/

7. Salvestage oma seaded.

Olemas on ka SimplyStaticu pro versioon, Siin on kokkuvõte pistikprogrammi Simply Static professionaalsetest funktsioonidest:

1. Täpsem juurutamine:
   • Juurutage staatilised saidid mitmele platvormile, sealhulgas SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces ja BunnyCDN.
2. Lihtne saidi värskendused:
   • Hallake sisuvärskendusi tõhusalt nii üksikute postituste, hulgivärskenduste kui ka konkreetsete URL-ide puhul.
3. Vormide ja kommentaaride integreerimine:
   • Integreerige oma staatilisele saidile sujuvalt vormid populaarsetest pistikprogrammidest, nagu Contact Form 7, Gravity Forms ja Elementor Forms.
4. Otsingufunktsioonid:
   • Rakendage põhiotsingut Fuse.js-i abil või minge üle Algoliaga terviklikumale otsingukogemusele.
5. WP-CLI tugi:
   • Kasutage WP-CLI-d, et konfigureerida, eksportida ja hallata Simply Static funktsioone otse käsurealt.
6. Mitmekeelne tugi:
   • Pakkuge sisu mitmes keeles, integreerides WPML-i, Polylangi ja TranslatePressi.
7. Minimeerimine:
   • Optimeerige saidi jõudlust, vähendades CSS-i, JavaScripti ja staatilisi HTML-faile.
8. WordPress Varjamine:
   • Asenda vaikimisi WordPress teed selle fakti varjamiseks WordPress kasutatakse sisuhaldussüsteemina.

Need professionaalsed funktsioonid suurendavad oluliselt staatilise funktsiooni funktsionaalsust ja paindlikkust WordPress saidid, mis võimaldavad täiustatud juurutusi, paremat jõudlust ja paremat kasutuskogemust.

3. samm: lähtestage Git Repository

Nüüd, kui meil on staatiline saidi generaator seadistatud, valmistame oma kohaliku kataloogi versioonikontrolliks ette:

1. Avage terminal või käsuviip.
2. Liikuge kataloogi, mille määrasite rakenduses Simply Static (nt cd /Users/yourusername/Documents/StaticSite).
3. Initsialiseerige uus Giti hoidla, käivitades:

   git init

4. samm: looge GitHubi hoidla

Kasutame hoidla loomiseks ja haldamiseks GitHubi töölauda:

1. Laadige alla ja installige GitHub Desktop saidilt desktop.github.com kui te pole seda juba teinud.
2. Avage GitHubi töölaud ja logige sisse oma GitHubi kontole.
3. Klõpsake "Fail" > "Uus hoidla" või kasutage nuppu "Loo kõvakettale uus hoidla".
4. Määrake järgmine:
   • Nimi: valige oma hoidlale nimi (nt "my-static-wordpress")
   • Kohalik tee: määrake see samasse kataloogi, mille määrasite rakenduses Simply Static
   • Lähtestage see hoidla README-ga: jätke märkimata
   • Giti ignoreerimine: valige „Puudub” (loosime oma 3. sammus)
   • Litsents: valige sobiv litsents või jätke valikuks "Puudub"
5. Klõpsake "Loo hoidla"

5. samm: hoidke sisse

Nüüd, kui hoidla on loodud, teeme esimese kohustuse:

1. GitHubi töölaual peaksite nägema kõiki staatilise saidi faile muudatustena.
2. Sisestage oma kohustuse kokkuvõte (nt "Staatiliste saidifailide esialgne kinnitamine").
3. Klõpsake nuppu "Kinnita põhiprogrammile" (või vanemates versioonides "Kinnita põhiprogrammile").
4. Klõpsake „Avalda hoidla”, et lükata kohalik hoidla GitHubisse.

6. samm: käivitage lihtsalt staatiline eksport

Nüüd on aeg luua meie staatiline sait:

1. Mine tagasi oma WordPress armatuurlaud.
2. Liikuge jaotisse Lihtsalt staatiline > Loo. (Võite Diagnostika veateadet ignoreerida, kuna juurutate ainult kohalikku kataloogi).
3. Klõpsake "Genereeri staatilised failid".
4. Oodake, kuni protsess on lõpule viidud. See võib sõltuvalt teie saidi suurusest võtta mõne minuti.
5. Kui olete lõpetanud, minge tagasi GitHubi töölauale.
6. Peaksite nägema muudatustena äsja loodud või värskendatud faile.
7. Kinnitage need muudatused sellise sõnumiga nagu „Värskenda staatilisi saidifaile”.
8. Lükake muudatused GitHubi, klõpsates nuppu „Lõika päritolu”.

7. samm: ühendage hoidla hostimisplatvormiga

Nüüd, kui meie staatiline sait on GitHubis, saame selle hõlpsalt tasuta hostimisplatvormiga ühendada. Annan juhised GitHubi lehtede, Netlify ja Verceli jaoks:

GitHubi lehed

1. Minge oma hoidlasse saidil GitHub.com.
2. Klõpsake vasakpoolsel külgribal "Seaded" > "Leheküljed".
3. Jaotises „Allikas” valige „Juuvita filiaalist”.
4. Valige haru, mida soovite juurutada (tavaliselt "peamine" või "ülemine").
5. Valige juurkaust (/) ja klõpsake nuppu "Salvesta".
6. Teie sait on reaalajas kell https://yourusername.github.io/repository-name/.

võrgustada

1. Registreeruge tasuta konto saamiseks aadressil netlify.com.
2. Klõpsake oma Netlify juhtpaneelil nuppu „Giti uus sait”.
3. Valige oma Giti pakkujaks GitHub ja volitage Netlify.
4. Valige loendist oma hoidla.
5. Jätke ehitamiskäsk ja avaldamiskataloog tühjaks.
6. Klõpsake nuppu "Juuvita sait".
7. Teie sait hakkab töötama Netlify alamdomeenil, mida saate saidi seadetes kohandada.

Vercel

1. Registreeruge tasuta konto saamiseks aadressil vercel.com.
2. Klõpsake Verceli armatuurlaual "Uus projekt".
3. Importige oma GitHubi hoidla.
4. Jätke ehitussätted nii, nagu need on (Vercel peaks automaatselt tuvastama, et see on staatiline sait).
5. Klõpsake nuppu "Juuvita".
6. Teie sait hakkab töötama Verceli alamdomeenis, mida saate projekti seadetes kohandada.

kokkuvõte

Palju õnne! Teil on nüüd teie staatiline versioon WordPress saiti hostitud tasuta. Ärge unustage oma staatilised failid uuesti luua ja lükata, kui muudate oma WordPress saidile. See töövoog võimaldab teil nautida töö lihtsust WordPress sisu loomiseks, saades kasu staatilise saidi kiirusest, turvalisusest ja tasuta hostimisest.

Mõned täiendavad näpunäited:

• Kaaluge kohandatud domeeni seadistamist professionaalsema välimuse saamiseks.
• Värskendage regulaarselt oma WordPress installimine ja pistikprogrammid, et tagada töötamine uusimate funktsioonide ja turvavärskendustega.
• Tutvuge rakenduse täiustatud funktsioonidega Simply Static Pro versioon, nagu peitmine WordPress ja staatilise saidi jaoks vormide või otsingufunktsioonide seadistamine.