Cum să găzduiți o statică WordPress Site gratuit (pe paginile GitHub, Vercel, Netlify)

WordPress este un sistem de management de conținut puternic și popular, dar care găzduiește o dinamică WordPress site-ul poate fi costisitor și necesită întreținere continuă. Pentru multe site-uri web sau bloguri simple, o versiune statică a a WordPress site-ul poate fi o alternativă excelentă. Site-urile statice sunt mai rapide, mai sigure și pot fi găzduite gratuit pe platforme precum GitHub Pages, Netlify sau Vercel.

În acest tutorial, voi parcurge procesul de creare a unei versiuni statice a dvs WordPress site și găzduiește-l gratuit. Această abordare este perfectă pentru începătorii care doresc să folosească ușor de utilizat WordPress interfață pentru crearea de conținut, bucurându-vă în același timp de beneficiile unui site static.

Instrumentele de care aveți nevoie

Înainte de a intra în proces, să ne asigurăm că aveți toate instrumentele necesare. Iată o listă cu tot ceea ce aveți nevoie pentru a vă găzdui statica WordPress site gratuit:

Înainte de a continua cu tutorialul, asigurați-vă că aveți aceste instrumente instalate și conturile configurate. Dacă aveți totul pregătit, procesul va fi ușor și simplu.

Pasul 1: Dezvoltați-vă WordPress Site pe LocalWP

Înainte de a începe, va trebui să aveți dvs WordPress site-ul gata. Dacă nu v-ați creat încă site-ul sau dacă este găzduit în prezent în altă parte, vă recomand să utilizați LocalWP (fost Local by Flywheel) pentru a vă dezvolta și testa site-ul local.

1. Descărcați și instalați LocalWP gratuit de la localwp.com.
2. Creaza un nou WordPress site în LocalWP.
3. Proiectați-vă site-ul, adăugați conținut și instalați pluginurile necesare.
4. Asigurați-vă că site-ul dvs. arată și funcționează exact așa cum doriți, în forma sa statică.

Înțelegerea limitărilor site-ului static

În timp ce static WordPress Site-urile oferă beneficii precum viteză îmbunătățită, securitate și opțiuni gratuite de găzduire, este important să fiți conștienți de limitările lor. Câteva caracteristici dinamice ale WordPress nu va funcționa într-un mediu static:

1. WordPress Formulare: Tradițional WordPress formularele care se bazează pe procesarea serverului nu vor funcționa. Acestea includ formulare de contact, formulare de abonare și alte formulare interactive.
2. WordPress Comentarii: sistemele dinamice de comentarii care permit interacțiunile utilizatorilor în timp real nu sunt acceptate pe site-urile statice.
3. Acces în zona de administrare: Orice link-uri către /wp-admin sau intern similar WordPress rutele nu vor funcționa, deoarece acestea necesită procesare pe partea serverului.
4. Actualizări de conținut în timp real: site-urile statice necesită regenerare și redistribuire pentru ca orice modificări de conținut să apară, spre deosebire de cele dinamice WordPress site-uri în care schimbările sunt imediate.
5. Autentificarea utilizatorului: funcțiile care necesită autentificarea utilizatorului sau calitatea de membru nu sunt acceptate într-o configurare statică de bază a site-ului.
6. Funcționalitate de comerț electronic: Coșurile de cumpărături dinamice și procesarea plăților de obicei nu funcționează într-un mediu static.
7. Funcționalitatea căutării: WordPressFuncția de căutare încorporată a lui nu va funcționa, deși pot fi implementate alternative (așa cum se menționează în funcțiile Simply Static Pro).
8. Bare laterale și widget-uri dinamice: Widgeturile care extrag date în timp real sau necesită procesare pe partea serverului nu vor funcționa conform așteptărilor.

Soluții posibile

Deși există aceste limitări, există modalități de a atenua unele dintre ele:

• Pentru formulare, puteți utiliza servicii terțe, cum ar fi Formspree sau Netlify Forms.
• Comentariile pot fi gestionate prin servicii precum Disqus sau Facebook Comments.
• Funcționalitatea de căutare poate fi implementată folosind soluții la nivel client, cum ar fi Lunr.js sau Algolia (așa cum este oferit în Simply Static Pro).
• Pentru comerțul electronic, luați în considerare utilizarea serviciilor externe precum Snipcart sau Gumroad.

Când vă dezvoltați WordPress site, țineți cont de aceste limitări și planificați structura și caracteristicile site-ului în consecință. Concentrați-vă pe paginile bazate pe conținut și minimizați dependența de caracteristicile dinamice care nu se vor traduce într-un mediu static.

Pasul 2: Instalați și configurați Simply Static

Simply Static este gratuit WordPress conecteaza care generează o versiune statică a dvs WordPress site-ul. Iată cum să-l configurați:

1. În tau WordPress tabloul de bord, accesați Plugin-uri > Adăugați nou.
2. Căutați „Simply Static”, instalați pluginul și activați pluginul.
3. Accesați Simply Static > Setări din dvs WordPress tabloul de bord.
4. Sub fila „General”, setați următoarele:
   • Adrese URL de destinație: alegeți „Salvați pentru utilizare offline”. Dacă aveți deja un domeniu personalizat, alegeți „Adrese URL absolute”, conform capturii de ecran de mai jos:

5. Director local: Setați-l într-un director din afara dvs WordPress instalare, de ex. /Users/yourusername/Documents/StaticSite

6. În fila „Include/Exclude”, asigurați-vă că sunt incluse toate adresele URL necesare.
   • În cele mai multe cazuri, utilizați /wp-content/ și /wp-includes/

7. Salvați setările.

Există, de asemenea, o versiunea pro SimplyStatic, Iată un rezumat al caracteristicilor pro ale pluginului Simply Static:

1. Implementare avansată:
   • Implementați site-uri statice pe mai multe platforme, inclusiv SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces și BunnyCDN.
2. Actualizări ușoare ale site-ului:
   • Gestionați eficient actualizările de conținut, fie pentru postări unice, actualizări în bloc sau adrese URL specifice.
3. Integrare formulare și comentarii:
   • Integrați fără probleme formulare de la pluginuri populare precum Formularul de contact 7, Formularul Gravity și Formulare Elementor în site-ul dvs. static.
4. Funcționalitate de căutare:
   • Implementați căutarea de bază folosind Fuse.js sau treceți la o experiență de căutare mai cuprinzătoare cu Algolia.
5. Suport WP-CLI:
   • Utilizați WP-CLI pentru a configura, exporta și gestiona caracteristicile Simply Static direct din linia de comandă.
6. Suport multilingv:
   • Oferiți conținut în mai multe limbi cu integrări pentru WPML, Polylang și TranslatePress.
7. Minificare:
   • Optimizați performanța site-ului reducând fișierele CSS, JavaScript și HTML statice.
8. WordPress Ascundere:
   • Înlocuiește implicit WordPress căi pentru a ascunde faptul că WordPress este folosit ca sistem de management al conținutului.

Aceste caracteristici profesionale îmbunătățesc semnificativ funcționalitatea și flexibilitatea statiei WordPress site-uri, permițând implementări mai avansate, performanțe mai bune și experiență de utilizator îmbunătățită.

Pasul 3: Inițializați depozitul Git

Acum că avem generatorul nostru static de site configurat, să pregătim directorul nostru local pentru controlul versiunilor:

1. Deschideți un terminal sau un prompt de comandă.
2. Navigați la directorul pe care l-ați specificat în Simply Static (de exemplu, cd /Users/yourusername/Documents/StaticSite).
3. Inițializați un nou depozit Git rulând:

   git init

Pasul 4: Creați un depozit GitHub

Vom folosi GitHub Desktop pentru a crea și gestiona depozitul nostru:

1. Descărcați și instalați GitHub Desktop de pe desktop.github.com dacă nu ați făcut-o deja.
2. Deschideți GitHub Desktop și conectați-vă la contul dvs. GitHub.
3. Faceți clic pe „Fișier” > „Depozit nou” sau utilizați butonul „Creați un depozit nou pe hard disk”.
4. Setați următoarele:
   • Nume: alegeți un nume pentru depozitul dvs. (de exemplu, „my-static-wordpress”)
   • Cale locală: Setați-l în același director pe care l-ați specificat în Simply Static
   • Inițializați acest depozit cu un README: lăsați nebifat
   • Ignorare Git: alegeți „Niciunul” (noi l-am creat pe al nostru la pasul 3)
   • Licență: alegeți o licență adecvată sau lăsați „Niciuna”
5. Faceți clic pe „Creați un depozit”

Pasul 5: Commiteți depozitul

Acum că avem depozitul configurat, să facem primul nostru commit:

1. În GitHub Desktop, ar trebui să vedeți toate fișierele de pe site-ul dvs. static listate ca modificări.
2. Introduceți un rezumat pentru comiterea dvs. (de exemplu, „Commiterea inițială a fișierelor statice de site”).
3. Faceți clic pe „Commit to main” (sau „Commit to master” în versiunile mai vechi).
4. Faceți clic pe „Publicați depozitul” pentru a trimite depozitul local în GitHub.

Pasul 6: Rulați un Export Simply Static

Acum este timpul să generăm site-ul nostru static:

1. Du-te înapoi la dvs. WordPress tabloul de bord.
2. Navigați la Simply Static > Generare. (Puteți ignora alerta de eroare de diagnosticare, deoarece implementați doar într-un director local).
3. Faceți clic pe „Generează fișiere statice”.
4. Așteptați finalizarea procesului. Acest lucru poate dura câteva minute, în funcție de dimensiunea site-ului dvs.
5. Odată finalizat, reveniți la GitHub Desktop.
6. Ar trebui să vedeți fișierele nou generate sau actualizate listate ca modificări.
7. Realizați aceste modificări cu un mesaj precum „Actualizați fișierele static site”.
8. Împingeți modificările în GitHub făcând clic pe „Impinge originea”.

Pasul 7: Conectați depozitul la o platformă de găzduire

Acum că site-ul nostru static este pe GitHub, îl putem conecta cu ușurință la o platformă de găzduire gratuită. Voi oferi instrucțiuni pentru Paginile GitHub, Netlify și Vercel:

Pagini GitHub

1. Accesați depozitul dvs. de pe GitHub.com.
2. Faceți clic pe „Setări” > „Pagini” în bara laterală din stânga.
3. Sub „Sursă”, selectați „Implementați dintr-o sucursală”.
4. Alegeți ramura pe care doriți să o implementați (de obicei „principal” sau „master”).
5. Selectați folderul rădăcină (/) și faceți clic pe „Salvare”.
6. Site-ul dvs. va fi live la https://yourusername.github.io/repository-name/.

Netlify

1. Înscrieți-vă pentru un cont gratuit la netlify.com.
2. Faceți clic pe „Site nou din Git” pe tabloul de bord Netly.
3. Alegeți GitHub ca furnizor Git și autorizați Netlify.
4. Selectați depozitul dvs. din listă.
5. Lăsați comanda build și publish directorul necompletat.
6. Faceți clic pe „Implementați site”.
7. Site-ul dvs. va fi live la un subdomeniu Netlify, pe care îl puteți personaliza în setările site-ului.

Vercel

1. Înscrieți-vă pentru un cont gratuit la vercel.com.
2. Faceți clic pe „Proiect nou” pe tabloul de bord Vercel.
3. Importați depozitul dvs. GitHub.
4. Lăsați setările de compilare așa cum sunt (Vercel ar trebui să detecteze automat că este un site static).
5. Faceți clic pe „Implementați”.
6. Site-ul dvs. va fi live la un subdomeniu Vercel, pe care îl puteți personaliza în setările proiectului.

Rezumat

Felicitări! Acum aveți o versiune statică a dvs WordPress site-ul găzduit gratuit. Nu uitați să regenerați și să vă împingeți fișierele statice ori de câte ori faceți modificări WordPress site-ul. Acest flux de lucru vă permite să vă bucurați de ușurința WordPress pentru crearea de conținut, beneficiind în același timp de viteza, securitatea și găzduirea gratuită a unui site static.

Câteva sfaturi suplimentare:

• Luați în considerare configurarea unui domeniu personalizat pentru un aspect mai profesional.
• Actualizați-vă în mod regulat WordPress instalare și pluginuri pentru a vă asigura că lucrați cu cele mai recente funcții și actualizări de securitate.
• Explorați funcțiile avansate ale Versiunea Pro a Simply Static, ca ascunderea WordPress și configurarea formularelor sau a funcționalității de căutare pentru site-ul dvs. static.