Cara Instal XAMPP dan WordPress Secara Lokal di PC Windows

Diterbitkan: 2019-08-07

Memiliki instalasi lokal WordPress di komputer Anda bisa sangat berguna untuk pengujian dan pengembangan situs web. Pengembang WordPress dan pemilik situs web sering menginstal WordPress secara lokal di komputer mereka untuk menguji rilis baru, tema, plugin, dan pembaruan kode sebelum menggunakannya dalam produksi.

Pada artikel ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat membuat lingkungan WordPress lokal menggunakan aplikasi gratis bernama XAMPP.

Mengapa Menginstal WordPress Secara Lokal?

Anda mungkin bertanya-tanya mengapa ada orang yang repot menginstal WordPress di komputer mereka. Lagi pula, bukankah lebih cepat menginstal pembaruan di situs web langsung Anda dan menghemat waktu Anda? Melakukan pembaruan langsung di situs web WordPress langsung Anda memang akan menghemat waktu Anda pada awalnya, tetapi seperti yang akan dikatakan oleh pengguna WordPress berpengalaman, melakukannya berisiko. Selalu ada kemungkinan bahwa meningkatkan ke versi baru WordPress, atau memperbarui tema atau plugin, akan membuat situs web Anda mogok.

Berikut adalah alasan paling sering mengapa orang menginstal WordPress versi lokal di komputer mereka:

  • Pengujian – Instalasi WordPress lokal memungkinkan Anda menguji pemutakhiran, penyesuaian, dan penyesuaian lainnya dengan aman.
  • Pementasan situs web – Situs web WordPress lokal Anda dapat digunakan sebagai situs pementasan WordPress. Setelah Anda membuat modifikasi yang Anda inginkan, mereka dapat didorong ke situs web langsung Anda.
  • Pengembangan – Versi lokal WordPress adalah lingkungan yang sempurna untuk membuat dan memodifikasi tema dan plugin WordPress.
  • Akses offline – Akan berguna untuk menyiapkan situs web WordPress pengujian online yang dapat diakses dari mana saja; namun instalasi lokal WordPress tidak memerlukan koneksi internet. Oleh karena itu, Anda dapat mengakses instalasi lokal Anda jika koneksi Anda terputus atau jika Anda bepergian dan tidak memiliki akses ke internet.
  • Keamanan & privasi – Instalasi WordPress lokal hanya dapat diakses oleh Anda di komputer Anda. Ini secara signifikan lebih aman daripada situs web WordPress yang diinstal secara online.
  • Kecepatan – Instalasi WordPress lokal berjalan lebih cepat daripada rekan online mereka.

Seperti yang Anda lihat, ada banyak manfaat untuk menyiapkan instalasi WordPress lokal. Anda akan senang mendengar bahwa menyiapkannya adalah proses yang relatif mudah.

Apa itu XAMPP?

Untuk menjalankan WordPress, disarankan agar lingkungan Anda mencakup:

  • Apache atau Nginx,
  • PHP 7.3+,
  • MySQL 5.6+ atau MariaDB 10.0+.

Masing-masing aplikasi open-source ini dapat diinstal secara terpisah di komputer Anda, namun ini memakan waktu lama untuk melakukannya. Sebaliknya, XAMPP menginstal semua yang Anda butuhkan untuk menjalankan WordPress. Selain itu, Anda dapat menggunakannya untuk membuat instalasi lokal dari solusi situs web lain seperti Joomla, Drupal, PrestaShop, PHPBB, dan OpenCart juga.

Beranda XAMPP

Nama XAMPP merupakan singkatan dari cross-platform (X), Apache (A), MariaDB (M), PHP (P), dan Perl (P). XAMPP adalah “cross-platform” karena bekerja pada beberapa sistem operasi. Keempat aplikasi yang diinstal oleh XAMPP membuka banyak kemungkinan bagi pemilik dan pengembang situs web.

Saya yakin sebagian besar pengguna WordPress akan merasa nyaman menggunakan penginstal XAMPP, namun jika Anda memiliki masalah, Anda dapat menemukan bantuan di forum komunitas XAMPP.

Instal XAMPP di Komputer Anda

XAMPP adalah perangkat lunak sumber terbuka, sehingga Anda dapat mengunduhnya secara gratis. Sebagai aplikasi lintas platform, tersedia untuk sistem operasi Windows, Linux, Mac, dan Solaris.

Versi XAMPP

Anda dapat mengunduh XAMPP dengan versi PHP yang berbeda untuk setiap sistem operasi. Muncul dengan beberapa add-on yang memungkinkan Anda menginstal aplikasi populer di atas XAMPP — kami akan membicarakannya nanti di artikel.

Unduhan Windows XAMPP

Untuk tujuan tutorial ini, saya menginstal XAMPP versi PHP 7.3.7 di laptop Windows saya. Prosesnya sama untuk pengguna Linux, Mac, dan Solaris; meskipun tata letak panel kontrol bervariasi menurut sistem operasi.

Untuk memulai proses instalasi, unduh versi XAMPP yang paling sesuai dengan kebutuhan Anda, lalu klik dua kali file .exe .

Instal XAMPP

Pada langkah selanjutnya, Anda perlu memilih server dan komponen bahasa program yang ingin Anda instal. Semua komponen dipilih secara default.

Pilih komponen XAMPP

Sekarang, Anda perlu menentukan lokasi folder instalasi tempat XAMPP (dan nantinya situs WordPress Anda) akan diinstal.

Pilih folder instalasi XAMPP

Pada langkah selanjutnya, Anda dapat menemukan catatan singkat tentang aplikasi Bitnami. Saya akan berbicara lebih banyak tentang bagaimana Anda dapat menggunakan Bitnami untuk menginstal WordPress nanti di artikel.

Catatan Bitnami dalam pengaturan XAMPP

Setelah Anda menyelesaikan langkah-langkah konfigurasi, Anda dapat mulai menginstal XAMPP.

Mulai instal XAMPP

Hanya butuh satu menit bagi XAMPP untuk membongkar semua file dan menginstalnya di komputer Anda.

Menginstal file XAMPP

XAMPP mungkin ditandai oleh perangkat lunak anti-virus, jadi pastikan untuk memberikannya akses.

Berikan akses firewall XAMPP

Selamat! XAMPP sekarang telah diinstal! Sekarang, Anda dapat memulai panel kontrol XAMPP di desktop Windows Anda.

XAMPP telah diinstal

Panel kontrol XAMPP dapat dimuat dalam bahasa Inggris atau Jerman.

Pilih bahasa XAMPP Anda

Panel kontrol mungkin sedikit menakutkan pada awalnya, tetapi mudah digunakan setelah Anda tahu di mana semuanya berada.

Di sebelah kiri, Anda akan melihat komponen modul yang Anda instal. Di sebelah kanan, Anda dapat menemukan tindakan yang sesuai: Start , Admin , Config , dan Logs . Tombol tindakan admin akan berwarna abu-abu hingga modul milik berjalan.

Di sisi paling kanan, ada tautan ke fungsi yang berguna seperti area konfigurasi panel kontrol, alat utilitas Netstat , shell perintah, penjelajah file, dan layanan.

Peluncuran pertama panel kontrol XAMPP

Dari awal hingga akhir, proses pengunduhan dan penginstalan XAMPP hanya membutuhkan waktu beberapa menit.

Di bagian berikut, saya akan menunjukkan kepada Anda cara menginstal WordPress secara lokal menggunakan Bitnami dan bagaimana Anda dapat menginstal WordPress secara manual. Dalam kedua metode ini, Anda perlu memulai layanan Apache dan MySQL. Untuk melakukannya, Anda hanya perlu mengklik tombol mulai untuk setiap modul.

Mulai Apache dan MySQL

Sekarang, XAMPP akan tetap berada di bilah tugas Windows Anda kecuali Anda keluar dari aplikasi. Dengan mengklik kanan ikon XAMPP, Anda dapat mengaktifkan dan menonaktifkan modul. Anda juga dapat keluar dari XAMPP dari sini.

XAMPP di bilah tugas Windows

Anda dapat memeriksa apakah server Anda berjalan dengan benar dengan mengetikkan localhost ke bilah URL browser Anda. Ketika Anda melakukannya, Anda akan melihat halaman selamat datang XAMPP yang menyertakan detail teknis instalasi Anda.

Beranda lokal XAMPP

Sekarang XAMPP telah diinstal dan modul Apache dan MySQL telah dimulai, Anda juga dapat menginstal WordPress.

Instal WordPress Menggunakan Bitnami

Bitnami adalah solusi paket aplikasi yang menyederhanakan proses penginstalan aplikasi open-source populer. Perusahaan diakuisisi oleh VMWare pada Mei 2019; meskipun pendiri Bitnami telah mengkonfirmasi bahwa itu akan terus didukung.

XAMPP mendorong pengguna untuk menggunakan Bitnami dengan mempromosikan aplikasi selama proses instalasi XAMPP dan juga sebagai "alat All-in-one" pada halaman add-on.

Pengaya XAMPP

Anda dapat mengunduh modul Bitnami WordPress dari Modul Bitnami untuk halaman XAMPP. Ini tersedia untuk Windows dan Linux. Pada saat penulisan ini, modul ini tidak tersedia untuk sistem Unix lain, tetapi berfungsi dengan OS X jika Anda menggunakan XAMPP-VM, bukan XAMPP.

Setelah Anda mengklik file instalasi Bitnami WordPress, Anda akan ditanya bahasa apa yang ingin Anda gunakan untuk menginstal WordPress. Bahasa yang tersedia adalah Inggris, Spanyol, Portugis, Cina Sederhana, Korea, Ibrani, Jerman, Rumania, dan Rusia.

Pemilih bahasa penginstal XAMPP Bitnami

Sekarang, Anda dapat mengklik melalui wizard pengaturan modul WordPress Bitnami.

Wizard Penyiapan Modul WordPress Bitnami

Pada langkah selanjutnya, Anda harus memilih folder tempat XAMPP telah diinstal sebelumnya. Jika Anda tidak mengubah folder instalasi default untuk XAMPP, Bitnami akan mencantumkan folder instalasi XAMPP Anda dengan benar.

Pilih Folder Instalasi XAMPP

Bitnami akan membuat akun admin WordPress Anda sekarang. Yang perlu Anda lakukan hanyalah memasukkan nama pengguna, nama asli, alamat email, dan kata sandi Anda.

Buat akun admin WordPress dengan Bitnami

Pada langkah ini, cukup masukkan nama instalasi WordPress Anda.

Masukkan Nama Situs WordPress

Sekarang, Anda dapat memasukkan detail koneksi SMTP Anda. Anda dapat memilih dari dua opsi: Gmail dan penyedia email khusus.

Konfigurasi SMTP

Jika Anda memilih Gmail, Anda harus memasukkan alamat Gmail dan kata sandi Anda. Jika Anda memilih kustom, Anda harus memasukkan semua informasi koneksi SMTP yang disediakan oleh penyedia email Anda.

Masukkan Informasi Koneksi SMTP

Langkah selanjutnya menampilkan iklan untuk Bitnami Cloud. Jika Anda membiarkan kotak centang dicentang, itu akan membuka halaman informasi mereka yang menjelaskan manfaat menghosting situs web WordPress Anda dengan mereka melalui layanan cloud seperti Google Cloud dan Amazon Web Services.

Awan Bitnami

Bitnami sekarang akan menginstal WordPress di PC Windows Anda.

Menginstal WordPress di PC Windows Anda

Hanya perlu sekitar satu menit untuk menginstal file yang diperlukan.

Klik untuk Menginstal WordPress

Selamat! Anda baru saja menginstal WordPress secara lokal di komputer Anda menggunakan Bitnami!

Instalasi WordPress selesai dengan Bitnami

Langkah terakhir dari wizard instalasi Bitnami WordPress meminta Anda untuk meluncurkan modul Bitnami WordPress. Melakukannya akan membuka front-end situs web WordPress baru Anda.

Situs web baru saya dapat diakses secara lokal di URL http://127.0.0.1/wordpress/ .

WordPress front-end diinstal dengan Bitnami

Seperti yang Anda harapkan, area admin untuk situs web WordPress baru saya dapat ditemukan secara lokal di http://127.0.0.1/wordpress/wp-admin/ .

Area admin WordPress diinstal dengan Bitnami

Bitnami menginstal WordPress ke folder aplikasi XAMPP di C:\xampp\apps\wordpress . Anda dapat menemukan semua file WordPress di dalam folder htdocs .

Folder instalasi Bitnami WordPress

Seperti yang Anda lihat, proses menginstal WordPress secara lokal di komputer Anda menggunakan XAMPP dan Bitnami sangat mudah. Perangkat lunak ini melakukan segalanya untuk Anda.

Saya percaya ini adalah metode yang harus dipilih sebagian besar pengguna WordPress saat memasang situs web WordPress secara lokal di komputer mereka.

Mengatur WordPress Secara Manual di XAMPP

Bitnami tidak diragukan lagi cara paling sederhana untuk menginstal WordPress di XAMPP, namun penting juga untuk mengetahui cara menginstal WordPress secara manual. Anda yang telah menginstal WordPress secara manual di situs web langsung akan terbiasa dengan prosesnya.

Ada tiga langkah untuk menginstal WordPress secara manual dengan XAMPP:

  1. Buat basis data WordPress.
  2. Unduh WordPress.
  3. Instal WordPress.

Mari kita lanjutkan dan buat database WordPress.

1. Buat Basis Data WordPress Anda

Anda dapat membuat database WordPress Anda di aplikasi phpMyAdmin yang telah diinstal bersama dengan XAMPP. Untuk mengakses phpMyAdmin, cukup klik tombol admin untuk modul MySQL.

tombol admin MySQL

Aplikasi phpMyAdmin akan dimuat di browser Anda.

beranda phpMyAdmin

Klik pada tab "Database" , masukkan nama untuk database WordPress Anda dan kemudian klik tombol "Buat" . Anda dapat memanggil database apa pun yang Anda inginkan, tetapi pastikan untuk mengingatnya untuk wizard penginstalan WordPress nanti.

Buat database WordPress di phpMyAdmin

Berbeda dengan menginstal WordPress secara live setup, Anda tidak perlu membuat database user saat menggunakan XAMPP (walaupun masih bisa jika Anda mau).

2. Unduh WordPress

WordPress dapat diunduh langsung dari https://wordpress.org/download/. Setelah mengunduh penginstal, ekstrak file ZIP untuk membongkar folder WordPress.

Unduh WordPress

Selanjutnya, buka folder htdocs di dalam folder instalasi XAMPP utama Anda. Di Windows, jika Anda tidak mengubah lokasi folder instalasi XAMPP selama pengaturan, folder htdocs akan berada di C:\xampp\htdocs\ .

Buat folder baru untuk situs WordPress lokal Anda di dalam folder ini. Saya memanggil milik saya mylocalwordpress , tetapi Anda dapat menggunakan nama apa pun yang Anda suka. Anda perlu menyalin konten folder WordPress yang Anda ekstrak dari file ZIP ke folder baru ini. Dalam kasus saya, ini C:\xampp\htdocs\mylocalwordpress\ .

Folder Instalasi Lokal WordPress

Anda sekarang memiliki segalanya untuk menginstal WordPress secara lokal.

3. Instal WordPress

Sekarang saatnya untuk menginstal WordPress.

Jika mau, Anda dapat menginstal WordPress dengan menambahkan informasi database Anda ke file wp-config-sample.php dan mengganti namanya menjadi wp-config.php . Namun, jauh lebih mudah untuk menjalankan wizard instalasi WordPress yang terkenal; dan Anda selalu dapat memodifikasi file wp-config.php nanti jika perlu.

Untuk menjalankan wizard instalasi WordPress, Anda perlu mengakses situs web WordPress baru Anda. Ingat folder yang Anda buat di htdocs sebelumnya? Nama folder ini digunakan sebagai lokasi situs WordPress Anda.

Jadi, Anda dapat mengakses situs WordPress Anda di http://localhost/yourwebsitename/ . Misalnya, dalam pengaturan saya, saya harus mengunjungi http://localhost/mylocalwordpress/ . Ketika Anda mengunjungi URL instalasi lokal Anda, Anda akan disajikan dengan wizard instalasi WordPress (terletak di http://localhost/yourwebsitename/wp-admin/setup-config.php ).

Pada langkah pertama, Anda dapat memilih bahasa situs web Anda dari puluhan WordPress yang telah diterjemahkan.

Pemilih bahasa penginstal XAMPP WordPress

Pada langkah berikutnya, penginstal mengingatkan Anda bahwa Anda akan memerlukan informasi koneksi database untuk wizard.

Pengingat informasi database penginstal WordPress

Sekarang, Anda perlu memasukkan detail koneksi database Anda. Masukkan nama database WordPress Anda, nama pengguna dan kata sandi database, host database, dan awalan tabel yang ingin Anda gunakan untuk tabel WordPress Anda.

Masukkan Detail Koneksi Basis Data Anda

Nama database Anda adalah nama database yang Anda buat di phpMyAdmin. Jika Anda lupa nama database Anda pada tahap ini, Anda dapat masuk kembali ke phpMyAdmin dari panel kontrol XAMPP dan melihatnya di sana.

Nama pengguna basis data harus ditetapkan sebagai root dan bidang kata sandi harus dibiarkan kosong. Host basis data harus tetap sebagai localhost . Anda juga dapat mengubah awalan tabel jika diinginkan. Ini layak dilakukan jika Anda berencana membuat beberapa situs WordPress di lingkungan lokal Anda.

Detail Koneksi Basis Data Saya

Selanjutnya, Anda diminta untuk menjalankan wizard instalasi WordPress.

Jalankan Wizard Instalasi WordPress

Anda sekarang dapat memasukkan nama situs web WordPress baru Anda, nama pengguna dan kata sandi administrator Anda, dan alamat email Anda. Halaman ini juga memiliki opsi untuk mencegah mesin pencari mengindeks situs web Anda; meskipun itu tidak berlaku sekarang karena situs web Anda offline.

Saat Anda siap, klik tombol "Instal WordPress" .

Masukkan Detail Situs Web sebelum instalasi WordPress

WordPress sekarang telah diinstal di komputer Anda dan Anda dapat masuk ke situs web baru Anda.

WordPress Telah Diinstal

Wizard instalasi Bitnami WordPress mengarahkan Anda ke front-end situs web Anda. Prosedur instalasi WordPress manual akan, sebaliknya, membawa Anda ke halaman login admin sehingga Anda dapat memasuki area admin WordPress Anda di http://localhost/yourwebsitename/wp-admin/ .

Login Admin WordPress

Anda sekarang dapat mulai menggunakan situs WordPress lokal Anda.

Area Admin WordPress

Meskipun modul Bitnami WordPress menyederhanakan instalasi WordPress, menginstal WordPress secara manual menggunakan XAMPP jauh dari sulit.

Metode instalasi Bitnami menyelamatkan Anda dari keharusan membuat database WordPress di phpMyAdmin dan mengunduh WordPress versi terbaru dari WordPress.org. Namun, jika Anda menginstal WordPress secara manual, Anda mendapatkan kontrol lebih besar atas cara pengaturannya.

Pilihan ada padamu.

Pikiran Akhir

Saya harap Anda menikmati tutorial ini tentang bagaimana Anda dapat membuat situs web WordPress lokal di komputer Anda menggunakan XAMPP.

Situs web WordPress lokal adalah sesuatu yang dapat digunakan pengguna WordPress untuk pengujian, pementasan situs web, pengembangan, dan banyak lagi. Baik Anda menginstal WordPress secara manual atau menggunakan modul Bitnami WordPress untuk menyederhanakan proses instalasi, saya yakin Anda akan dapat mengikuti langkah-langkah di atas.

Perlu dicatat bahwa beberapa aplikasi, seperti Skype, dapat bertentangan dengan XAMPP karena Apache menggunakan port 80. Anda akan menemukan tutorial online tentang cara mengatasi masalah ini, meskipun jika Anda menghadapi masalah ini, biasanya lebih cepat untuk menghapus XAMPP dan menginstalnya lagi. Semoga berhasil.