Cara Menghosting Statis WordPress Situs Gratis (di Halaman GitHub, Vercel, Netlify)

WordPress adalah sistem manajemen konten yang kuat dan populer, tetapi hostingnya dinamis WordPress situs bisa mahal dan memerlukan pemeliharaan berkelanjutan. Untuk banyak situs web atau blog sederhana, versi statis a WordPress situs bisa menjadi alternatif yang sangat baik. Situs statis lebih cepat, lebih aman, dan dapat dihosting secara gratis di platform seperti GitHub Pages, Netlify, atau Vercel.

Dalam tutorial ini, saya akan memandu proses pembuatan versi statis Anda WordPress situs dan menghostingnya secara gratis. Pendekatan ini sangat cocok untuk pemula yang ingin memanfaatkan user-friendly WordPress antarmuka untuk pembuatan konten sambil menikmati manfaat situs statis.

Alat yang Anda butuhkan

Sebelum mendalami prosesnya, pastikan Anda memiliki semua alat yang diperlukan. Berikut daftar semua yang Anda perlukan untuk meng-host statis Anda WordPress situs gratis:

Sebelum melanjutkan tutorial, pastikan Anda telah menginstal alat-alat ini dan menyiapkan akun. Mempersiapkan segala sesuatunya akan membuat prosesnya lancar dan mudah.

Langkah 1: Kembangkan WordPress Situs di LocalWP

Sebelum kita mulai, Anda harus memilikinya WordPress situs siap. Jika Anda belum membuat situs, atau saat ini dihosting di tempat lain, saya sarankan menggunakan LocalWP (sebelumnya Local by Flywheel) untuk mengembangkan dan menguji situs Anda secara lokal.

1. Unduh dan instal LocalWP secara gratis dari lokalwp.com.
2. Buat yang baru WordPress situs di LocalWP.
3. Rancang situs Anda, tambahkan konten, dan instal plugin yang diperlukan.
4. Pastikan situs Anda terlihat dan berfungsi persis seperti yang Anda inginkan dalam bentuk statisnya.

Memahami Batasan Situs Statis

Meskipun statis WordPress situs menawarkan manfaat seperti peningkatan kecepatan, keamanan, dan opsi hosting gratis, penting untuk menyadari keterbatasannya. Beberapa fitur dinamis dari WordPress tidak akan berfungsi di lingkungan statis:

1. WordPress Formulir: Tradisional WordPress formulir yang mengandalkan pemrosesan sisi server tidak akan berfungsi. Ini termasuk formulir kontak, formulir berlangganan, dan formulir interaktif lainnya.
2. WordPress komentar: Sistem komentar dinamis yang memungkinkan interaksi pengguna secara real-time tidak didukung di situs statis.
3. Akses Area Admin: Tautan apa pun ke /wp-admin atau internal serupa WordPress rute tidak akan berfungsi, karena memerlukan pemrosesan sisi server.
4. Pembaruan Konten Waktu Nyata: Situs statis memerlukan regenerasi dan penempatan ulang agar perubahan konten apa pun dapat muncul, tidak seperti situs dinamis WordPress situs di mana perubahan dapat segera terjadi.
5. Otentikasi Pengguna: Fitur yang memerlukan login atau keanggotaan pengguna tidak didukung dalam pengaturan situs statis dasar.
6. Fungsi E-niaga: Keranjang belanja dinamis dan pemrosesan pembayaran biasanya tidak akan berfungsi dalam lingkungan statis.
7. Fungsi Pencarian: WordPressFitur pencarian bawaan tidak akan berfungsi, meskipun alternatif dapat diterapkan (seperti yang disebutkan dalam fitur Simply Static Pro).
8. Sidebar dan Widget Dinamis: Widget yang mengambil data real-time atau memerlukan pemrosesan sisi server tidak akan berfungsi seperti yang diharapkan.

Kemungkinan Solusi

Meskipun terdapat keterbatasan-keterbatasan ini, ada beberapa cara untuk memitigasinya:

• Untuk formulir, Anda dapat menggunakan layanan pihak ketiga seperti Formspree atau Netlify Forms.
• Komentar dapat ditangani melalui layanan seperti Disqus atau Komentar Facebook.
• Fungsi pencarian dapat diimplementasikan menggunakan solusi sisi klien seperti Lunr.js atau Algolia (seperti yang ditawarkan di Simply Static Pro).
• Untuk e-niaga, pertimbangkan untuk menggunakan layanan eksternal seperti Snipcart atau Gumroad.

Saat mengembangkan Anda WordPress situs, ingatlah batasan ini dan rencanakan struktur dan fitur situs Anda sesuai dengan itu. Fokus pada halaman berbasis konten dan minimalkan ketergantungan pada fitur dinamis yang tidak akan diterjemahkan ke dalam lingkungan statis.

Langkah 2: Instal dan Konfigurasikan Simply Static

Simply Static gratis WordPress Plugin yang menghasilkan versi statis Anda WordPress lokasi. Berikut cara mengaturnya:

1. Dalam Anda WordPress dasbor, buka Plugin > Tambah Baru.
2. Cari “Simply Static”, instal plugin dan aktifkan plugin.
3. Buka Simply Static > Pengaturan di WordPress dasbor.
4. Di bawah tab “Umum”, atur yang berikut ini:
   • URL Tujuan: Pilih “Simpan untuk penggunaan offline”. Jika Anda sudah memiliki domain khusus, pilih “URL Absolut”, seperti gambar di bawah:

5. Direktori Lokal: Setel ini ke direktori di luar direktori Anda WordPress instalasi, misalnya, /Users/yourusername/Documents/StaticSite

6. Di bawah tab “Sertakan/Kecualikan”, pastikan semua URL yang diperlukan disertakan.
   • Dalam kebanyakan kasus, gunakan /wp-content/ dan /wp-includes/

7. Simpan pengaturan Anda.

Ada juga versi pro dari SimplyStatic, Berikut ringkasan fitur pro dari plugin Simply Static:

1. Penerapan Lanjutan:
   • Terapkan situs statis ke berbagai platform termasuk SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces, dan BunnyCDN.
2. Pembaruan Situs Mudah:
   • Kelola pembaruan konten secara efisien, baik untuk postingan tunggal, pembaruan massal, atau URL tertentu.
3. Integrasi Formulir & Komentar:
   • Integrasikan formulir dengan mulus dari plugin populer seperti Formulir Kontak 7, Formulir Gravitasi, dan Formulir Elementor ke situs statis Anda.
4. Fungsi Pencarian:
   • Terapkan penelusuran dasar menggunakan Fuse.js atau tingkatkan ke pengalaman penelusuran yang lebih komprehensif dengan Algolia.
5. Dukungan WP-CLI:
   • Gunakan WP-CLI untuk mengonfigurasi, mengekspor, dan mengelola fitur Simply Static langsung dari baris perintah.
6. Dukungan Multibahasa:
   • Tawarkan konten dalam berbagai bahasa dengan integrasi untuk WPML, Polylang, dan TranslatePress.
7. Minifikasi:
   • Optimalkan kinerja situs dengan mengecilkan file CSS, JavaScript, dan HTML statis.
8. WordPress Penyembunyian:
   • Ganti default WordPress jalan untuk menyembunyikan fakta itu WordPress sedang digunakan sebagai sistem manajemen konten.

Fitur pro ini secara signifikan meningkatkan fungsionalitas dan fleksibilitas statis WordPress situs, memungkinkan penerapan lebih lanjut, kinerja lebih baik, dan pengalaman pengguna lebih baik.

Langkah 3: Inisialisasi Repositori Git

Sekarang setelah kita menyiapkan generator situs statis, mari siapkan direktori lokal untuk kontrol versi:

1. Buka terminal atau prompt perintah.
2. Arahkan ke direktori yang Anda tentukan di Simply Static (misalnya, cd /Users/yourusername/Documents/StaticSite).
3. Inisialisasi repositori Git baru dengan menjalankan:

   git init

Langkah 4: Buat Repositori GitHub

Kami akan menggunakan GitHub Desktop untuk membuat dan mengelola repositori kami:

1. Unduh dan instal GitHub Desktop dari desktop.github.com jika Anda belum melakukannya.
2. Buka GitHub Desktop dan masuk ke akun GitHub Anda.
3. Klik “File” > “Repositori Baru” atau gunakan tombol “Buat Repositori Baru di hard drive Anda”.
4. Tetapkan yang berikut ini:
   • Nama: Pilih nama untuk repositori Anda (misalnya, “my-static-wordpress”)
   • Jalur Lokal: Setel ini ke direktori yang sama yang Anda tentukan di Simply Static
   • Inisialisasi repositori ini dengan README: Biarkan tidak dicentang
   • Git abaikan: Pilih "Tidak Ada" (kami membuatnya sendiri di langkah 3)
   • Lisensi: Pilih lisensi yang sesuai atau biarkan sebagai “Tidak Ada”
5. Klik “Buat Repositori”

Langkah 5: Komit Repositori

Sekarang setelah repositori kita siap, mari kita lakukan commit pertama kita:

1. Di GitHub Desktop, Anda akan melihat semua file di situs statis Anda terdaftar sebagai perubahan.
2. Masukkan ringkasan penerapan Anda (misalnya, “Komitmen awal file situs statis”).
3. Klik “Komit ke main” (atau “Komit ke master” di versi lama).
4. Klik “Publikasikan repositori” untuk memasukkan repositori lokal Anda ke GitHub.

Langkah 6: Jalankan Ekspor Cukup Statis

Sekarang saatnya membuat situs statis kita:

1. Kembali ke Anda WordPress dasbor.
2. Navigasikan ke Simply Static > Generate. (Anda dapat mengabaikan peringatan kesalahan Diagnostik, karena Anda hanya menerapkan ke direktori lokal).
3. Klik "Hasilkan File Statis".
4. Tunggu hingga prosesnya selesai. Ini mungkin memakan waktu beberapa menit tergantung pada ukuran situs Anda.
5. Setelah selesai, kembali ke GitHub Desktop.
6. Anda akan melihat file yang baru dibuat atau diperbarui terdaftar sebagai perubahan.
7. Lakukan perubahan ini dengan pesan seperti “Perbarui file situs statis”.
8. Dorong perubahan ke GitHub dengan mengklik “Dorong asal”.

Langkah 7: Hubungkan Repositori ke Platform Hosting

Sekarang situs statis kami ada di GitHub, kami dapat dengan mudah menghubungkannya ke platform hosting gratis. Saya akan memberikan instruksi untuk Halaman GitHub, Netlify, dan Vercel:

Halaman GitHub

1. Buka repositori Anda di GitHub.com.
2. Klik “Pengaturan” > “Halaman” di sidebar kiri.
3. Di bawah “Sumber”, pilih “Terapkan dari cabang”.
4. Pilih cabang yang ingin Anda terapkan (biasanya “utama” atau “master”).
5. Pilih folder root (/) dan klik “Simpan”.
6. Situs Anda akan ditayangkan https://yourusername.github.io/repository-name/.

netlify

1. Daftar untuk mendapatkan akun gratis di netlify.com.
2. Klik “Situs baru dari Git” di dasbor Netlify Anda.
3. Pilih GitHub sebagai penyedia Git Anda dan otorisasi Netlify.
4. Pilih repositori Anda dari daftar.
5. Biarkan perintah build dan publikasikan direktori kosong.
6. Klik "Terapkan situs".
7. Situs Anda akan aktif di subdomain Netlify, yang dapat Anda sesuaikan di pengaturan situs.

vercel

1. Daftar untuk mendapatkan akun gratis di vercel.com.
2. Klik "Proyek Baru" di dasbor Vercel Anda.
3. Impor repositori GitHub Anda.
4. Biarkan pengaturan build apa adanya (Vercel akan mendeteksi secara otomatis bahwa itu adalah situs statis).
5. Klik "Terapkan".
6. Situs Anda akan aktif di subdomain Vercel, yang dapat Anda sesuaikan dalam pengaturan proyek.

Kesimpulan

Selamat! Anda sekarang memiliki versi statis Anda WordPress situs dihosting gratis. Ingatlah untuk membuat ulang dan mendorong file statis Anda setiap kali Anda membuat perubahan pada file WordPress lokasi. Alur kerja ini memungkinkan Anda menikmati kemudahan WordPress untuk pembuatan konten sambil memanfaatkan kecepatan, keamanan, dan hosting gratis situs statis.

Beberapa tips tambahan:

• Pertimbangkan untuk menyiapkan domain khusus untuk tampilan yang lebih profesional.
• Perbarui secara teratur WordPress instalasi dan plugin untuk memastikan Anda bekerja dengan fitur terbaru dan pembaruan keamanan.
• Jelajahi fitur-fitur canggih dari Versi Pro dari Simply Static, seperti bersembunyi WordPress dan menyiapkan formulir atau fungsi pencarian untuk situs statis Anda.