Cara Menghoskan Statik WordPress Tapak secara Percuma (di Halaman GitHub, Vercel, Netlify)

WordPress ialah sistem pengurusan kandungan yang berkuasa dan popular, tetapi menjadi tuan rumah yang dinamik WordPress tapak mungkin mahal dan memerlukan penyelenggaraan yang berterusan. Untuk kebanyakan laman web atau blog mudah, versi statik a WordPress tapak boleh menjadi alternatif yang sangat baik. Tapak statik lebih pantas, lebih selamat dan boleh dihoskan secara percuma pada platform seperti Halaman GitHub, Netlify atau Vercel.

Dalam tutorial ini, saya akan melalui proses mencipta versi statik anda WordPress tapak dan mengehosnya secara percuma. Pendekatan ini sesuai untuk pemula yang ingin memanfaatkan mesra pengguna WordPress antara muka untuk penciptaan kandungan sambil menikmati faedah tapak statik.

Alat yang anda perlukan

Sebelum menyelam ke dalam proses, mari pastikan anda mempunyai semua alatan yang diperlukan. Berikut ialah senarai semua yang anda perlukan untuk mengehoskan statik anda WordPress laman web secara percuma:

Sebelum meneruskan dengan tutorial, pastikan anda memasang alat ini dan menyediakan akaun. Menyedia segala-galanya akan menjadikan proses itu lancar dan mudah.

Langkah 1: Kembangkan Anda WordPress Tapak di LocalWP

Sebelum kita mula, anda perlu mempunyai WordPress tapak sedia. Jika anda belum membuat tapak anda lagi, atau jika ia dihoskan di tempat lain pada masa ini, saya syorkan anda menggunakan LocalWP (dahulunya Local by Flywheel) untuk membangunkan dan menguji tapak anda secara setempat.

1. Muat turun dan pasang LocalWP secara percuma dari localwp.com.
2. Buat yang baru WordPress tapak dalam LocalWP.
3. Reka tapak anda, tambah kandungan dan pasang pemalam yang diperlukan.
4. Pastikan tapak anda kelihatan dan berfungsi sama seperti yang anda inginkan dalam bentuk statiknya.

Memahami Had Tapak Statik

Manakala statik WordPress tapak menawarkan faedah seperti kelajuan yang dipertingkatkan, keselamatan dan pilihan pengehosan percuma, adalah penting untuk mengetahui batasannya. Beberapa ciri dinamik bagi WordPress tidak akan berfungsi dalam persekitaran statik:

1. WordPress Borang: Tradisional WordPress borang yang bergantung pada pemprosesan sebelah pelayan tidak akan berfungsi. Ini termasuk borang hubungan, borang langganan dan borang interaktif lain.
2. WordPress Komen-komen: Sistem ulasan dinamik yang membenarkan interaksi pengguna masa nyata tidak disokong dalam tapak statik.
3. Akses Kawasan Pentadbir: Sebarang pautan ke /wp-admin atau dalaman yang serupa WordPress laluan tidak akan berfungsi, kerana ini memerlukan pemprosesan sebelah pelayan.
4. Kemas Kini Kandungan Masa Nyata: Tapak statik memerlukan penjanaan semula dan penempatan semula untuk sebarang perubahan kandungan muncul, tidak seperti dinamik WordPress tapak di mana perubahan adalah serta-merta.
5. Pengesahan Pengguna: Ciri yang memerlukan log masuk atau keahlian pengguna tidak disokong dalam persediaan tapak statik asas.
6. Fungsi E-dagang: Troli beli-belah dinamik dan pemprosesan pembayaran biasanya tidak akan berfungsi dalam persekitaran statik.
7. Fungsi Carian: WordPressCiri carian terbina dalam tidak akan berfungsi, walaupun alternatif boleh dilaksanakan (seperti yang dinyatakan dalam ciri Simply Static Pro).
8. Bar Sisi dan Widget Dinamik: Widget yang menarik data masa nyata atau memerlukan pemprosesan sebelah pelayan tidak akan berfungsi seperti yang diharapkan.

Kemungkinan Penyelesaian

Walaupun batasan ini wujud, terdapat cara untuk mengurangkan beberapa daripadanya:

• Untuk borang, anda boleh menggunakan perkhidmatan pihak ketiga seperti Formspree atau Netlify Forms.
• Komen boleh dikendalikan melalui perkhidmatan seperti Disqus atau Komen Facebook.
• Kefungsian carian boleh dilaksanakan menggunakan penyelesaian sisi klien seperti Lunr.js atau Algolia (seperti yang ditawarkan dalam Simply Static Pro).
• Untuk e-dagang, pertimbangkan untuk menggunakan perkhidmatan luaran seperti Snipcart atau Gumroad.

Apabila membangunkan anda WordPress tapak, ingat had ini dan rancang struktur dan ciri tapak anda dengan sewajarnya. Fokus pada halaman dipacu kandungan dan kurangkan pergantungan pada ciri dinamik yang tidak akan diterjemahkan kepada persekitaran statik.

Langkah 2: Pasang dan Konfigurasikan Simply Static

Simply Static adalah percuma WordPress Pasangkan yang menjana versi statik anda WordPress tapak. Berikut ialah cara untuk menyediakannya:

1. Dalam anda WordPress papan pemuka, pergi ke Pemalam > Tambah Baharu.
2. Cari "Simply Static", pasang pemalam dan aktifkan pemalam.
3. Pergi ke Simply Static > Settings dalam anda WordPress papan pemuka.
4. Di bawah tab "Umum", tetapkan yang berikut:
   • URL Destinasi: Pilih "Simpan untuk kegunaan luar talian". Jika anda sudah mempunyai domain tersuai, kemudian pilih "URL Mutlak", seperti pada tangkapan skrin di bawah:

5. Direktori Tempatan: Tetapkan ini kepada direktori di luar anda WordPress pemasangan, cth, /Users/yourusername/Documents/StaticSite

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

7. Simpan tetapan anda.

Terdapat juga a versi pro SimplyStatic, Berikut ialah ringkasan ciri pro pemalam Simply Static:

1. Penggunaan Lanjutan:
   • Sebarkan tapak statik ke berbilang platform termasuk SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces dan BunnyCDN.
2. Kemas Kini Laman Mudah:
   • Urus kemas kini kandungan dengan cekap, sama ada untuk siaran tunggal, kemas kini pukal atau URL tertentu.
3. Penyepaduan Borang & Komen:
   • Sepadukan dengan lancar borang daripada pemalam popular seperti Borang Hubungan 7, Borang Graviti dan Borang Elementor ke dalam tapak statik anda.
4. Fungsi Carian:
   • Laksanakan carian asas menggunakan Fuse.js atau tingkatkan kepada pengalaman carian yang lebih komprehensif dengan Algolia.
5. Sokongan WP-CLI:
   • Gunakan WP-CLI untuk mengkonfigurasi, mengeksport dan mengurus ciri Simply Static terus daripada baris arahan.
6. Sokongan pelbagai bahasa:
   • Menawarkan kandungan dalam berbilang bahasa dengan penyepaduan untuk WPML, Polylang dan TranslatePress.
7. Pengurangan:
   • Optimumkan prestasi tapak dengan mengecilkan CSS, JavaScript dan fail HTML statik.
8. WordPress Penyembunyian:
   • Gantikan lalai WordPress jalan untuk menyembunyikan fakta bahawa WordPress sedang digunakan sebagai sistem pengurusan kandungan.

Ciri pro ini meningkatkan kefungsian dan fleksibiliti statik dengan ketara WordPress tapak, membenarkan penggunaan yang lebih maju, prestasi yang lebih baik dan pengalaman pengguna yang lebih baik.

Langkah 3: Mulakan Repositori Git

Kini setelah kami menyediakan penjana tapak statik kami, mari sediakan direktori tempatan kami untuk kawalan versi:

1. Buka terminal atau gesaan arahan.
2. Navigasi ke direktori yang anda tentukan dalam Simply Static (cth, cd /Users/yourusername/Documents/StaticSite).
3. Mulakan repositori Git baharu dengan menjalankan:

   git init

Langkah 4: Buat Repositori GitHub

Kami akan menggunakan Desktop GitHub untuk mencipta dan mengurus repositori kami:

1. Muat turun dan pasang Desktop GitHub dari desktop.github.com jika anda belum melakukannya.
2. Buka Desktop GitHub dan log masuk ke akaun GitHub anda.
3. Klik pada "Fail" > "Repositori Baharu" atau gunakan butang "Buat Repositori Baharu pada cakera keras anda".
4. Tetapkan yang berikut:
   • Nama: Pilih nama untuk repositori anda (cth, “my-static-wordpress”)
   • Laluan Tempatan: Tetapkan ini kepada direktori yang sama yang anda tentukan dalam Simply Static
   • Mulakan repositori ini dengan README: Biarkan tidak ditandai
   • Git abaikan: Pilih "Tiada" (kami buat sendiri dalam langkah 3)
   • Lesen: Pilih lesen yang sesuai atau biarkan sebagai "Tiada"
5. Klik "Buat Repositori"

Langkah 5: Komit Repositori

Sekarang setelah kami menyediakan repositori kami, mari buat komitmen pertama kami:

1. Dalam Desktop GitHub, anda sepatutnya melihat semua fail dalam tapak statik anda disenaraikan sebagai perubahan.
2. Masukkan ringkasan untuk komit anda (cth, "Komit awal fail tapak statik").
3. Klik "Komit untuk utama" (atau "Komit untuk menguasai" dalam versi yang lebih lama).
4. Klik "Terbitkan repositori" untuk menolak repositori tempatan anda ke GitHub.

Langkah 6: Jalankan Eksport Statik Mudah

Kini tiba masanya untuk menjana tapak statik kami:

1. Kembali kepada anda WordPress papan pemuka.
2. Navigasi ke Simply Static > Generate. (Anda boleh mengabaikan amaran ralat Diagnostik, kerana anda hanya menggunakan direktori tempatan).
3. Klik "Jana Fail Statik".
4. Tunggu proses selesai. Ini mungkin mengambil masa beberapa minit bergantung pada saiz tapak anda.
5. Setelah selesai, kembali ke Desktop GitHub.
6. Anda sepatutnya melihat fail yang baru dijana atau dikemas kini disenaraikan sebagai perubahan.
7. Lakukan perubahan ini dengan mesej seperti "Kemas kini fail tapak statik".
8. Tolak perubahan ke GitHub dengan mengklik "Tekan asal".

Langkah 7: Sambungkan Repositori ke Platform Pengehosan

Memandangkan tapak statik kami berada di GitHub, kami boleh menyambungkannya ke platform pengehosan percuma dengan mudah. Saya akan memberikan arahan untuk Halaman GitHub, Netlify dan Vercel:

Halaman GitHub

1. Pergi ke repositori anda di GitHub.com.
2. Klik pada "Tetapan" > "Halaman" di bar sisi kiri.
3. Di bawah "Sumber", pilih "Kerahkan daripada cawangan".
4. Pilih cawangan yang anda mahu gunakan (biasanya "utama" atau "tuan").
5. Pilih folder akar (/) dan klik "Simpan".
6. Tapak anda akan disiarkan secara langsung di https://yourusername.github.io/repository-name/.

Bersih

1. Daftar untuk akaun percuma di netlify.com.
2. Klik "Tapak baharu daripada Git" pada papan pemuka Netlify anda.
3. Pilih GitHub sebagai pembekal Git anda dan beri kebenaran kepada Netlify.
4. Pilih repositori anda daripada senarai.
5. Biarkan arahan bina dan terbitkan direktori kosong.
6. Klik "Kerahkan tapak".
7. Tapak anda akan disiarkan secara langsung di subdomain Netlify, yang boleh anda sesuaikan dalam tetapan tapak.

vercel

1. Daftar untuk akaun percuma di vercel.com.
2. Klik "Projek Baharu" pada papan pemuka Vercel anda.
3. Import repositori GitHub anda.
4. Biarkan tetapan binaan seperti sedia ada (Vercel harus mengesan secara automatik bahawa ia adalah tapak statik).
5. Klik "Kerahkan".
6. Tapak anda akan disiarkan secara langsung di subdomain Vercel, yang boleh anda sesuaikan dalam tetapan projek.

Ringkasan

tahniah! Anda kini mempunyai versi statik anda WordPress tapak dihoskan secara percuma. Ingat untuk menjana semula dan menolak fail statik anda apabila anda membuat perubahan pada fail anda WordPress tapak. Aliran kerja ini membolehkan anda menikmati kemudahan WordPress untuk penciptaan kandungan sambil mendapat manfaat daripada kelajuan, keselamatan dan pengehosan percuma tapak statik.

Beberapa petua tambahan:

• Pertimbangkan untuk menyediakan domain tersuai untuk penampilan yang lebih profesional.
• Kemas kini anda dengan kerap WordPress pemasangan dan pemalam untuk memastikan anda menggunakan ciri terkini dan kemas kini keselamatan.
• Terokai ciri lanjutan bagi Versi Pro Simply Static, seperti bersembunyi WordPress dan menyediakan borang atau fungsi carian untuk tapak statik anda.