Carane Host Statis WordPress Situs Gratis (ing GitHub Pages, Vercel, Netlify)

in WordPress

Konten kita didhukung maca. Yen sampeyan ngeklik tautan, kita bisa entuk komisi. Carane kita review.

WordPress iku sistem manajemen isi kuat lan populer, nanging hosting dinamis WordPress Situs bisa larang regane lan mbutuhake pangopènan sing terus-terusan. Kanggo akeh situs web utawa blog sing prasaja, versi statis a WordPress situs bisa dadi alternatif banget. Situs statis luwih cepet, luwih aman, lan bisa di-host gratis ing platform kaya GitHub Pages, Netlify, utawa Vercel.

Ing tutorial iki, aku bakal mlaku liwat proses nggawe versi statis saka sampeyan WordPress situs lan hosting iku gratis. Pendekatan iki cocog kanggo pamula sing pengin nggunakake pangguna sing ramah WordPress antarmuka kanggo nggawe konten nalika ngrasakake keuntungan saka situs statis.

Piranti sing sampeyan butuhake

Sadurunge nyilem menyang proses, ayo priksa manawa sampeyan duwe kabeh alat sing dibutuhake. Mangkene dhaptar kabeh sing dibutuhake kanggo dadi tuan rumah statis WordPress situs gratis:

LocalWP: Lokal gratis WordPress alat pembangunan sing ngijini sampeyan kanggo mbangun lan nyoba WordPress situs offline.

Mung statis: A gratis WordPress plugin sing ngasilake versi statis saka Panjenengan WordPress Situs.

Git: Sistem kontrol versi kanggo nglacak owah-owahan ing file sampeyan. Biasane wis diinstal ing Mac lan Linux. Pangguna Windows bisa ngundhuh saka git-scm.com

Desktop GitHub: Antarmuka sing ramah pangguna kanggo ngatur repositori Git. Ngundhuh saka: desktop.github.com

Akun GitHub: Sampeyan mbutuhake iki kanggo dadi tuan rumah repositori lan nggunakake GitHub Pages. Ndaftar gratis ing: github.com

Akun Platform Hosting: Pilih salah siji saka ing ngisor iki:

Sadurunge nerusake tutorial, priksa manawa sampeyan wis nginstal piranti kasebut lan nyetel akun. Duwe kabeh siap bakal nggawe proses lancar lan langsung.

Langkah 1: Ngembangake Panjenengan WordPress Situs ing LocalWP

Sadurunge miwiti, sampeyan kudu duwe WordPress situs siap. Yen sampeyan durung nggawe situs sampeyan, utawa yen saiki di-host ing papan liya, aku nyaranake nggunakake LocalWP (sadurunge Lokal dening Flywheel) kanggo ngembangake lan nguji situs sampeyan sacara lokal.

lokalwp
  1. Ngundhuh lan nginstal LocalWP gratis saka localwp.com.
  2. Nggawe anyar WordPress situs ing LocalWP.
  3. Desain situs sampeyan, nambah konten, lan nginstal plugin sing dibutuhake.
  4. Priksa manawa situs sampeyan katon lan fungsine persis kaya sing dikarepake ing wangun statis.

Ngerti Watesan Situs Statis

Nalika statis WordPress situs nawakake keuntungan kaya nambah kacepetan, keamanan, lan opsi hosting gratis, iku penting kanggo ngerti watesan sing. Sawetara fitur dinamis saka WordPress ora bakal bisa digunakake ing lingkungan statis:

  1. WordPress Forms: Tradisional WordPress formulir sing gumantung ing pangolahan sisih server ora bakal bisa. Iki kalebu formulir kontak, formulir langganan, lan formulir interaktif liyane.
  2. WordPress komentar: Sistem komentar dinamis sing ngidini interaksi pangguna wektu nyata ora didhukung ing situs statis.
  3. Akses Area Admin: Sembarang pranala menyang /wp-admin utawa internal padha WordPress rute ora bisa digunakake, amarga iki mbutuhake pangolahan sisih server.
  4. Nganyari Konten wektu nyata: Situs statis mbutuhake regenerasi lan redeployment supaya owah-owahan isi katon, ora kaya dinamis WordPress situs ngendi owah-owahan langsung.
  5. Otentikasi Panganggo: Fitur sing mbutuhake login pangguna utawa anggota ora didhukung ing persiyapan situs statis dhasar.
  6. Fungsi E-commerce: Kréta blanja dinamis lan pangolahan pembayaran biasane ora bisa digunakake ing lingkungan statis.
  7. Fungsi Panelusuran: WordPressFitur telusuran sing dibangun ora bakal bisa digunakake, sanajan alternatif bisa ditindakake (kaya sing kasebut ing fitur Simply Static Pro).
  8. Sidebars dinamis lan Widget: Widget sing narik data wektu nyata utawa mbutuhake pangolahan sisih server ora bakal bisa digunakake kaya sing dikarepake.

Solusi sing bisa ditindakake

Nalika watesan kasebut ana, ana cara kanggo nyuda sawetara:

  • Kanggo formulir, sampeyan bisa nggunakake layanan pihak katelu kaya Formspree utawa Netlify Forms.
  • Komentar bisa ditangani liwat layanan kaya Disqus utawa Facebook Comments.
  • Fungsi telusuran bisa dileksanakake nggunakake solusi sisih klien kaya Lunr.js utawa Algolia (kaya sing ditawakake ing Simply Static Pro).
  • Kanggo e-commerce, coba gunakake layanan eksternal kaya Snipcart utawa Gumroad.

Nalika ngembangaken sampeyan WordPress situs, elinga watesan kasebut lan rencanakake struktur lan fitur situs sampeyan. Fokus ing kaca sing didorong konten lan nyilikake katergantungan ing fitur dinamis sing ora bakal nerjemahake menyang lingkungan statis.

Langkah 2: Instal lan Konfigurasi Mung Statis

Simply Static iku gratis WordPress plugin sing ngasilake versi statis saka Panjenengan WordPress situs. Mangkene carane nyiyapake:

  1. Ing WordPress dashboard, pindhah menyang Plugins > Add New.
  2. Telusuri "Mung Statis", instal plugin lan aktifake plugin kasebut.
  3. Pindhah menyang Simply Static > Settings in your WordPress dashboard.
  4. Ing tab "Umum", setel ing ngisor iki:
    • URL tujuan: Pilih "Simpen kanggo panggunaan offline". Yen sampeyan wis duwe domain khusus, banjur pilih "URL Absolute", kaya gambar ing ngisor iki:
Cukup Setelan URL Statis
  1. Direktori Lokal: Setel iki menyang direktori ing njaba sampeyan WordPress instalasi, contone, /Users/yourusername/Documents/StaticSite
    Mung Setelan Penyebaran Statis
    1. Ing tab "Klebu / Ngilangi", priksa manawa kabeh URL sing dibutuhake kalebu.
      • Umume kasus nggunakake /wp-content/ lan /wp-includes/
    File lan Direktori Tambahan
    1. Simpen setelan sampeyan.

      Ana uga versi pro saka SimplyStatic, Mangkene ringkesan fitur pro plugin Simply Static:

      1. Panyebaran Lanjut:
        • Pasang situs statis menyang macem-macem platform kalebu SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces, lan BunnyCDN.
      2. Nganyari Situs Gampang:
        • Ngatur nganyari konten kanthi efisien, manawa kanggo kiriman siji, nganyari akeh, utawa URL tartamtu.
      3. Integrasi Formulir & Komentar:
        • Nggabungake formulir saka plugin populer kaya Formulir Kontak 7, Formulir Gravitasi, lan Formulir Elementor menyang situs statis sampeyan.
      4. Fungsi Panelusuran:
        • Ngleksanakake panelusuran dhasar nggunakake Fuse.js utawa upgrade menyang pengalaman panelusuran sing luwih lengkap karo Algolia.
      5. Dhukungan WP-CLI:
        • Gunakake WP-CLI kanggo ngatur, ngekspor, lan ngatur fitur Simply Static langsung saka baris perintah.
      6. Dhukungan Multilingual:
        • Nawakake konten ing pirang-pirang basa kanthi integrasi kanggo WPML, Polylang, lan TranslatePress.
      7. Minifikasi:
        • Ngoptimalake kinerja situs kanthi nyuda file CSS, JavaScript, lan HTML statis.
      8. WordPress ndhelikake:
        • Ganti standar WordPress dalan kanggo ndhelikake kasunyatan sing WordPress digunakake minangka sistem manajemen konten.

      Fitur pro iki kanthi signifikan ningkatake fungsionalitas lan keluwesan statis WordPress situs, ngidini panyebaran luwih maju, kinerja sing luwih apik, lan pengalaman pangguna sing luwih apik.

      Langkah 3: Miwiti Repositori Git

      Saiki kita wis nyiyapake generator situs statis, ayo nyiyapake direktori lokal kanggo kontrol versi:

      1. Bukak terminal utawa command prompt.
      2. Navigasi menyang direktori sing sampeyan nemtokake ing Simply Static (contone, cd /Users/yourusername/Documents/StaticSite).
      3. Miwiti repositori Git anyar kanthi mbukak:
       git init

      Langkah 4: Nggawe Repositori GitHub

      Kita bakal nggunakake GitHub Desktop kanggo nggawe lan ngatur repositori:

      github desktop
      1. Ngundhuh lan nginstal GitHub Desktop saka desktop.github.com yen sampeyan durung.
      2. Bukak Desktop GitHub lan mlebu menyang akun GitHub sampeyan.
      3. Klik ing "File"> "Repositori Anyar" utawa gunakake tombol "Gawe Repositori Anyar ing hard drive sampeyan".
      4. Setel ing ngisor iki:
        • Jeneng: Pilih jeneng kanggo repositori sampeyan (contone, "my-static-wordpress")
        • Path Lokal: Setel iki menyang direktori sing padha sing sampeyan nemtokake ing Simply Static
        • Miwiti repositori iki nganggo README: Aja dicenthang
        • Git nglirwakake: Pilih "Ora ana" (kita nggawe dhewe ing langkah 3)
        • Lisensi: Pilih lisensi sing cocog utawa tinggalake "Ora Ana"
      5. Klik "Gawe Repositori"

      Langkah 5: Nggawe Repositori

      Saiki kita wis nyiyapake repositori, ayo nggawe komitmen pisanan:

      1. Ing GitHub Desktop, sampeyan kudu ndeleng kabeh file ing situs statis sampeyan kadhaptar minangka owah-owahan.
      2. Ketik ringkesan kanggo komitmen sampeyan (contone, "Komit awal file situs statis").
      3. Klik "Commit to main" (utawa "Commit to master" ing versi lawas).
      4. Klik "Terbitake repositori" kanggo push repositori lokal menyang GitHub.

      Langkah 6: Jalanake Ekspor Cukup Statis

      Saiki wektune nggawe situs statis:

      Cukup Ekspor Statis
      1. Bali menyang WordPress dashboard.
      2. Navigasi menyang Simply Static> Generate. (Sampeyan bisa nglirwakake tandha kesalahan Diagnostik, amarga sampeyan mung nyebar menyang direktori lokal).
      3. Klik "Generate Static Files".
      4. Ngenteni proses rampung. Iki mbutuhake sawetara menit gumantung saka ukuran situs sampeyan.
      5. Sawise rampung, bali menyang GitHub Desktop.
      6. Sampeyan kudu ndeleng file sing mentas digawe utawa dianyari kadhaptar minangka owah-owahan.
      7. Nggawe owah-owahan kasebut kanthi pesen kaya "Nganyari file situs statis".
      8. Push pangowahan menyang GitHub kanthi ngeklik "Push asal".

      Langkah 7: Sambungake Repositori menyang Platform Hosting

      Saiki situs statis kita ana ing GitHub, kita bisa kanthi gampang nyambung menyang platform hosting gratis. Aku bakal menehi pandhuan kanggo GitHub Pages, Netlify, lan Vercel:

      Kaca GitHub

      1. Bukak repositori sampeyan ing GitHub.com.
      2. Klik ing "Setelan"> "Kaca" ing sidebar kiwa.
      3. Ing "Sumber", pilih "Panyebaran saka cabang".
      4. Pilih cabang sing pengin disebarake (biasane "utama" utawa "master").
      5. Pilih folder root (/) banjur klik "Simpen".
      6. Situs sampeyan bakal urip ing https://yourusername.github.io/repository-name/.

      netlify

      1. Mlebu kanggo akun free ing netlify.com.
      2. Klik "Situs anyar saka Git" ing dasbor Netlify sampeyan.
      3. Pilih GitHub minangka panyedhiya Git lan wewenang Netlify.
      4. Pilih repositori saka dhaptar.
      5. Ninggalake perintah mbangun lan nerbitake direktori kosong.
      6. Klik "Deploy site".
      7. Situs sampeyan bakal urip ing subdomain Netlify, sing bisa sampeyan atur ing setelan situs.

      vercel

      1. Mlebu kanggo akun free ing vercel.com.
      2. Klik "Proyek Anyar" ing dashboard Vercel sampeyan.
      3. Impor repositori GitHub sampeyan.
      4. Ninggalake setelan mbangun kaya apa wae (Vercel kudu ndeteksi otomatis manawa iku situs statis).
      5. Klik "Deploy".
      6. Situs sampeyan bakal urip ing subdomain Vercel, sing bisa sampeyan atur ing setelan proyek.

      Summary

      Sugeng rawuh! Sampeyan saiki duwe versi statis saka sampeyan WordPress situs tuan rumah gratis. Elinga regenerasi lan push file statis nalika sampeyan nggawe pangowahan WordPress situs. Alur kerja iki ngidini sampeyan seneng kanthi gampang WordPress kanggo nggawe konten nalika entuk manfaat saka kacepetan, keamanan, lan hosting gratis situs statis.

      Sawetara tips tambahan:

      • Coba nyetel domain khusus kanggo tampilan sing luwih profesional.
      • Ajeg nganyari Panjenengan WordPress instalasi lan plugin kanggo mesthekake yen sampeyan lagi nggarap fitur paling anyar lan nganyari keamanan.
      • Jelajahi fitur canggih saka Versi Pro saka Simply Static, kaya ndhelik WordPress lan nyetel formulir utawa fungsi telusuran kanggo situs statis sampeyan.

      Babagan Panganggit

      Matt Ahgren

      Mathias Ahlgren minangka CEO lan pangadeg Website Rating, kemudi tim editor lan panulis global. Dheweke duwe gelar master ing ilmu informasi lan manajemen. Karir dheweke dadi SEO sawise pengalaman pangembangan web awal nalika universitas. Kanthi luwih saka 15 taun ing SEO, pemasaran digital, lan pangembang web. Fokuse uga kalebu keamanan situs web, dibuktekake kanthi sertifikat Keamanan Siber. Keahlian macem-macem iki ndhukung kepemimpinane ing Website Rating.

      Home » WordPress » Carane Host Statis WordPress Situs Gratis (ing GitHub Pages, Vercel, Netlify)
      Nuduhake ...