Statiikan isännöiminen WordPress Sivusto ilmainen (GitHub-sivuilla, Vercelissä, Netlifyssa)

WordPress on tehokas ja suosittu sisällönhallintajärjestelmä, mutta isännöi dynaamista WordPress sivusto voi olla kallis ja vaatia jatkuvaa ylläpitoa. Monille yksinkertaisille verkkosivustoille tai blogeille staattinen versio a WordPress sivusto voi olla erinomainen vaihtoehto. Staattiset sivustot ovat nopeampia, turvallisempia, ja niitä voidaan isännöidä ilmaiseksi alustoilla, kuten GitHub Pages, Netlify tai Vercel.

Tässä opetusohjelmassa käyn läpi staattisen version luontiprosessin WordPress sivusto ja isännöi sitä ilmaiseksi. Tämä lähestymistapa on täydellinen aloittelijoille, jotka haluavat hyödyntää käyttäjäystävällisyyttä WordPress käyttöliittymä sisällön luomiseen samalla kun nautit staattisen sivuston eduista.

Tarvittavat työkalut

Ennen kuin sukeltaa prosessiin, varmista, että sinulla on kaikki tarvittavat työkalut. Tässä on luettelo kaikesta, mitä tarvitset staattisen sähkön isännöintiin WordPress sivusto ilmaiseksi:

Ennen kuin jatkat opetusohjelmaa, varmista, että sinulla on nämä työkalut asennettuna ja tilit määritetty. Kun kaikki on valmis, prosessi on sujuvaa ja suoraviivaista.

Vaihe 1: Kehitä omasi WordPress Sivusto LocalWP:ssä

Ennen kuin aloitamme, sinulla on oltava omasi WordPress sivusto valmis. Jos et ole vielä luonut sivustoasi tai jos sitä ylläpidetään tällä hetkellä muualla, suosittelen käyttämään LocalWP:tä (entinen Local by Flywheel) sivustosi kehittämiseen ja testaamiseen paikallisesti.

1. Lataa ja asenna LocalWP ilmaiseksi osoitteesta localwp.com.
2. Luoda uusi WordPress sivusto LocalWP:ssä.
3. Suunnittele sivustosi, lisää sisältöä ja asenna tarvittavat laajennukset.
4. Varmista, että sivustosi näyttää ja toimii juuri niin kuin haluat sen staattisessa muodossaan.

Staattisten sivustojen rajoitusten ymmärtäminen

Vaikka staattinen WordPress sivustot tarjoavat etuja, kuten parannetun nopeuden, turvallisuuden ja ilmaiset isännöintivaihtoehdot, joten on tärkeää olla tietoinen niiden rajoituksista. Jotkut dynaamiset ominaisuudet WordPress ei toimi staattisessa ympäristössä:

1. WordPress Lomakkeet: Perinteinen WordPress palvelinpuolen käsittelyyn perustuvat lomakkeet eivät toimi. Tämä sisältää yhteydenottolomakkeet, tilauslomakkeet ja muut interaktiiviset lomakkeet.
2. WordPress Kommentit: Dynaamisia kommenttijärjestelmiä, jotka mahdollistavat reaaliaikaisen käyttäjien vuorovaikutuksen, ei tueta staattisissa sivustoissa.
3. Pääsy järjestelmänvalvojan alueelle: Kaikki linkit /wp-admin tai vastaava sisäinen WordPress reitit eivät toimi, koska ne vaativat palvelinpuolen käsittelyä.
4. Reaaliaikaiset sisältöpäivitykset: Staattiset sivustot vaativat uudelleenmuodostuksen ja uudelleensijoituksen, jotta kaikki sisältömuutokset tulevat näkyviin, toisin kuin dynaamiset WordPress sivustot, joissa muutokset ovat välittömiä.
5. Käyttäjän todennus: Ominaisuuksia, jotka edellyttävät käyttäjien kirjautumista tai jäsenyyttä, ei tueta staattisen sivuston perusasetuksissa.
6. Verkkokaupan toiminnallisuus: Dynaamiset ostoskorit ja maksujen käsittely eivät yleensä toimi staattisessa ympäristössä.
7. Hakutoiminto: WordPressSisäänrakennettu hakuominaisuus ei toimi, vaikka vaihtoehtoja voidaan toteuttaa (kuten Simply Static Pro -ominaisuuksissa mainitaan).
8. Dynaamiset sivupalkit ja widgetit: Widgetit, jotka hakevat reaaliaikaista tietoa tai vaativat palvelinpuolen käsittelyä, eivät toimi odotetulla tavalla.

Mahdolliset ratkaisut

Vaikka nämä rajoitukset ovat olemassa, on olemassa tapoja lieventää joitakin niistä:

• Lomakkeissa voit käyttää kolmannen osapuolen palveluita, kuten Formspree tai Netlify Forms.
• Kommentteja voidaan käsitellä palveluissa, kuten Disqus tai Facebook Comments.
• Hakutoiminnot voidaan toteuttaa asiakaspuolen ratkaisuilla, kuten Lunr.js tai Algolia (kuten Simply Static Pro tarjoaa).
• Harkitse sähköisessä kaupankäynnissä ulkoisten palvelujen, kuten Snipcartin tai Gumroadin, käyttöä.

Kun kehität omaa WordPress Pidä nämä rajoitukset mielessä ja suunnittele sivustosi rakenne ja ominaisuudet niiden mukaisesti. Keskity sisältölähtöisiin sivuihin ja minimoi riippuvuus dynaamisista ominaisuuksista, jotka eivät muutu staattiseksi ympäristöksi.

Vaihe 2: Asenna ja määritä Simply Static

Simply Static on ilmainen WordPress kytkeä joka luo staattisen version WordPress sivusto. Näin määrität sen:

1. Teidän WordPress hallintapaneelissa, siirry kohtaan Plugins > Add New.
2. Etsi "Simply Static", asenna laajennus ja aktivoi laajennus.
3. Siirry kohtaan Simply Static > Settings WordPress kojelautaan.
4. Määritä "Yleiset"-välilehdellä seuraavat:
   • Kohde-URL-osoitteet: Valitse Tallenna offline-käyttöön. Jos sinulla on jo mukautettu verkkotunnus, valitse "Absoluuttiset URL-osoitteet" alla olevan kuvakaappauksen mukaisesti:

5. Paikallinen hakemisto: Aseta tämä hakemistosi ulkopuoliseen hakemistoon WordPress asennus, esim. /Users/yourusername/Documents/StaticSite

6. Varmista Sisällytä/Sulje-välilehdellä, että kaikki tarvittavat URL-osoitteet on sisällytetty.
   • Useimmissa tapauksissa käytä /wp-content/ ja /wp-includes/

7. Tallenna asetukset.

On myös SimplyStaticin pro-versio, Tässä on yhteenveto Simply Static -laajennuksen ammattilaisominaisuuksista:

1. Kehittynyt käyttöönotto:
   • Ota staattiset sivustot käyttöön useille alustoille, mukaan lukien SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces ja BunnyCDN.
2. Helpot sivustopäivitykset:
   • Hallinnoi sisältöpäivityksiä tehokkaasti yksittäisten viestien, joukkopäivitysten tai tiettyjen URL-osoitteiden osalta.
3. Lomakkeiden ja kommenttien integrointi:
   • Integroi saumattomasti lomakkeet suosituista laajennuksista, kuten Contact Form 7, Gravity Forms ja Elementor Forms, staattiseen sivustoosi.
4. Hakutoiminnot:
   • Ota perushaku käyttöön Fuse.js:n avulla tai päivitä kattavampaan hakukokemukseen Algolian avulla.
5. WP-CLI-tuki:
   • WP-CLI:n avulla voit määrittää, viedä ja hallita Simply Static -ominaisuuksia suoraan komentoriviltä.
6. Monikielinen tuki:
   • Tarjoa sisältöä useilla kielillä WPML-, Polylang- ja TranslatePress-integraatioilla.
7. Pienennys:
   • Optimoi sivuston suorituskyky minimoimalla CSS-, JavaScript- ja staattiset HTML-tiedostot.
8. WordPress Peittäminen:
   • Vaihda oletusarvo WordPress polkuja piilottaakseen sen tosiasian WordPress on käytössä sisällönhallintajärjestelmänä.

Nämä ammattilaisominaisuudet parantavat merkittävästi staattisen sähkön toimivuutta ja joustavuutta WordPress sivustoja, mikä mahdollistaa edistyneemmät käyttöönotot, paremman suorituskyvyn ja paremman käyttökokemuksen.

Vaihe 3: Alusta Git-varasto

Nyt kun staattinen sivustogeneraattorimme on asennettu, valmistetaan paikallinen hakemistomme versionhallintaa varten:

1. Avaa pääte tai komentokehote.
2. Siirry Simply Static -kohdassa määrittämääsi hakemistoon (esim. cd /Users/yourusername/Documents/StaticSite).
3. Alusta uusi Git-arkisto suorittamalla:

   git init

Vaihe 4: Luo GitHub-arkisto

Käytämme GitHub Desktopia arkistomme luomiseen ja hallintaan:

1. Lataa ja asenna GitHub Desktop osoitteesta desktop.github.com jos et ole jo.
2. Avaa GitHub Desktop ja kirjaudu sisään GitHub-tilillesi.
3. Napsauta ”Tiedosto” > ”Uusi arkisto” tai käytä ”Luo ​​uusi arkisto kiintolevyllesi” -painiketta.
4. Aseta seuraavat:
   • Nimi: Valitse arkistollesi nimi (esim. "my-static-wordpress")
   • Paikallinen polku: Aseta tämä samaan hakemistoon, jonka määritit kohdassa Simply Static
   • Alusta tämä arkisto README-komennolla: Jätä valitsematta
   • Git ignore: Valitse "Ei mitään" (loimme omamme vaiheessa 3)
   • Lisenssi: Valitse sopiva lisenssi tai jätä "Ei mitään"
5. Napsauta "Luo arkisto"

Vaihe 5: Sitouta arkisto

Nyt kun arkistomme on perustettu, tehdään ensimmäinen sitoumuksemme:

1. GitHub Desktopissa sinun pitäisi nähdä kaikki staattisen sivustosi tiedostot muutoksina.
2. Syötä yhteenveto toimituksestasi (esim. "Staattisten sivustotiedostojen ensimmäinen toimitus").
3. Napsauta "Sitoudu pääsivulle" (tai "Sitoudu masteriin" vanhemmissa versioissa).
4. Napsauta "Julkaise arkisto" siirtääksesi paikallisen arkistosi GitHubiin.

Vaihe 6: Suorita yksinkertaisesti staattinen vienti

Nyt on aika luoda staattinen sivustomme:

1. Mene takaisin WordPress kojelautaan.
2. Siirry kohtaan Simply Static > Generate. (Voit jättää huomioimatta diagnostiikkavirhevaroituksen, koska otat käyttöön vain paikalliseen hakemistoon).
3. Napsauta "Luo staattiset tiedostot".
4. Odota prosessin valmistumista. Tämä voi kestää muutaman minuutin sivustosi koosta riippuen.
5. Kun olet valmis, palaa GitHub Desktopiin.
6. Sinun pitäisi nähdä äskettäin luodut tai päivitetyt tiedostot luettelossa muutoksina.
7. Vahvista nämä muutokset viestillä, kuten "Päivitä staattiset sivustotiedostot".
8. Työnnä muutokset GitHubiin napsauttamalla "Push origin".

Vaihe 7: Yhdistä arkisto isännöintialustaan

Nyt kun staattinen sivustomme on GitHubissa, voimme helposti yhdistää sen ilmaiseen isännöintialustaan. Annan ohjeet GitHub-sivuille, Netlifylle ja Vercelille:

GitHub-sivut

1. Siirry arkistoon GitHub.comissa.
2. Napsauta vasemmassa sivupalkissa "Asetukset" > "Sivut".
3. Valitse "Lähde"-kohdasta "Ota käyttöön haaratoimistosta".
4. Valitse haara, jonka haluat ottaa käyttöön (yleensä "pää" tai "pää").
5. Valitse juurikansio (/) ja napsauta "Tallenna".
6. Sivustosi julkaistaan ​​klo https://yourusername.github.io/repository-name/.

netlify

1. Luo ilmainen tili osoitteessa netlify.com.
2. Napsauta Netlify-hallintapaneelissa "Uusi sivusto Gitiltä".
3. Valitse GitHub Git-palveluntarjoajaksesi ja valtuuta Netlify.
4. Valitse arkisto luettelosta.
5. Jätä build-komento ja julkaise hakemisto tyhjäksi.
6. Napsauta "Ota käyttöön sivusto".
7. Sivustosi on käytössä Netlify-aliverkkotunnuksessa, jota voit muokata sivuston asetuksissa.

Vercel

1. Luo ilmainen tili osoitteessa vercel.com.
2. Napsauta "Uusi projekti" Vercel-hallintapaneelissa.
3. Tuo GitHub-arkistosi.
4. Jätä koontiasetukset ennalleen (Vercelin pitäisi havaita automaattisesti, että se on staattinen sivusto).
5. Napsauta "Ota käyttöön".
6. Sivustosi on käytössä Vercel-aliverkkotunnuksessa, jota voit mukauttaa projektiasetuksissa.

Yhteenveto

Onnittelut! Sinulla on nyt staattinen versio WordPress isännöity sivusto ilmaiseksi. Muista luoda uudelleen ja työntää staattiset tiedostosi aina, kun teet muutoksia tiedostoihisi WordPress sivusto. Tämän työnkulun avulla voit nauttia helppoudesta WordPress sisällön luomiseen samalla kun hyödyt staattisen sivuston nopeudesta, turvallisuudesta ja ilmaisesta isännöinnistä.

Muutamia lisävinkkejä:

• Harkitse mukautetun verkkotunnuksen luomista ammattimaisemman ilmeen saamiseksi.
• Päivitä säännöllisesti WordPress asennus ja laajennukset varmistaaksesi, että käytät uusimpia ominaisuuksia ja tietoturvapäivityksiä.
• Tutustu lisäominaisuuksiin Pro-versio Simply Staticista, kuin piiloutuminen WordPress ja lomakkeiden tai hakutoimintojen määrittäminen staattista sivustoa varten.