Kā mitināt statisku WordPress Vietne bez maksas (pakalpojumos GitHub Pages, Vercel, Netlify)

WordPress ir jaudīga un populāra satura pārvaldības sistēma, taču tajā ir dinamiska WordPress vietne var būt dārga un nepieciešama pastāvīga apkope. Daudzām vienkāršām vietnēm vai emuāriem statiskā versija a WordPress vietne var būt lieliska alternatīva. Statiskās vietnes ir ātrākas, drošākas, un tās var bez maksas mitināt tādās platformās kā GitHub Pages, Netlify vai Vercel.

Šajā apmācībā es apskatīšu jūsu statiskās versijas izveides procesu WordPress vietni un mitināt to bez maksas. Šī pieeja ir lieliski piemērota iesācējiem, kuri vēlas izmantot lietotājam draudzīgumu WordPress interfeiss satura izveidei, vienlaikus baudot statiskas vietnes priekšrocības.

Nepieciešamie rīki

Pirms iedziļināties procesā, pārliecināsimies, ka jums ir visi nepieciešamie rīki. Šeit ir saraksts ar visu, kas jums nepieciešams, lai mitinātu savu statisko WordPress vietne bez maksas:

Pirms turpināt apmācību, pārliecinieties, vai šie rīki ir instalēti un konti ir iestatīti. Ja viss būs gatavs, process būs gluds un vienkāršs.

1. darbība: izstrādājiet savu WordPress Vietne vietnē LocalWP

Pirms sākam, jums ir jāiegūst savs WordPress vietne gatava. Ja vēl neesat izveidojis savu vietni vai ja tā pašlaik tiek mitināta citur, iesaku izmantot LocalWP (agrāk Local by Flywheel), lai izstrādātu un pārbaudītu vietni lokāli.

1. Lejupielādējiet un instalējiet LocalWP bez maksas no localwp.com.
2. Izveidojiet jaunu WordPress vietne LocalWP.
3. Izveidojiet savu vietni, pievienojiet saturu un instalējiet nepieciešamos spraudņus.
4. Pārliecinieties, vai jūsu vietne statiskajā formā izskatās un darbojas tieši tā, kā vēlaties.

Statisku vietņu ierobežojumu izpratne

Kamēr statisks WordPress vietnes piedāvā tādas priekšrocības kā uzlabots ātrums, drošība un bezmaksas mitināšanas iespējas, ir svarīgi apzināties to ierobežojumus. Dažas dinamiskas funkcijas WordPress nedarbosies statiskā vidē:

1. WordPress Veidlapas: Tradicionāli WordPress veidlapas, kas balstās uz servera puses apstrādi, nedarbosies. Tas ietver kontaktu veidlapas, abonēšanas veidlapas un citas interaktīvas veidlapas.
2. WordPress komentāri: dinamiskās komentāru sistēmas, kas ļauj reāllaikā mijiedarboties ar lietotājiem, netiek atbalstītas statiskās vietnēs.
3. Piekļuve administratora zonai: jebkuras saites uz /wp-admin vai līdzīga iekšējā WordPress maršruti nedarbosies, jo tiem nepieciešama servera puses apstrāde.
4. Reāllaika satura atjauninājumi: atšķirībā no dinamiskajām vietnēm, lai tiktu parādītas jebkādas satura izmaiņas, statiskās vietnes ir jāreģenerē un jāpārizvieto WordPress vietnes, kurās izmaiņas ir tūlītējas.
5. Lietotāja autentifikācija: funkcijas, kurām nepieciešama lietotāja pieteikšanās vai dalība, netiek atbalstītas pamata statiskās vietnes iestatījumos.
6. E-komercijas funkcionalitāte: dinamiskie iepirkumu grozi un maksājumu apstrāde parasti nedarbosies statiskā vidē.
7. Meklēšanas funkcionalitāte: WordPressIebūvētā meklēšanas funkcija nedarbosies, lai gan var ieviest alternatīvas (kā minēts Simply Static Pro funkcijās).
8. Dinamiskās sānjoslas un logrīki: Logrīki, kas iegūst reāllaika datus vai kuriem nepieciešama servera puses apstrāde, nedarbosies, kā paredzēts.

Iespējamie risinājumi

Lai gan šie ierobežojumi pastāv, ir veidi, kā dažus no tiem mazināt:

• Veidlapām varat izmantot trešo pušu pakalpojumus, piemēram, Formspree vai Netlify Forms.
• Komentārus var apstrādāt, izmantojot tādus pakalpojumus kā Disqus vai Facebook Comments.
• Meklēšanas funkcionalitāti var ieviest, izmantojot klienta puses risinājumus, piemēram, Lunr.js vai Algolia (kā tas tiek piedāvāts Simply Static Pro).
• E-komercijai apsveriet iespēju izmantot ārējos pakalpojumus, piemēram, Snipcart vai Gumroad.

Izstrādājot savu WordPress vietni, paturiet prātā šos ierobežojumus un atbilstoši plānojiet savas vietnes struktūru un funkcijas. Koncentrējieties uz lapām, kuru pamatā ir saturs, un līdz minimumam samaziniet paļaušanos uz dinamiskām funkcijām, kas nepārveidosies statiskā vidē.

2. darbība. Instalējiet un konfigurējiet vienkārši statiski

Simply Static ir bezmaksas WordPress iespraust kas ģenerē jūsu statisku versiju WordPress vietne. Lūk, kā to iestatīt:

1. In Your WordPress informācijas panelī, dodieties uz Spraudņi > Pievienot jaunu.
2. Atrodiet “Simply Static”, instalējiet spraudni un aktivizējiet spraudni.
3. Savā atveriet vienumu Vienkārši statiski > Iestatījumi WordPress panelis.
4. Cilnē “Vispārīgi” iestatiet tālāk norādīto.
   • Galamērķa URL: izvēlieties “Saglabāt lietošanai bezsaistē”. Ja jums jau ir pielāgots domēns, izvēlieties "Absolūtie URL", kā parādīts tālāk redzamajā ekrānuzņēmumā.

5. Vietējais direktorijs: iestatiet to uz direktoriju ārpus jūsu WordPress uzstādīšana, piemēram, /Users/yourusername/Documents/StaticSite

6. Cilnē “Iekļaut/Izslēgt” pārbaudiet, vai ir iekļauti visi nepieciešamie URL.
   • Vairumā gadījumu izmantojiet /wp-content/ un /wp-includes/

7. Saglabājiet iestatījumus.

Ir arī SimplyStatic pro versija, Tālāk ir sniegts spraudņa Simply Static profesionāļu kopsavilkums:

1. Izvērstā izvietošana:
   • Izvietojiet statiskas vietnes vairākās platformās, tostarp SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces un BunnyCDN.
2. Viegli vietnes atjauninājumi:
   • Efektīvi pārvaldiet satura atjauninājumus gan atsevišķām ziņām, gan lielapjoma atjauninājumiem vai noteiktiem URL.
3. Veidlapu un komentāru integrācija:
   • Nemanāmi integrējiet veidlapas no populāriem spraudņiem, piemēram, Contact Form 7, Gravity Forms un Elementor Forms savā statiskajā vietnē.
4. Meklēšanas funkcionalitāte:
   • Ieviesiet pamata meklēšanu, izmantojot Fuse.js, vai jauniniet uz visaptverošāku meklēšanas pieredzi ar Algolia.
5. WP-CLI atbalsts:
   • Izmantojiet WP-CLI, lai konfigurētu, eksportētu un pārvaldītu Simply Static līdzekļus tieši no komandrindas.
6. Daudzvalodu atbalsts:
   • Piedāvājiet saturu vairākās valodās ar WPML, Polylang un TranslatePress integrāciju.
7. Minifikācija:
   • Optimizējiet vietnes veiktspēju, samazinot CSS, JavaScript un statiskos HTML failus.
8. WordPress Slēpšana:
   • Aizstāt noklusējumu WordPress ceļi, lai slēptu faktu, ka WordPress tiek izmantota kā satura pārvaldības sistēma.

Šīs profesionālās funkcijas ievērojami uzlabo statiskā funkcionalitāti un elastību WordPress vietnes, kas ļauj veikt sarežģītāku izvietošanu, labāku veiktspēju un uzlabotu lietotāja pieredzi.

3. darbība: inicializējiet Git krātuvi

Tagad, kad mūsu statiskais vietņu ģenerators ir iestatīts, sagatavosim mūsu vietējo direktoriju versiju kontrolei:

1. Atveriet termināli vai komandu uzvedni.
2. Pārejiet uz direktoriju, kuru norādījāt programmā Simply Static (piem., cd /Users/yourusername/Documents/StaticSite).
3. Inicializējiet jaunu Git repozitoriju, palaižot:

   git init

4. darbība. Izveidojiet GitHub repozitoriju

Mēs izmantosim GitHub Desktop, lai izveidotu un pārvaldītu mūsu repozitoriju:

1. Lejupielādējiet un instalējiet GitHub Desktop no desktop.github.com ja jūs vēl neesat.
2. Atveriet GitHub Desktop un pierakstieties savā GitHub kontā.
3. Noklikšķiniet uz “Fails” > “Jauns repozitorijs” vai izmantojiet pogu “Izveidot jaunu repozitoriju cietajā diskā”.
4. Iestatiet tālāk norādīto.
   • Nosaukums: izvēlieties repozitorija nosaukumu (piemēram, "my-static-wordpress")
   • Vietējais ceļš: iestatiet to uz to pašu direktoriju, ko norādījāt sadaļā Simply Static
   • Inicializējiet šo krātuvi ar README: atstājiet neatzīmētu
   • Git ignorēšana: izvēlieties “Nav” (3. darbībā mēs izveidojām savu)
   • Licence: izvēlieties atbilstošu licenci vai atstājiet kā “Nav”
5. Noklikšķiniet uz "Izveidot repozitoriju"

5. darbība: izveidojiet repozitoriju

Tagad, kad mūsu repozitorijs ir izveidots, veiksim savu pirmo apņemšanos:

1. Pakalpojumā GitHub Desktop visi statiskās vietnes faili ir norādīti kā izmaiņas.
2. Ievadiet savas saistības kopsavilkumu (piemēram, “Statisko vietnes failu sākotnējā apstiprināšana”).
3. Noklikšķiniet uz "Saistīt galveno" (vai "Apstiprināt galveno" vecākās versijās).
4. Noklikšķiniet uz “Publicēt repozitoriju”, lai pārvietotu savu vietējo repozitoriju uz GitHub.

6. darbība. Veiciet vienkārši statisku eksportēšanu

Tagad ir pienācis laiks izveidot mūsu statisko vietni:

1. Iet atpakaļ uz savu WordPress panelis.
2. Pārejiet uz Vienkārši statiski > Ģenerēt. (Varat ignorēt Diagnostikas kļūdas brīdinājumu, jo jūs izvietojat tikai vietējā direktorijā).
3. Noklikšķiniet uz "Ģenerēt statiskos failus".
4. Pagaidiet, līdz process tiks pabeigts. Tas var ilgt dažas minūtes atkarībā no jūsu vietnes lieluma.
5. Kad esat pabeidzis, dodieties atpakaļ uz GitHub Desktop.
6. Jums vajadzētu redzēt tikko ģenerētos vai atjauninātos failus kā izmaiņas.
7. Veiciet šīs izmaiņas, izmantojot ziņojumu, piemēram, “Atjaunināt statiskos vietnes failus”.
8. Nospiediet izmaiņas GitHub, noklikšķinot uz “Push origin”.

7. darbība: pievienojiet repozitoriju mitināšanas platformai

Tagad, kad mūsu statiskā vietne atrodas vietnē GitHub, mēs varam to viegli savienot ar bezmaksas mitināšanas platformu. Es sniegšu norādījumus par GitHub lapām, Netlify un Vercel:

GitHub lapas

1. Dodieties uz savu repozitoriju vietnē GitHub.com.
2. Kreisajā sānjoslā noklikšķiniet uz “Iestatījumi” > “Lapas”.
3. Sadaļā “Avots” atlasiet “Izvietot no filiāles”.
4. Izvēlieties filiāli, kuru vēlaties izvietot (parasti “galvenais” vai “galvenais”).
5. Atlasiet saknes mapi (/) un noklikšķiniet uz "Saglabāt".
6. Jūsu vietne būs pieejama tiešsaistē plkst https://yourusername.github.io/repository-name/.

netlify

1. Reģistrējieties bezmaksas kontam vietnē netlify.com.
2. Netlify informācijas panelī noklikšķiniet uz “Jauna vietne no Git”.
3. Izvēlieties GitHub kā savu Git nodrošinātāju un autorizējiet Netlify.
4. Sarakstā atlasiet savu repozitoriju.
5. Atstājiet būvēšanas komandu un publicēšanas direktoriju tukšu.
6. Noklikšķiniet uz "Izvietot vietni".
7. Jūsu vietne darbosies Netlify apakšdomēnā, kuru varat pielāgot vietnes iestatījumos.

Vercels

1. Reģistrējieties bezmaksas kontam vietnē vercel.com.
2. Vercel informācijas panelī noklikšķiniet uz “Jauns projekts”.
3. Importējiet savu GitHub repozitoriju.
4. Atstājiet būvēšanas iestatījumus tādus, kādi tie ir (Vercel automātiski nosaka, ka tā ir statiska vietne).
5. Noklikšķiniet uz "Izvietot".
6. Jūsu vietne būs pieejama Vercel apakšdomēnā, kuru varat pielāgot projekta iestatījumos.

Kopsavilkums

Apsveicam! Tagad jums ir jūsu statiskā versija WordPress mitināta vietne par brīvu. Neaizmirstiet atjaunot un pārsūtīt savus statiskos failus ikreiz, kad veicat izmaiņas savā WordPress vietne. Šī darbplūsma ļauj jums izbaudīt vienkāršību WordPress satura izveidei, vienlaikus gūstot labumu no statiskas vietnes ātruma, drošības un bezmaksas mitināšanas.

Daži papildu padomi:

• Apsveriet iespēju izveidot pielāgotu domēnu, lai iegūtu profesionālāku izskatu.
• Regulāri atjauniniet savu WordPress instalāciju un spraudņus, lai nodrošinātu, ka strādājat ar jaunākajiem līdzekļiem un drošības atjauninājumiem.
• Izpētiet uzlabotās funkcijas Simply Static Pro versija, piemēram, slēpšanās WordPress un veidlapu vai meklēšanas funkcionalitātes iestatīšana jūsu statiskajai vietnei.