Sådan hoster du en statisk WordPress Websted gratis (på GitHub-sider, Vercel, Netlify)

WordPress er et kraftfuldt og populært content management system, men hosting en dynamik WordPress stedet kan være dyrt og kræve løbende vedligeholdelse. For mange simple websteder eller blogs er en statisk version af en WordPress websted kan være et glimrende alternativ. Statiske websteder er hurtigere, mere sikre og kan hostes gratis på platforme som GitHub Pages, Netlify eller Vercel.

I denne tutorial vil jeg gennemgå processen med at skabe en statisk version af din WordPress websted og hoste det gratis. Denne tilgang er perfekt til begyndere, der ønsker at udnytte det brugervenlige WordPress grænseflade til oprettelse af indhold, mens du nyder fordelene ved et statisk websted.

Værktøjer du har brug for

Før du dykker ned i processen, lad os sikre dig, at du har alle de nødvendige værktøjer. Her er en liste over alt, hvad du skal bruge for at være vært for din statiske WordPress websted gratis:

Før du fortsætter med selvstudiet, skal du sørge for at have disse værktøjer installeret og oprettet konti. At have alt klar vil gøre processen glat og ligetil.

Trin 1: Udvikl din WordPress Site på LocalWP

Før vi begynder, skal du have din WordPress stedet klar. Hvis du ikke har oprettet dit websted endnu, eller hvis det i øjeblikket er hostet et andet sted, anbefaler jeg at bruge LocalWP (tidligere Local by Flywheel) til at udvikle og teste dit websted lokalt.

1. Download og installer LocalWP gratis fra localwp.com.
2. Opret en ny WordPress websted i LocalWP.
3. Design dit websted, tilføj indhold, og installer nødvendige plugins.
4. Sørg for, at dit websted ser ud og fungerer nøjagtigt, som du ønsker det i sin statiske form.

Forståelse af statiske webstedsbegrænsninger

Mens statisk WordPress websteder tilbyder fordele som forbedret hastighed, sikkerhed og gratis hostingmuligheder, det er vigtigt at være opmærksom på deres begrænsninger. Nogle dynamiske træk ved WordPress vil ikke fungere i et statisk miljø:

1. WordPress Formularer: Traditionel WordPress formularer, der er afhængige af server-side behandling, vil ikke fungere. Dette omfatter kontaktformularer, abonnementsformularer og andre interaktive formularer.
2. WordPress Kommentarer: Dynamiske kommentarsystemer, der tillader brugerinteraktioner i realtid, understøttes ikke på statiske websteder.
3. Admin områdeadgang: Eventuelle links til /wp-admin eller lignende internt WordPress ruter vil ikke fungere, da disse kræver behandling på serversiden.
4. Indholdsopdateringer i realtid: Statiske websteder kræver regenerering og omfordeling, for at eventuelle indholdsændringer vises, i modsætning til dynamiske WordPress websteder, hvor ændringer er øjeblikkelige.
5. Brugergodkendelse: Funktioner, der kræver brugerlogin eller medlemskaber, understøttes ikke i en grundlæggende statisk webstedsopsætning.
6. E-handel funktionalitet: Dynamiske indkøbsvogne og betalingsbehandling vil typisk ikke fungere i et statisk miljø.
7. Søgefunktionalitet: WordPress's indbyggede søgefunktion virker ikke, selvom alternativer kan implementeres (som nævnt i Simply Static Pro-funktionerne).
8. Dynamiske sidebjælker og widgets: Widgets, der trækker data i realtid eller kræver behandling på serversiden, fungerer ikke som forventet.

Mulige løsninger

Selvom disse begrænsninger eksisterer, er der måder at afbøde nogle af dem på:

• Til formularer kan du bruge tredjepartstjenester som Formspree eller Netlify Forms.
• Kommentarer kan håndteres gennem tjenester som Disqus eller Facebook Comments.
• Søgefunktionalitet kan implementeres ved hjælp af klientsideløsninger som Lunr.js eller Algolia (som tilbydes i Simply Static Pro).
• Til e-handel kan du overveje at bruge eksterne tjenester som Snipcart eller Gumroad.

Når du udvikler din WordPress websted, husk disse begrænsninger og planlæg dit websteds struktur og funktioner i overensstemmelse hermed. Fokuser på indholdsdrevne sider og minimer afhængigheden af ​​dynamiske funktioner, der ikke oversættes til et statisk miljø.

Trin 2: Installer og konfigurer Simply Static

Simply Static er en gratis WordPress plugin der genererer en statisk version af din WordPress websted. Sådan konfigurerer du det:

1. I din WordPress dashboard, gå til Plugins > Tilføj nyt.
2. Søg efter "Simply Static", installer plugin'et og aktiver plugin'et.
3. Gå til Simply Static > Indstillinger i din WordPress instrumentbræt.
4. Indstil følgende under fanen "Generelt":
   • Destinationswebadresser: Vælg "Gem til offlinebrug". Hvis du allerede har et brugerdefineret domæne, skal du vælge "Absolutte URL'er", som på nedenstående skærmbillede:

5. Local Directory: Indstil dette til en mappe uden for din WordPress installation, fx /Users/yourusername/Documents/StaticSite

6. Under fanen "Inkluder/ekskluder" skal du sørge for, at alle nødvendige webadresser er inkluderet.
   • Brug i de fleste tilfælde /wp-content/ og /wp-includes/

7. Gem dine indstillinger.

Der er også en pro version af SimplyStatic, Her er en oversigt over de professionelle funktioner i Simply Static plugin:

1. Avanceret implementering:
   • Implementer statiske websteder til flere platforme, herunder SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces og BunnyCDN.
2. Nemme webstedsopdateringer:
   • Administrer indholdsopdateringer effektivt, uanset om det drejer sig om enkelte indlæg, masseopdateringer eller specifikke webadresser.
3. Integration af formularer og kommentarer:
   • Integrer sømløst formularer fra populære plugins som Contact Form 7, Gravity Forms og Elementor Forms i dit statiske websted.
4. Søgefunktioner:
   • Implementer grundlæggende søgning ved hjælp af Fuse.js eller opgrader til en mere omfattende søgeoplevelse med Algolia.
5. WP-CLI support:
   • Brug WP-CLI til at konfigurere, eksportere og administrere Simply Static-funktioner direkte fra kommandolinjen.
6. Flersproget support:
   • Tilbyd indhold på flere sprog med integrationer til WPML, Polylang og TranslatePress.
7. minifikationen:
   • Optimer webstedets ydeevne ved at formindske CSS, JavaScript og statiske HTML-filer.
8. WordPress Skjul:
   • Erstat standard WordPress veje til at skjule det faktum WordPress bliver brugt som content management system.

Disse pro-funktioner forbedrer funktionaliteten og fleksibiliteten af ​​statisk markant WordPress websteder, hvilket giver mulighed for mere avancerede implementeringer, bedre ydeevne og forbedret brugeroplevelse.

Trin 3: Initialiser Git Repository

Nu hvor vi har vores statiske webstedsgenerator sat op, lad os forberede vores lokale bibliotek til versionskontrol:

1. Åbn en terminal eller kommandoprompt.
2. Naviger til den mappe, du har angivet i Simply Static (f.eks. cd /Users/yourusername/Documents/StaticSite).
3. Initialiser et nyt Git-lager ved at køre:

   git init

Trin 4: Opret et GitHub-lager

Vi bruger GitHub Desktop til at oprette og administrere vores lager:

1. Download og installer GitHub Desktop fra desktop.github.com hvis du ikke allerede har det
2. Åbn GitHub Desktop og log ind på din GitHub-konto.
3. Klik på “Filer” > “Nyt lager” eller brug knappen “Opret et nyt lager på din harddisk”.
4. Indstil følgende:
   • Navn: Vælg et navn til dit lager (f.eks. "my-static-wordpress")
   • Lokal sti: Indstil denne til den samme mappe, som du har angivet i Simply Static
   • Initialiser dette lager med en README: Lad være afkrydset
   • Git ignore: Vælg "Ingen" (vi lavede vores eget i trin 3)
   • Licens: Vælg en passende licens eller lad være som "Ingen"
5. Klik på "Opret lager"

Trin 5: Overfør lageret

Nu hvor vi har vores lager sat op, lad os foretage vores første forpligtelse:

1. I GitHub Desktop bør du se alle filerne på dit statiske websted opført som ændringer.
2. Indtast et resumé for din commit (f.eks. "Initial commit of static site files").
3. Klik på "Forpligt dig til hoved" (eller "Forpligt dig til master" i ældre versioner).
4. Klik på "Public repository" for at skubbe dit lokale depot til GitHub.

Trin 6: Kør en Simply Static Export

Nu er det tid til at generere vores statiske websted:

1. Gå tilbage til din WordPress instrumentbræt.
2. Naviger til Simply Static > Generer. (Du kan ignorere fejlmeddelelsen Diagnostics, da du kun implementerer til en lokal mappe).
3. Klik på "Generer statiske filer".
4. Vent på, at processen er fuldført. Dette kan tage et par minutter afhængigt af størrelsen på dit websted.
5. Når du er færdig, skal du gå tilbage til GitHub Desktop.
6. Du bør se de nyligt genererede eller opdaterede filer opført som ændringer.
7. Bekræft disse ændringer med en meddelelse som "Opdater statiske webstedsfiler".
8. Skub ændringerne til GitHub ved at klikke på "Push origin".

Trin 7: Tilslut lageret til en hostingplatform

Nu hvor vores statiske websted er på GitHub, kan vi nemt forbinde det til en gratis hostingplatform. Jeg giver instruktioner til GitHub Pages, Netlify og Vercel:

GitHub-sider

1. Gå til dit lager på GitHub.com.
2. Klik på "Indstillinger"> "Sider" i venstre sidebjælke.
3. Under "Kilde" skal du vælge "Deploy from a branch".
4. Vælg den filial, du vil implementere (normalt "main" eller "master").
5. Vælg rodmappen (/), og klik på "Gem".
6. Dit websted vil være live kl https://yourusername.github.io/repository-name/.

netify

1. Tilmeld dig en gratis konto på netify.com.
2. Klik på "Nyt websted fra Git" på dit Netlify-dashboard.
3. Vælg GitHub som din Git-udbyder og godkend Netlify.
4. Vælg dit lager fra listen.
5. Lad build-kommandoen og udgiv mappen være tom.
6. Klik på "Deploy site".
7. Dit websted vil være live på et Netlify-underdomæne, som du kan tilpasse i webstedets indstillinger.

Vercel

1. Tilmeld dig en gratis konto på vercel.com.
2. Klik på "Nyt projekt" på dit Vercel-dashboard.
3. Importer dit GitHub-lager.
4. Lad build-indstillingerne være som de er (Vercel skal automatisk detektere, at det er et statisk websted).
5. Klik på "Deploy".
6. Dit websted vil være live på et Vercel-underdomæne, som du kan tilpasse i projektindstillinger.

Resumé

Tillykke! Du har nu en statisk version af din WordPress websted hostet gratis. Husk at regenerere og skubbe dine statiske filer, når du foretager ændringer i din WordPress websted. Denne arbejdsgang giver dig mulighed for at nyde letheden ved WordPress til indholdsoprettelse, mens du drager fordel af hastigheden, sikkerheden og gratis hosting af et statisk websted.

Nogle ekstra tips:

• Overvej at oprette et brugerdefineret domæne for et mere professionelt udseende.
• Opdater jævnligt din WordPress installation og plugins for at sikre, at du arbejder med de nyeste funktioner og sikkerhedsopdateringer.
• Udforsk avancerede funktioner i Pro version af Simply Static, som at gemme sig WordPress og opsætning af formularer eller søgefunktioner til dit statiske websted.