Cheatsheet Pengembangan Lokal WordPress Terbaik

Diterbitkan: 2023-02-14

Ingin menyiapkan lingkungan pengembangan WordPress lokal tanpa membolak-balik halaman demi halaman dokumentasi? Lembar contekan pengembangan lokal WordPress kami akan membantu Anda bangkit dan berlari cepat dengan cerdas!

Dalam panduan praktis 'tanpa bulu' ini, kami akan membahas secara singkat apa itu pengembangan lokal WordPress dan beberapa manfaat utama menggunakannya, dan kemudian kami akan langsung membahas cara menyiapkan lingkungan lokal, menginstal WordPress di perangkat Anda. komputer, dan uji situs web Anda sebelum ditayangkan.

Panduan ini mencakup hal-hal berikut:

  • Apa itu Pengembangan Lokal WordPress?
  • Manfaat Pengembangan Lokal WordPress
  • Menyiapkan Lingkungan Pengembangan Lokal Anda
    • Apa yang Anda Butuhkan
    • Menginstal Perangkat Lunak Server Lokal
    • Menyiapkan Host Virtual
    • Membuat Database untuk Instalasi WordPress Lokal Anda
  • Menginstal WordPress Secara Lokal
    • Mengunduh dan Memasang WordPress di Server Lokal
    • Konfigurasi File wp-config.php
  • Mengimpor Situs WordPress Langsung ke Lingkungan Lokal
    • Mengekspor Basis Data Situs Langsung
    • Mengimpor Basis Data Situs Langsung ke Server Lokal
    • Mengganti URL di Database
    • Mengunggah File Situs Langsung ke Lingkungan Lokal
  • Mengembangkan dan Menguji di Situs WordPress Lokal
    • Melakukan Perubahan dan Pengujian
    • Men-debug
    • Menguji Berbagai Plugin dan Tema
  • Menyebarkan Situs WordPress Lokal ke Live Server
    • Mengekspor Basis Data Situs Lokal
    • Mengimpor Database ke Live Server
    • Mengunggah File Situs Lokal ke Server Langsung
    • Memperbarui URL di Database
  • Pengembangan Lokal vs Lingkungan Pementasan Webhost
    • Pro Lingkungan Pembangunan Lokal
    • Kontra Lingkungan Pembangunan Lokal
    • Kelebihan Lingkungan Pementasan Webhost
    • Kontra Lingkungan Pementasan Webhost

Apa itu Pengembangan Lokal WordPress?

Pengembangan lokal WordPress memungkinkan Anda membuat lingkungan pengembangan untuk membangun, bekerja, dan menguji situs WordPress di komputer Anda tanpa memengaruhi situs langsung Anda.

Lingkungan pengembangan lokal mereplikasi server produksi, sehingga memungkinkan untuk menguji berbagai skenario dan menyelesaikan masalah sebelum mendorong perubahan ke situs langsung.

Manfaat Pembangunan Daerah

Beberapa manfaat utama dari pengembangan lokal WordPress meliputi:

  • Lingkungan Pengujian Aman : Lingkungan pengembangan lokal menyediakan ruang aman untuk menguji fitur, plugin, dan tema baru tanpa memengaruhi situs aktif Anda.
  • Kecepatan, Performa, dan Efisiensi : Lingkungan pengembangan lokal lebih cepat dan lebih responsif daripada server jarak jauh. Ini karena berjalan di komputer Anda, sehingga komputer Anda dapat mengakses dan memproses data lebih cepat daripada server, dan tidak ada latensi dalam komunikasi antara mesin Anda dan server.
  • Hemat Biaya : Menyiapkan lingkungan pengembangan lokal menghilangkan kebutuhan akan layanan hosting yang mahal dan mengurangi biaya yang terkait dengan penerapan perubahan ke situs langsung. Anda hanya memerlukan komputer dan editor teks untuk memulai.
  • Kolaborasi yang Ditingkatkan : Banyak pengembang dapat mengerjakan satu proyek secara bersamaan tanpa mengganggu pekerjaan satu sama lain.
  • Pengembangan Offline : Dengan lingkungan pengembangan lokal, Anda dapat mengembangkan situs bahkan saat offline.
  • Peningkatan Keamanan : Punya proyek "sangat rahasia" yang ingin Anda kerjakan? Karena lingkungan pengembangan lokal berjalan di mesin Anda, ini lebih aman daripada server jarak jauh, sehingga Anda dapat membangun dan bekerja di situs jauh dari pengintaian. Tidak ada risiko akses tidak sah atau peretasan.

Jika Anda baru memulai sebagai pengembang WordPress, lihat pengantar artikel pengembangan lokal WordPress kami. Jika Anda sudah sedikit lebih berpengalaman, lihat artikel kami tentang cara meningkatkan alur kerja pengembangan WordPress Anda di lingkungan lokal.

Menyiapkan Lingkungan Pengembangan Lokal Anda

Sebelum Anda dapat menyiapkan lingkungan pengembangan WordPress lokal, ada beberapa hal yang Anda perlukan.

Apa yang Anda Butuhkan

Selain komputer dengan ruang penyimpanan dan daya pemrosesan yang cukup untuk mendukung pekerjaan pengembangan Anda, inilah yang Anda perlukan untuk menyiapkan lingkungan pengembangan lokal:

Perangkat Lunak Server Lokal

Anda perlu menginstal perangkat lunak server lokal untuk menjalankan lingkungan pengembangan lokal Anda.

XAMPP, MAMP, dan WAMP adalah tiga opsi populer. Masing-masing paket perangkat lunak server lokal ini menyediakan lingkungan pengembangan lengkap untuk pengembang web dengan semua komponen yang diperlukan (seperti server web Apache, database MySQL, dan bahasa skrip PHP, dalam satu paket), panel kontrol untuk mengelola komponen ini, dan alat untuk mengelola database.

Namun, setiap paket perangkat lunak juga memiliki fitur uniknya sendiri dengan perbedaan utama, jadi penting untuk memilih salah satu yang memenuhi kebutuhan spesifik Anda.

Mari kita lihat secara singkat masing-masing:

XAMPP

XAMPP
XAMPP

XAMPP adalah perangkat lunak server web gratis, sumber terbuka, dan mudah dipasang yang menyediakan lingkungan pengembangan lokal untuk pengembang web. Itu singkatan dari Apache, MariaDB, PHP, dan Perl, empat komponen utama XAMPP.

Beberapa fitur utama (dan kelebihan) XAMPP:

  • Termasuk server web Apache, basis data MariaDB, dan bahasa skrip PHP dan Perl.
  • Mendukung banyak sistem operasi, termasuk Windows, Mac, dan Linux.
  • Panel kontrol yang mudah digunakan untuk mengelola server web dan komponen basis data.
  • Opsi untuk menginstal komponen tambahan seperti phpMyAdmin untuk manajemen basis data.

Kontra:

  • Tidak sepopuler MAMP atau WAMP, jadi dukungan komunitas mungkin tidak sekuat itu.
  • Penyiapan yang lebih kompleks dibandingkan dengan MAMP atau WAMP, membutuhkan lebih banyak pengetahuan teknis untuk memasang dan mengonfigurasi komponen.

XAMPP adalah yang terbaik untuk pengembang web yang membutuhkan lingkungan pengembangan lengkap dengan banyak komponen dan terbiasa mengonfigurasi dan mengelola komponen ini. Itu juga terbaik untuk pengembang yang bekerja pada banyak sistem operasi dan membutuhkan solusi lintas platform.

MAMP

MAMP
MAMP

MAMP adalah perangkat lunak server lokal yang menyediakan lingkungan pengembangan untuk pengembang web. Itu singkatan dari Macintosh, Apache, MySQL, dan PHP, empat komponen utama MAMP.

Beberapa fitur utama (dan kelebihan) MAMP:

  • Termasuk server web Apache, database MySQL, dan bahasa skrip PHP.
  • Didukung oleh sistem operasi macOS, namun bisa juga digunakan untuk OS berbasis Windows.
  • Panel kontrol yang mudah digunakan untuk mengelola server web dan komponen basis data.
  • Opsi untuk menginstal komponen tambahan seperti phpMyAdmin untuk manajemen basis data.

Kontra:

  • Hanya bisa menggunakan bahasa scripting PHP.
  • Lebih sedikit komponen dibandingkan dengan XAMPP, yang mungkin membatasi kebutuhan beberapa pengembang.

MAMP adalah yang terbaik untuk pengembang web yang bekerja pada sistem operasi macOS.

Untuk informasi lebih lanjut tentang cara menggunakan opsi ini, lihat tutorial kami tentang cara mengembangkan WordPress secara lokal menggunakan MAMP.

WampServer

WampServer
WampServer

WAMP adalah perangkat lunak server lokal yang menyediakan lingkungan pengembangan untuk pengembang web. Itu singkatan dari Windows, Apache, MySQL, dan PHP, empat komponen utama WAMP.

Beberapa fitur utama (dan kelebihan) WAMP:

  • Termasuk server web Apache, database MySQL, dan bahasa skrip PHP.
  • Mendukung sistem operasi Windows.
  • Panel kontrol yang mudah digunakan untuk mengelola server web dan komponen basis data.
  • Opsi untuk menginstal komponen tambahan seperti phpMyAdmin untuk manajemen basis data.

Kontra:

  • Hanya mendukung Windows, jadi pengembang yang menggunakan macOS atau Linux mungkin perlu mencari di tempat lain.
  • Lebih sedikit komponen dibandingkan dengan XAMPP, yang mungkin membatasi kebutuhan beberapa pengembang.

WAMP adalah yang terbaik untuk pengembang web yang bekerja pada sistem operasi Windows dan yang membutuhkan lingkungan pengembangan lengkap dengan komponen dasar.

Untuk informasi lebih lanjut tentang opsi ini, lihat tutorial kami tentang cara mengembangkan WordPress secara lokal menggunakan WAMP.

Meskipun XAMPP, MAMP, dan WAMP adalah pilihan yang sangat baik untuk pengembang web yang mencari lingkungan pengembangan lokal, ada opsi lain yang tersedia, termasuk Lokal dengan Flywheel, DesktopServer, dan (jika Anda perlu bekerja di WordPress secara lokal di lebih dari satu mesin) bahkan menginstal dan menjalankan WordPress dari USB.

Editor Teks

Komponen lain yang Anda perlukan adalah editor teks untuk pengembangan WordPress yang dirancang khusus untuk bekerja dengan bahasa pemrograman seperti PHP. Editor teks sangat penting untuk mengedit kode dan membuat perubahan pada situs web Anda.

Mari kita lihat beberapa opsi populer untuk editor teks:

Teks luhur

Teks luhur
Teks luhur

Sublime Text adalah editor teks populer yang banyak digunakan oleh developer untuk keperluan coding dan scripting. Ini menawarkan antarmuka yang bersih, cepat dan intuitif, membuatnya mudah untuk bekerja dengan basis kode yang besar.

Beberapa fitur utama Sublime Text:

  • Penyorotan sintaks dan penyelesaian kode untuk lebih dari 80 bahasa pemrograman
  • Skema warna yang dapat disesuaikan, key binding, dan makro
  • Alat pencarian dan pengeditan lanjutan seperti banyak pilihan, pengeditan terpisah, dan pengeditan kolom
  • Langsung beralih antar proyek dengan sistem pengaturan khusus proyek

Sublime Text adalah alat yang hebat untuk pengembang yang mengerjakan proyek yang memerlukan penulisan kode dalam HTML, CSS, dan JavaScript. Ini menawarkan penyorotan sintaks yang mudah digunakan, penyelesaian kode, dan alat pengeditan yang membuat proses pengkodean cepat dan efisien.

Kode Visual Studio

Kode Visual Studio
Kode Visual Studio

Visual Studio Code adalah editor kode sumber terbuka gratis yang dikembangkan oleh Microsoft. Ini menawarkan berbagai fitur dan alat untuk membantu pengembang membuat dan mengelola proyek berskala besar.

Beberapa fitur utama dari Visual Studio Code:

  • IntelliSense, alat penyelesaian kode dan debugging yang cerdas dan canggih
  • Dukungan dan debugging Git bawaan
  • Mendukung banyak bahasa pemrograman dan memiliki pustaka ekstensi yang besar
  • Antarmuka dan ruang kerja yang dapat disesuaikan

Untuk editor teks tambahan, lihat daftar editor teks terbaik kami untuk pengembangan WordPress.

Sudahkah Anda mencentang semua persyaratan di atas?

Komputer memenuhi spesifikasi yang dibutuhkan
Perangkat lunak server lokal yang dipilih
Editor teks yang dipilih

Besar! Kemudian mari kita lanjutkan ke langkah berikutnya…

Menginstal Perangkat Lunak Server Lokal

Untuk contoh ini, kami akan menginstal XAMPP di sistem operasi Windows. Gunakan proses yang sama yang dijelaskan di bawah ini untuk menginstal perangkat lunak server lokal pilihan Anda di komputer Anda dan ikuti petunjuk khusus paket perangkat lunak:

  1. Unduh XAMPP : Buka situs web resmi XAMPP dan unduh versi terbaru XAMPP untuk Windows.
  2. Instal XAMPP : Klik dua kali file yang diunduh untuk memulai proses instalasi. Jalankan file penginstal yang diunduh dan ikuti petunjuk di layar untuk menginstal XAMPP. Secara default, XAMPP akan diinstal di direktori C:\xampp .
  3. Mulai XAMPP : Setelah instalasi, buka Panel Kontrol XAMPP dari menu Mulai atau pintasan desktop. Mulai modul Apache dan MySQL dengan mengklik tombol "Mulai" di sebelah setiap modul.
  4. Verifikasi instalasi : Untuk memverifikasi bahwa XAMPP berfungsi dengan benar, buka browser web dan arahkan ke http://localhost . Ini akan menampilkan halaman selamat datang XAMPP.
  5. Buat host virtual : Untuk membuat host virtual, ikuti langkah-langkah yang diuraikan di bawah ini.

XAMPP sekarang harus diinstal dan dikonfigurasi pada mesin Anda. Anda siap untuk mulai mengembangkan dan menguji situs web Anda secara lokal.

Catatan: Proses penginstalan XAMPP atau perangkat lunak server lokal lainnya, seperti MAMP atau WAMP, mungkin sedikit berbeda tergantung sistem operasi yang digunakan. Untuk sistem operasi Mac dan Linux, Anda dapat mengikuti petunjuk instalasi yang disediakan di situs web XAMPP.

Lihat tutorial terkait XAMPP kami yang lain untuk informasi tambahan tentang menyiapkan XAMPP, memutakhirkan XAMPP, memecahkan masalah XAMPP, dan memigrasikan WordPress dari localhost XAMPP ke web.

Menyiapkan Host Virtual

Menyiapkan host virtual di lingkungan pengembangan lokal memungkinkan pengembang untuk menjalankan beberapa situs web di mesin lokal mereka, masing-masing dengan URL uniknya sendiri. Ini memberikan lingkungan pengujian yang lebih realistis dan membuatnya lebih mudah untuk beralih di antara proyek yang berbeda.

Untuk panduan langkah demi langkah di bawah ini untuk menyiapkan host virtual di lingkungan pengembangan lokal Anda dan mulai menguji situs web Anda:

1. Buka file konfigurasi Apache : Buka file konfigurasi untuk perangkat lunak server lokal Anda. Untuk contoh ini, kami menggunakan XAMPP, jadi buka file konfigurasi Apache, biasanya terletak di /etc/httpd/conf/httpd.conf atau C:\xampp\apache\conf\httpd.conf .

2. Aktifkan hosting virtual : Cari bagian berlabel “# Virtual Hosts” dan batalkan komentar pada baris berikut dengan menghapus simbol hash (#) di awal baris: #Include conf/extra/httpd-vhosts.conf .

3. Konfigurasikan host virtual : Buka file konfigurasi host virtual, biasanya terletak di /etc/httpd/conf/extra/httpd-vhosts.conf atau C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Tambahkan host virtual baru : Tambahkan host virtual baru dengan membuat blok kode baru dengan format berikut: 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Melakukan hal ini:

  • Ganti "example.local" dengan URL yang diinginkan untuk host virtual.
  • Ganti “/path/to/document/root” dengan path lengkap ke direktori root dokumen untuk host virtual.

5. Perbarui file host : File host memetakan nama domain ke alamat IP. Agar host virtual dapat diakses melalui URL yang Anda tentukan, Anda harus menambahkan entri ke file host. File host biasanya terletak di /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Tambahkan baris baru dengan format berikut: 127.0.0.1 example.local . Ganti "example.local" dengan URL yang ditentukan dalam konfigurasi virtual host. Simpan perubahan ke file konfigurasi.

6. Mulai ulang Apache : Mulai ulang server web lokal Apache untuk menerapkan perubahan.

7. Uji host virtual : Uji host virtual Anda dengan mengunjungi URL di browser web. Browser harus menampilkan konten direktori root dokumen untuk host virtual.

Membuat Database untuk Instalasi WordPress Lokal Anda

Langkah selanjutnya sebelum menyiapkan proyek WordPress secara lokal adalah membuat database untuk lingkungan pengembangan lokal Anda.

Ikuti petunjuk langkah demi langkah ini untuk membuat database di XAMPP:

1. Buka XAMPP Control Panel : Buka XAMPP Control Panel dari menu Start atau shortcut desktop. Pastikan modul Apache dan MySQL berjalan.

2. Akses phpMyAdmin : Untuk mengakses phpMyAdmin, buka browser web dan arahkan ke http://localhost/phpmyadmin . Ini akan membuka antarmuka phpMyAdmin di browser Anda.

3. Buat database baru : Di antarmuka phpMyAdmin, klik tab “Databases”. Di bagian "Buat basis data", masukkan nama untuk basis data baru Anda dan pilih susunan "utf8mb4_general_ci". Kemudian, klik tombol "Buat".

4. Buat pengguna baru : Untuk membuat pengguna baru untuk database, klik tab “Pengguna” lalu tombol “Tambah pengguna”. Di formulir "Tambah pengguna", masukkan nama pengguna dan kata sandi untuk pengguna baru, dan pilih "Lokal" sebagai host. Pastikan untuk memberikan semua hak istimewa kepada pengguna dengan mencentang kotak "Berikan semua hak istimewa pada basis data". Terakhir, klik tombol "Go".

5. Simpan detail Anda : Tulis atau simpan nama database, nama pengguna, dan kata sandi Anda. Anda akan memerlukan ini untuk menghubungkan database ke WordPress nanti.

Setelah menyelesaikan langkah-langkah di atas, Anda akan berhasil membuat database untuk instalasi WordPress lokal dan lingkungan pengembangan lokal.

Anda sekarang dapat menggunakan database ini untuk menyimpan dan mengelola data Anda saat Anda mengembangkan dan menguji situs WordPress Anda secara lokal.

Apakah Anda sudah menyelesaikan semua langkah di atas?

Menginstal perangkat lunak server lokal
Siapkan host virtual
Basis data dibuat

Besar! Kemudian mari kita lanjutkan ke langkah berikutnya…

Menginstal WordPress Secara Lokal

Sekarang setelah kami menyiapkan lingkungan lokal kami, langkah selanjutnya adalah mengunduh, menginstal, dan mengkonfigurasi WordPress.

Mengunduh dan Memasang WordPress di Server Lokal

Ikuti langkah-langkah di bawah ini untuk menyelesaikan proses ini:

  1. Kunjungi situs web WordPress : Buka situs web resmi WordPress.org dan klik tombol “Unduh WordPress” untuk mengunduh versi terbaru WordPress.
  2. Ekstrak arsip : Unduhan WordPress akan menjadi file ZIP terkompresi. Ekstrak isi arsip ke direktori di komputer Anda.
  3. Pindahkan file yang diekstraksi ke server lokal Anda : Pindahkan konten direktori yang diekstraksi ke direktori root server lokal Anda. Jika Anda menggunakan XAMPP, misalnya, ini biasanya C:\xampp\htdocs di Windows atau /Applications/XAMPP/htdocs di macOS.
  4. Buat database : (Catatan: jika Anda telah mengikuti, langkah ini seharusnya sudah dilakukan.) Sebelum menginstal WordPress, Anda harus membuat database. Anda dapat melakukannya menggunakan alat seperti phpMyAdmin, yang disertakan dengan sebagian besar perangkat lunak server lokal seperti XAMPP dan MAMP.
  5. Mulai penginstalan : Buka browser web Anda dan arahkan ke http://localhost/wordpress (atau URL yang setara untuk server lokal Anda). Ini akan memulai proses instalasi WordPress.
  6. Pilih bahasa : Pada layar pertama, pilih bahasa pilihan Anda dan klik tombol “Lanjutkan”.
  7. Isi informasi basis data : Pada layar berikutnya, isi informasi basis data yang Anda buat pada langkah 4. Ini termasuk nama basis data, nama pengguna basis data, dan kata sandi basis data.
  8. Isi informasi situs : Di layar berikutnya, isi informasi untuk situs WordPress lokal Anda. Ini termasuk judul situs, nama pengguna, kata sandi, dan alamat email.
  9. Jalankan penginstalan : Setelah Anda mengisi semua informasi, klik tombol “Instal WordPress” untuk menjalankan penginstalan.
  10. Masuk ke situs Anda : Setelah penginstalan selesai, masuk ke situs WordPress lokal Anda menggunakan nama pengguna dan kata sandi yang Anda buat di langkah 8 untuk mulai menyesuaikan dan mengembangkan situs lokal Anda.

Anda sekarang telah berhasil mengunduh dan menginstal WordPress.

Sekarang Anda dapat mulai menyesuaikan dan mengembangkan situs Anda secara lokal, dengan semua manfaat lingkungan pengembangan lokal, sebelum menerapkan situs Anda ke server langsung.

Konfigurasi File wp-config.php

File wp-config.php adalah komponen penting dalam penyiapan instalasi WordPress lokal dan lingkungan pengembangan lokal. File ini berisi pengaturan konfigurasi yang mengontrol bagaimana WordPress berinteraksi dengan database Anda dan pengaturan penting lainnya.

Jika Anda telah mengikuti petunjuk instalasi di atas, kredensial database Anda akan ditambahkan secara otomatis ke file wp-config.php .

Jika, karena alasan apa pun, Anda perlu mengonfigurasi file wp-config.php secara manual, ikuti petunjuk di bawah ini:

1. Buat file wp-config.php : Jika instalasi WordPress lokal Anda belum memiliki file wp-config.php , Anda dapat membuatnya dengan menyalin file wp-config-sample.php dan mengganti namanya menjadi wp-config.php .

2. Perbarui kredensial database : Buka file wp-config.php dan perbarui baris berikut dengan informasi yang sesuai: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Ganti database_name , database_user , dan database_password dengan nilai yang Anda gunakan saat membuat database dan pengguna di langkah sebelumnya.

3. Setel kunci keamanan WordPress : Kunci keamanan WordPress menambahkan lapisan keamanan ekstra ke situs Anda dengan mengenkripsi informasi yang disimpan dalam cookie. Anda dapat membuat satu set kunci keamanan di situs WordPress resmi. Salin kunci yang dihasilkan dan rekatkan ke file wp-config.php Anda, ganti kunci placeholder yang sudah ada.

4. Aktifkan debugging : Untuk pengembangan lokal, sangat berguna untuk mengaktifkan debugging di WordPress. Ini akan memberikan pesan kesalahan dan peringatan yang lebih mendetail yang dapat membantu Anda memecahkan masalah dengan situs Anda. Untuk mengaktifkan debugging, tambahkan baris berikut ke file wp-config.php Anda:

define( 'WP_DEBUG', true );

5. Simpan perubahan : Setelah Anda melakukan perubahan pada file wp-config.php , simpan file dan tutup.

Berhasil mengonfigurasi file wp-config.php akan memastikan bahwa situs WordPress yang Anda instal secara lokal dapat terhubung ke database, aman, dan memberikan informasi debugging yang bermanfaat saat Anda mengembangkan dan menguji situs Anda secara lokal.

Mengimpor Situs WordPress Langsung ke Lingkungan Lokal

Ikuti langkah-langkah di bawah ini jika Anda perlu mengimpor situs WordPress langsung ke lingkungan lokal Anda:

Mengekspor Basis Data Situs Langsung

Untuk mengekspor database situs langsung, Anda harus memiliki akses ke server situs langsung.

Berikut adalah langkah-langkah untuk mengekspor database situs langsung (catatan: lingkungan server yang berbeda akan melakukan ini secara berbeda, tetapi sebagian besar harus mengikuti proses yang serupa):

  1. Masuk ke panel kontrol server langsung Anda .
  2. Akses database : Langkah pertama adalah mengakses database situs langsung. Anda dapat melakukan ini menggunakan alat seperti phpMyAdmin, yang biasanya disediakan oleh penyedia hosting web Anda. Cari bagian bernama "Databases" dan klik "phpMyAdmin".
  3. Pilih basis data : Setelah Anda masuk ke phpMyAdmin, pilih basis data untuk situs langsung Anda dari panel sisi kiri.
  4. Ekspor database : Klik tombol "Ekspor" untuk memulai proses ekspor.
  5. Pilih format ekspor : Pada layar ekspor, pilih metode ekspor "Cepat", pilih format "SQL" dan pastikan opsi "Struktur" dan "Data" dipilih.
  6. Unduh file ekspor : Klik tombol "Go" untuk mengunduh file ekspor ke komputer Anda.

Mengimpor Database ke Server Lokal

Untuk mengimpor database situs langsung ke server lokal Anda, pastikan perangkat lunak server lokal yang Anda pilih sudah diinstal di komputer Anda.

Berikut adalah langkah-langkah untuk mengimpor database situs langsung ke server lokal Anda:

  1. Buka phpMyAdmin di perangkat lunak server lokal Anda : Masuk ke phpMyAdmin untuk server lokal Anda dan pilih database yang Anda buat untuk instalasi WordPress lokal Anda.
  2. Impor database : Klik tombol "Impor" untuk mengimpor data dari file ekspor yang baru saja Anda unduh.
  3. Pilih file impor : Pada layar impor, klik tombol “Pilih File”, pilih file ekspor yang baru saja Anda unduh, dan klik tombol “Buka” untuk memulai proses impor.

Mengganti URL di Database

Setelah mengimpor database situs langsung, Anda perlu mengganti URL di database agar sesuai dengan lingkungan pengembangan lokal Anda.

Berikut adalah langkah-langkah untuk mengganti URL di database:

1. Buka phpMyAdmin di perangkat lunak server lokal Anda.
2. Pilih database yang diimpor dari panel sisi kiri.
3. Klik pada tab "SQL".
4. Masukkan kueri berikut di area teks: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Ganti “http://www.livesite.com” dengan URL situs aktif Anda, dan ganti “http://local.livesite.com” dengan URL lingkungan pengembangan lokal Anda.

6. Klik tombol “Go” untuk menjalankan kueri.

Mengunggah File Situs Langsung ke Lingkungan Lokal

Untuk mengunggah file situs langsung ke lingkungan lokal, Anda harus memiliki akses FTP ke server situs langsung Anda.

Ikuti langkah-langkah di bawah ini untuk mengunggah file situs langsung ke lingkungan lokal Anda:

  1. Sambungkan ke server situs langsung Anda menggunakan klien FTP seperti FileZilla.
  2. Arahkan ke direktori root situs langsung Anda di server.
  3. Unduh semua file ke komputer lokal Anda.
  4. Tempatkan file yang diunduh di direktori root lingkungan pengembangan lokal Anda, yang biasanya terletak di folder "htdocs" atau "www" di XAMPP atau perangkat lunak server lokal lainnya.

Catatan:

  1. Jika Anda sudah memiliki instalasi WordPress, folder di atas tidak akan kosong dan Anda akan diminta untuk mengganti file dan direktori yang ada, jadi ganti semua file kecuali file wp-config.php agar konfigurasi tetap sama, termasuk yang terhubung database yang telah diisi dengan data situs langsung.
  2. Sebelum mengunggah file situs langsung ke lingkungan lokal, Anda mungkin perlu mengubah izin file agar file dapat ditulis oleh perangkat lunak server lokal Anda.
  3. Juga, pastikan untuk menguji cadangan WordPress lokal Anda sebelum melakukan perubahan apa pun.

Itu dia! Anda sekarang telah berhasil mengimpor situs langsung ke instalasi WordPress lokal dan lingkungan pengembangan lokal.

Mengembangkan dan Menguji di Situs WordPress Lokal

Anda akhirnya siap untuk mengembangkan dan menguji situs Anda secara lokal menggunakan data yang sama dengan situs aktif Anda, memberi Anda lingkungan yang nyata untuk pengujian dan pengembangan.

Mari kita lalui prosesnya:

Melakukan Perubahan dan Pengujian

  1. Masuk ke situs WordPress lokal: Buka situs WordPress lokal Anda di browser web Anda dan masuk ke dasbor WordPress menggunakan kredensial administrator Anda.
  2. Buat perubahan pada situs: Anda dapat membuat perubahan pada situs WordPress lokal Anda dengan mengedit tema, plugin, atau kode khusus. Cukup akses elemen-elemen ini dari dasbor WordPress.
  3. Menguji perubahan: Setelah membuat perubahan pada situs WordPress lokal Anda, penting untuk menguji perubahan untuk memastikannya berfungsi seperti yang diharapkan. Anda dapat menguji perubahan dengan mengunjungi front-end situs Anda dan memeriksa apakah perubahan tersebut telah diterapkan.

Men-debug

  1. Gunakan mode Debugging: WordPress memiliki mode debugging bawaan yang membuatnya lebih mudah untuk mengidentifikasi dan menyelesaikan masalah di situs Anda. Untuk mengaktifkan mode debug, Anda perlu menambahkan kode berikut ke file wp-config.php Anda: define( 'WP_DEBUG', true ); .
  2. Periksa log kesalahan: Jika Anda mengalami masalah dengan situs WordPress lokal, Anda dapat memeriksa log kesalahan untuk melihat apakah ada pesan kesalahan atau pesan peringatan yang dapat membantu Anda mengidentifikasi masalah tersebut. Log kesalahan dapat ditemukan di file log debug WordPress, yang terletak di direktori konten-wp.
  3. Gunakan alat debugging: Ada sejumlah alat dan plugin debugging yang tersedia untuk WordPress yang dapat membantu Anda mengidentifikasi dan menyelesaikan masalah di situs Anda. Misalnya, plugin Query Monitor memberikan informasi mendetail tentang kueri database, penggunaan plugin, dan lainnya. Lihat tutorial ini untuk bantuan dengan debugging WordPress: Debugging WordPress: Cara Menggunakan WP_Debug

Menguji Berbagai Plugin dan Tema

Menginstal, mengaktifkan, dan menguji plugin dan tema di situs WordPress lokal bekerja dengan cara yang persis sama seperti di situs WordPress biasa lainnya. Jadi, pastikan untuk melakukan hal berikut saat dalam mode pengujian:

  1. Instal plugin : Instal plugin di situs WordPress lokal Anda untuk menambahkan fitur atau fungsionalitas baru ke situs Anda. Untuk menginstal plugin, masuk ke dashboard WordPress, buka bagian Plugins, dan klik tombol Add New.
  2. Aktifkan plugin : Aktifkan plugin yang Anda uji setelah menginstalnya untuk menggunakannya di situs Anda. Untuk mengaktifkan plugin, buka bagian Plugins di dashboard WordPress dan klik tombol Activate di sebelah plugin yang ingin Anda gunakan.
  3. Uji plugin : Setelah mengaktifkan sebuah plugin, penting untuk menguji plugin untuk memastikannya berfungsi seperti yang diharapkan. Uji plugin dengan mengunjungi front-end situs Anda dan periksa apakah plugin telah diterapkan.
  4. Instal tema : Instal tema di situs WordPress lokal Anda untuk mengubah tampilan situs Anda. Untuk memasang tema, masuk ke dasbor WordPress, buka bagian Penampilan, dan klik tombol Tema.
  5. Aktifkan tema : Aktifkan tema setelah menginstalnya untuk mengubah tampilan situs Anda. Untuk mengaktifkan tema, buka bagian Tampilan dasbor WordPress dan klik tombol Aktifkan di sebelah tema yang ingin Anda gunakan.
  6. Uji tema : Setelah mengaktifkan tema, penting untuk menguji tema untuk memastikannya berfungsi seperti yang diharapkan. Uji tema dengan mengunjungi bagian depan situs Anda dan periksa apakah tema tersebut telah diterapkan.

Sudahkah Anda melakukan semua perubahan yang Anda perlukan, masalah debug, dan menguji berbagai plugin dan tema di situs lokal Anda?

Besar! Sekarang Anda siap untuk menghidupkan situs WordPress lokal Anda.

Menyebarkan Situs WordPress Lokal ke Live Server

Langkah terakhir dalam proses ini adalah mengekspor semua file dan database WordPress lokal Anda ke lingkungan hosting langsung Anda dan memastikan bahwa semua perubahan, konfigurasi, dan URL situs Anda berfungsi di situs langsung Anda.

Mengekspor Basis Data Situs Lokal

Ikuti langkah-langkah di bawah ini untuk mengekspor situs WordPress lokal Anda ke server langsung Anda:

  1. Masuk ke database situs lokal menggunakan PHPMyAdmin.
  2. Pilih database yang ingin Anda ekspor.
  3. Buka tab "Ekspor".
  4. Pilih metode ekspor "Cepat".
  5. Pilih format "SQL".
  6. Klik "Pergi" untuk mengunduh file SQL ke komputer Anda.

Mengimpor Database ke Live Server

Ikuti langkah-langkah di bawah ini untuk mengimpor file ekspor database WordPress lokal Anda ke situs live Anda:

  1. Masuk ke database server langsung menggunakan PHPMyAdmin.
  2. Buat database baru untuk situs langsung.
  3. Buka database baru dan pilih tab "Impor".
  4. Pilih file SQL yang diekspor dari situs lokal Anda.
  5. Klik "Pergi" untuk mengimpor database.

Sekarang setelah Anda memigrasikan database dari situs lokal Anda ke situs aktif Anda, mari lakukan hal yang sama untuk file situs Anda.

Mengunggah File Situs Lokal ke Server Langsung

Ikuti langkah-langkah di bawah ini untuk mengunggah file situs WordPress lokal Anda ke situs langsung Anda:

  1. Persiapkan file: Sebelum mengunggah file situs lokal ke server, ada baiknya meninjau dan membersihkan file. Ini mungkin termasuk menghapus file yang tidak perlu, seperti cadangan atau file pengujian, untuk meminimalkan jumlah data yang diunggah.
  2. Hubungkan ke server: Anda dapat terhubung ke server menggunakan berbagai metode, seperti FTP atau SFTP. Anda harus menggunakan perangkat lunak klien, seperti FileZilla, untuk terhubung ke server. Anda harus memberikan host server, nama pengguna, dan kata sandi Anda untuk terhubung.
  3. Unggah file: Setelah terhubung ke server, Anda dapat mengunggah file situs lokal ke server. Anda dapat mengunggah file dalam beberapa cara, termasuk mengunggah file satu per satu atau mengunggah seluruh folder situs lokal. Arahkan ke direktori root dari situs langsung di server. Unggah semua file situs lokal ke direktori situs langsung di server, dan ganti file yang ada jika diminta.
  4. Perbarui informasi basis data: Setelah mengunggah file ke server, Anda perlu memperbarui informasi basis data di file wp-config.php untuk mencerminkan informasi basis data situs langsung. Buka file wp-config.php di editor teks dan perbarui nama database, nama pengguna, dan kata sandi agar sesuai dengan database langsung.
  5. Perbarui URL di database: Lihat bagian di bawah ini.
  6. Uji situs: Setelah mengunggah file situs lokal ke server, sebaiknya uji situs untuk memastikan semuanya bekerja dengan benar. Ini mungkin melibatkan pengujian fungsionalitas, tautan, dan gambar situs untuk memastikannya berfungsi seperti yang diharapkan.

Memperbarui URL dalam database

Anda dapat memperbarui URL di basis data Anda menggunakan editor teks atau dengan bekerja langsung di basis data Anda (pastikan basis data Anda dicadangkan sepenuhnya sebelum melakukan perubahan).

Memperbarui URL Menggunakan Editor Teks

Ikuti langkah-langkah di bawah ini untuk memperbarui URL di database Anda menggunakan editor teks.

  1. Ekspor database: Sebelum memperbarui URL di database, Anda harus mengekspor database. Gunakan alat manajemen basis data Anda (mis. phpMyAdmin).
  2. Temukan dan Ganti URL : Setelah mengekspor basis data, Anda harus mencari dan mengganti URL di basis data. Anda dapat melakukan ini menggunakan editor teks seperti Sublime atau Visual Studio Code. Cari dan ganti URL, dan pastikan untuk mengganti URL dengan hati-hati dan menyeluruh, termasuk URL dalam data berseri.
  3. Impor database : Setelah memperbarui URL di database, Anda perlu mengimpor database kembali ke lingkungan pengembangan lokal Anda. Anda dapat mengimpor database menggunakan alat manajemen database, seperti phpMyAdmin.
  4. Uji situs : Setelah mengimpor database yang diperbarui, sebaiknya uji situs untuk memastikan semuanya bekerja dengan benar. Ini mungkin melibatkan pengujian fungsionalitas, tautan, dan gambar situs untuk memastikannya berfungsi seperti yang diharapkan.

Memperbarui URL di Database

Ikuti langkah-langkah di bawah ini untuk memperbarui URL langsung di basis data Anda:

1. Masuk ke database situs langsung menggunakan PHPMyAdmin.
2. Pilih database situs langsung.
3. Buka tab "SQL".
4. Jalankan kueri SQL berikut untuk memperbarui URL: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!