Sebagai pemula WordPress kemajuan dalam karir mereka, situs mereka tumbuh juga. Saat menjalankan situs web yang stabil dan profesional, mengedit semuanya hidup bukanlah pilihan terbaik. Beberapa pengguna kami meminta kami tutorial yang menjelaskan proses pembuatan lingkungan pementasan. Pada artikel ini, kami akan menunjukkan cara membuat lingkungan pementasan untuk situs WordPress Anda.
catatan: Artikel ini lebih cocok untuk pengguna yang ingin beralih dari level pemula perkembangan WordPress ke sedikit kemajuan terlebih dahulu. Artikel ini akan membantu Anda dari coding cow-boy dan belajar yang terbaik. Inilah yang akan Anda pelajari pada akhir artikel ini.
- Membuat Situs Pementasan
- Menggunakan Git dan BitBucket
- Mendorong Perubahan Dari Server Lokal ke BitBucket
- Menyebarkan Perubahan dari BitBucket ke Situs Pementasan
Apa itu Lingkungan Pementasan?
Untuk mengerjakan situs WordPress, kami merekomendasikan pengguna kami untuk menginstal WordPress secara lokal di komputer Windows atau Mac mereka. Setelah selesai dan puas dengan website anda, maka anda bisa mengunggahnya dari localhost ke live server.
Ada satu masalah dengan pendekatan ini. Bagaimana jika sesuatu yang bekerja pada localhost Anda tidak bekerja pada server live? Hal ini akan menyebabkan kesalahan yang bisa menjadi masalah bagi situs mapan karena dapat mempengaruhi peringkat mesin pencari, penjualan, kesan pertama pada pengguna, dll.
Alih-alih mengunggah perubahan ke situs langsung, Anda dapat mengunggahnya ke situs pementasan di server yang sama. Situs pementasan adalah area pengembangan terpisah di situs Anda (biasanya sub-domain) dengan akses terbatas. Di sinilah Anda bisa menguji perubahan Anda atau menggunakannya untuk semua perkembangan Anda. Setelah Anda benar-benar menguji situs Anda, Anda kemudian dapat mengunggahnya ke situs langsung Anda.
Jika Anda seorang pemula dan tidak ingin mempelajari proses rumit yang disorot dalam artikel di bawah ini, maka kami merekomendasikan agar Anda memilih penyedia hosting WordPress yang dikelola seperti WPEngine yang menawarkan fungsionalitas pementasan built-in. Teman-teman kita di SiteGround juga menawarkan fungsionalitas pementasan dalam rencana pertumbuhan-geek mereka yang jauh lebih terjangkau.
Menyiapkan Lingkungan Pementasan Menggunakan cPanel
Hal pertama yang perlu Anda lakukan adalah membuat subdomain di domain utama Anda. Subdomain akan memungkinkan Anda menjalankan situs web Anda di folder terpisah, tidak memengaruhi database utama, file, atau upload Anda.
Untuk melakukan ini, login ke cPanel Anda (panel kontrol lainnya akan serupa, cari Domain atau Subdomain ), Di bawah Domain bagian, Anda perlu mengklik Subdomain.
Pada layar berikutnya, masukkan nama yang ingin Anda gunakan untuk subdomain Anda (biasanya pementasan atau dev ) dan kemudian pilih domain utama Anda dari menu drop down.
Di cPanel, ini otomatis harus mengisi Akar Dokumen kotak teks dengan lokasi berdasarkan nama subdomain anda. Anda dapat mengubah ini jika Anda mau, tapi biasanya defaultnya akan baik-baik saja (public_html / staging).
Sekarang Anda hanya perlu klik Membuat kapan kamu selesai Ini harus mengkonfirmasi, dan menunjukkan subdomain pada tabel di bawah ini.
Anda dapat memverifikasi bahwa subdomain Anda telah disiapkan dengan mengunjungi di browser web Anda. Ini harus menampilkan sesuatu yang mirip dengan ini:
Sekarang Anda perlu membuat akun FTP terpisah untuk lingkungan pementasan Anda. Akun FTP khusus hanya akan memiliki akses ke direktori pangkalan Anda untuk mencegah perubahan yang tidak disengaja ke lingkungan sekitar Anda.
Di cPanel, navigasikan ke Akun FTP bagian. Lengkapi bidang di Tambahkan Akun FTP bagian.
Itu Direktori harus sesuai dengan direktori yang Anda tentukan saat membuat subdomain Anda. Klik Buat Akun FTP untuk membuat akun baru Anda. Akun ini hanya akan memiliki akses ke direktori yang Anda tentukan bukan keseluruhan server.
Menyalin Data Dari Situs Hidup ke Pementasan Lingkungan
Sekarang setelah Anda menyiapkan subdomain Anda, langkah selanjutnya adalah menyalin data dari situs langsung Anda ke situs pementasan Anda. Ini akan memungkinkan Anda untuk menguji perubahan di lingkungan pementasan Anda dengan data yang sama tanpa mempengaruhi situs langsung Anda.
Cara termudah untuk melakukannya adalah melalui phpMyAdmin . Masuk ke phpMyAdmin melalui cPanel , dan pilih database live Anda saat ini. Setelah Anda memilih database hidup Anda, klik di Operasi tab di menu bar
Di sini Anda perlu mencari Salin Database ke kotak. Di kotak teks, masukkan nama database pementasan Anda (jika Anda belum membuatnya belum, pastikan BUAT DATABASE sebelum menyalin dicentang dan berikan nama seperti example_staging). Anda perlu menyalin struktur dan data sekaligus memastikan bahwa Anda menyimpan pengaturan yang tersisa sebagai default. Klik Pergi untuk menjalankan salinan Ingat untuk database yang lebih besar ini mungkin memakan waktu lama.
Setelah database Anda disalin, Anda perlu memilihnya dari sidebar di sebelah kiri. phpMyAdmin sekarang akan membuka database yang baru disalin Anda perlu klik SQL tab di bilah menu phpMyAdmin .
Sekarang kita akan mengganti semua referensi situs live kita ke situs pementasan untuk memastikan semuanya berjalan baik saat kita menggunakan database ini untuk pementasan. Untuk melakukan itu Anda perlu menjalankan query SQL berikut.
UPDATE wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET guid = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL');
Masukkan kueri di atas ke dalam kotak kueri SQL, ganti nilai berikut:
- ORIGINAL_URL – URL situs asli Anda mis. https://example.com. Anda bisa menemukannya di Admin WordPress Anda di bawah Settings> General> WordPress Address (URL)
- NEW_URL – masukkan URL baru Anda, ini akan menjadi salah satu situs pementasan Anda yang dibuat sebelumnya (pastikan untuk menyertakan http: // – mis. https://staging.example.com)
- wp_ – Jika situs Anda memiliki awalan khusus pada tabel database, pastikan Anda mengganti wp_ dengan itu.
Klik Pergi untuk menjalankan kueri. Pesan konfirmasi akan muncul saat ini selesai.
Setelah menyalin database Anda, Anda perlu menyalin file WordPress, plugin, tema, dan upload Anda. Pertama unduh salinan WordPress dari WordPress.org. Upload konten WordPress ke situs pementasan Anda. Catatan , jangan jalankan install WordPress belum.
Setelah mengunggah WordPress, hal berikutnya yang perlu Anda salin adalah file media, plugin, dan tema. Folder berikut perlu disalin:
- / wp-content / uploads
- / wp-content / themes
- wp-content / plugins
Jika mereka kecil, maka Anda dapat mendownloadnya dari situs live Anda melalui klien FTP Anda dan mengunggahnya ke dalam folder pementasan Anda. Namun untuk folder yang lebih besar, ini seringkali bisa menyita waktu. Manajer file cPanel memungkinkan Anda menyalin folder secara langsung ke server sehingga prosesnya lebih cepat.
Masuk ke dashboard cPanel Anda dan klik di Pengatur file di bagian Files.
cPanel akan meluncurkan file manager. Anda perlu menavigasi ke situs live Anda wp-content direktori (biasanya / public_html / wp-content) di mana Anda bisa melihat folder tema, plugin, dan upload Anda.
Untuk setiap folder, Anda perlu klik kanan dan pilih Salinan . Ini akan memunculkan kotak dialog, pilih lokasi di mana Anda ingin folder disalin. Kami ingin menyalinnya ke direktori yang telah kami buat untuk subdomain pementasan. Ini juga merupakan direktori tempat Anda mengupload WordPress di langkah sebelumnya. / public_html / staging / wp-content /
Ini akan menyalin setiap folder ke dalam pementasan Anda wp-content direktori.
Anda perlu mengulangi ini untuk masing-masing direktori di atas (plugin, tema, dan upload).
catatan: Di beberapa lingkungan hosting WordPress, Anda mungkin tidak dapat menggunakan pengelola file sehingga Anda harus mendownload direktori ini secara manual ke komputer Anda dan kemudian mengunggahnya ke situs pementasan atau menggunakan SSH.
Setelah Anda menyalin direktori ini, Anda siap menghubungkan instalasi pementasan Anda WordPress ke database yang anda salin tadi.
Akses situs pementasan Anda, melalui subdomain yang telah kami buat sebelumnya. Jika direktori pementasan Anda tidak berisi a wp-config.php mengajukan, WordPress akan mencoba untuk membuat satu meminta rincian koneksi database Anda. Jika memiliki file wp-config.php, pastikan Anda mengeditnya untuk menggunakan rincian koneksi database pementasan baru Anda.
Sekali WordPress telah terhubung ke database pementasan Anda, seharusnya mendeteksi bahwa WordPress telah terinstal, dan meminta Anda untuk masuk. Detail login Anda akan sama seperti di situs live Anda saat ini.
Setiap perubahan yang Anda buat pada lingkungan pementasan Anda sekarang akan terlepas dari lingkungan hidup Anda. Ini berarti Anda bebas mengubah setelan, memasang plugin baru, mengedit file tema, dan lainnya tanpa mempengaruhi pengalaman bagi pelanggan Anda.
Mengkonfigurasi dan Mengatasi Masalah Lingkungan Pementasan Anda
Setelah Anda masuk ke pementasan Anda WordPress instalasi, ada beberapa setting yang harus dikonfigurasi sebelum melanjutkan.
Pastikan Domain Anda Benar
Lihatlah URL layar admin Anda. Jika itu adalah subdomain Anda, maka itu telah mendeteksi konfigurasi baru. Jika tidak, maka query SQL yang dijalankan sebelumnya tidak akan mengubah URL situs Anda dalam database pementasan. Mencari alamat URL dan rumah option_name ada di dalam tabel wp_options.
Pastikan media Anda telah disalin
Kunjungi bagian media Administrasi WordPress Anda dan periksa apakah gambar / video / etc Anda. berada di tempat Jika ya, maka direktori unggahan Anda akan disalin dengan benar. Jika tidak, pastikan direktori upload ada di tempat yang benar (biasanya / public_html / staging / wp-content / uploads).
Nonaktifkan Peta Situs XML di WordPress SEO
Jika Anda menjalankan WP SEO, maka Anda perlu memastikan bahwa pilihan XML Sitemaps dinonaktifkan. Ini akan membantu mencegah mesin pencari mengindeks lingkungan pementasan Anda.
Akses situs terbatas
Untuk mencegah pengguna secara tidak sengaja mengunjungi situs pementasan Anda, Anda perlu menginstal dan mengaktifkannya, Akses Situs yang Dibatasi. Setelah instalasi, pergi ke Pengaturan> Membaca untuk mengkonfigurasi plugin
Anda juga ingin pergi di Pengaturan »Membaca bagian dan pastikan untuk menonaktifkan pengindeksan situs ini oleh mesin telusur. Anda ingin memastikan bahwa Anda melakukan ini untuk mencegah duplikat konten.
Anda juga bisa melindungi seluruh direktori dengan htpassword. Metode yang ditunjukkan dalam tutorial ini adalah untuk / wp-admin / tapi Anda bisa memodifikasinya untuk folder situs manapun.
Perbarui Permalinks
Mengunjungi Pengaturan> Permalinks dan klik Save untuk memastikan struktur permalink Anda up to date. Jika Anda mendapatkan 404 kesalahan di situs pementasan Anda, ini sering menjadi penyebabnya.
Mendorong Perubahan pada Pementasan Dari GitHub atau BitBucket
Kebanyakan pengembang profesional suka menggunakan sistem kontrol versi seperti SVN atau Git untuk melacak perkembangan kemajuan mereka. Menggunakan sistem kontrol versi memungkinkan Anda untuk kembali ke masa lalu jika terjadi kesalahan karena semua riwayat kode Anda tersimpan di lokasi sentral. Ini juga membuat kolaborasi lebih mudah karena semua perubahan disimpan di lokasi sentral, pengembang memiliki akses ke semua perubahan yang dilakukan pada sebuah proyek.
GitHub atau BitBucket, Yang Satu Yang Harus Anda Gunakan
Keduanya, GitHub dan BitBucket adalah layanan hosting proyek dan keduanya memungkinkan Anda untuk menggunakan Git untuk proyek Anda. GitHub lebih populer di kalangan pengembang proyek open source dan memiliki komunitas pengembang yang lebih luas. Jika proyek yang sedang Anda kerjakan adalah plugin WordPress open source atau tema, Anda bisa meng-hostnya di GitHub. Proyek Anda akan terlihat oleh publik dan pengguna lain akan dapat melihat kode sumber Anda. Untuk membuat repositori pribadi di GitHub Anda perlu melakukan upgrade ke paket berbayar mereka.
Di sisi lain, BitBucket memungkinkan Anda membuat repositori pribadi secara gratis. Jika Anda bekerja di situs klien atau situs pribadi Anda, Anda mungkin ingin menjaga pekerjaan Anda tetap pribadi. BitBucket memudahkan Anda melakukannya.
Memulai Dengan BitBucket
Langkah 1. Memasang Git
Hal pertama yang perlu Anda lakukan adalah mendownload dan menginstal Git di Windows (atau Mac).
Langkah 2. Membuat Repositori Pertama Anda
Sekarang setelah Anda menginstal Git, langkah selanjutnya adalah mendaftar ke akun BitBucket gratis. Setelah Anda mendaftar, Anda akan masuk ke dasbor BitBucket di mana Anda perlu mengkliknya Buat repositori baru tombol.
Masukkan nama dan deskripsi untuk sesuatu repositori Anda yang membantu Anda mengidentifikasi proyek Anda. Untuk membuat repositori Anda pribadi, Anda perlu mencentang kotak di sampingnya Tingkat akses . Terakhir, pastikan Git diperiksa sebagai tipe repositori Anda. Anda bisa membiarkan sisa pilihan tidak berubah dan klik pada tombol create repositori untuk melanjutkan. BitBucket sekarang akan membuat repositori kosong untuk Anda.
Karena Anda akan bekerja di instalasi WordPress lokal Anda, klik pada saya memiliki proyek yang ada untuk didongkrak.
Langkah 3. Tambahkan direktori lokal ke Git
Anda siap untuk mendorong proyek WordPress lokal Anda ke BitBucket. Luncurkan Git Bash di komputer Anda. Ya, ini adalah alat baris perintah dan Anda harus mengetikkan perintah, tapi jangan khawatir itu sangat mudah.
Jika Anda tidak ingin menggunakan command line, Anda bisa menggunakan antarmuka GUI seperti Github for Windows (yang juga bekerja untuk Bitbucket) dan / atau TortoiseGit.
Pertama, Anda perlu menambahkan folder proyek WordPress lokal Anda sebagai gudang di Git. Ingat, Anda tidak perlu menambahkan keseluruhan direktori WordPress ke proyek ini. Jika Anda mengerjakan sebuah tema, Anda bisa menambahkan direktori tema itu sebagai gudang Git.
Di Git Bash, pertama-tama pindah ke direktori proyek Anda dengan mengetikkan path ke direktori proyek Anda dan kemudian menambahkannya ke Git:
cd / C / xampp / htdocs / wordpress / wp-content / themes / myawesometheme git init
Sekarang setelah Anda menambahkan proyek Anda ke Git, langkah selanjutnya adalah menambahkan semua file ke dalamnya.
git tambah
Setelah menambahkan semua file Anda, langkah selanjutnya adalah membuat komit pertama Anda.
git commit -m "Menambahkan semua file proyek sebagai komit pertama"
Langkah 4. Sinkronkan perubahan dengan repositori Bitbucket Anda.
Sekarang langkah terakhir adalah Sync file lokal Anda dengan repositori BitBucket Anda. Ketik baris ini di Git Bash untuk menghubungkan repositori lokal Anda ke repositori BitBucket Anda.
git remote add origin https: //[email protected]/bitbucketusername/repositoryname.git
Dorong semua file Anda ke repositori BitBucket.
git push -u asal - semua # mendorong repo dan ref nya untuk pertama kalinya
Selamat, Anda telah berhasil menyinkronkan file WordPress lokal Anda dengan repositori BitBucket Anda. Sekarang mari kita membuat beberapa perubahan pada file di repositori lokal Anda. Setelah selesai melakukan perubahan, Anda perlu melakukan perubahan pada Git.
git tambah git commit -m "Menambahkan fitur baru" git push -u asal - semua
Menyebarkan Perubahan Dari BitBucket ke Situs Pementasan
Sekarang setelah Anda mempelajari cara menggunakan Git dengan BitBucket, sekarang saatnya untuk menyebarkan perubahan dari repositori BitBucket Anda ke situs pementasan Anda. Dengan cara ini Anda dapat bekerja di situs Anda secara lokal dan menguji perubahan Anda di situs pementasan tanpa mempengaruhi situs langsung Anda.
Untuk melakukan itu, sebaiknya gunakan Ftploy. Akun gratis dasar memungkinkan Anda mensetup satu proyek. Ini memonitor perubahan yang dilakukan pada repositori BitBucket Anda dan kemudian menyebarkannya ke server web Anda. Pertama, Anda perlu mendaftar ke akun di Ftploy. Setelah itu, Anda perlu menambahkan rincian server Anda.
Untuk mengkonfigurasi server baru, pilih Server »Server Baru dari navigasi di atas.
Lengkapi bidang yang sesuai dengan setting yang Anda buat saat Anda mengonfigurasi akun FTP pementasan tadi.
Klik Tes koneksi untuk memastikan FTPloy dapat terhubung ke server Anda, dan kemudian klik Save Server.
Untuk membuat proyek, pilih Proyek »Proyek Baru dari menu navigasi, pilih GitHub atau BitBucket bila sesuai.
Jika sebelumnya Anda telah menentukan server Anda, Anda dapat memilihnya dari menu drop-down (jika tidak, masukkan rinciannya di kolom yang sesuai). Di bidang Server Path, masukkan path ke direktori themes Anda (ini akan berubah tergantung struktur repo Anda, tapi / wp-content / theme / your-theme akan sesuai jika repo Anda hanya berisi tema Anda).
Saat Anda menekan sebuah perubahan pada repositori BitBucket itu, FTPloy akan mengambil file yang telah diubah dan mendorongnya ke server yang Anda pilih.
Mendorong Perubahan ke Hidup
Jika Anda menggunakan FTPloy untuk menyebarkan perubahan Anda dari repositori ke server pementasan Anda, Anda dapat menyiapkan proses serupa untuk server live Anda. Namun, jika kode yang salah atau salah didorong ke repositori Anda, itu akan masuk ke situs live Anda secara otomatis.
Dianjurkan untuk menjalankan sistem penyebaran otomatis seperti FTPloy untuk server pementasan dan kemudian menyalin secara manual file yang dibutuhkan ke situs live Anda saat Anda puas dengan perubahan tersebut dan telah benar-benar menebaknya di lingkungan pementasan baru Anda.
Kami berharap artikel ini membantu Anda mempelajari cara membuat lingkungan pementasan untuk situs WordPress Anda. Untuk mengatasi masalah, periksa panduan kesalahan WordPress yang paling umum dan cara memperbaikinya. Untuk umpan balik dan pertanyaan jangan ragu untuk meninggalkan komentar di bawah ini.