Days
Hours
Minutes
Seconds

Promo Grand Opening

15% OFF

Khusus Pelanggan Baru

Tutorial WordPress #1: Install WordPress di Localhost

 

Sebelum membangun website secara online, sangat disarankan untuk membuatnya di localhost terlebih dahulu. Localhost adalah server lokal di komputer Anda yang memungkinkan Anda untuk mengembangkan dan menguji website tanpa perlu koneksi internet dan biaya domain/hosting. Ini adalah cara yang aman dan efisien untuk belajar WordPress.

Dalam tutorial ini, kita akan menggunakan XAMPP, salah satu perangkat lunak server lokal paling populer yang berisi semua yang kita butuhkan: Apache (web server), MariaDB/MySQL (database), dan PHP.

 

Langkah 1: Unduh dan Install XAMPP

 

Langkah pertama adalah menyiapkan lingkungan server lokal di komputer Anda.

  1. Kunjungi Situs Resmi XAMPP: Buka browser Anda dan pergi ke apachefriends.org/download.html.
  2. Pilih Versi PHP: Unduh XAMPP versi terbaru yang sesuai dengan sistem operasi Anda (Windows, macOS, atau Linux). XAMPP akan menyertakan versi PHP yang sesuai.
  3. Jalankan Installer: Setelah selesai mengunduh, jalankan file installer tersebut.
  4. Proses Instalasi: Klik “Next” pada setiap jendela instalasi. Anda bisa membiarkan pengaturan default dan tidak perlu mengubah komponen yang akan diinstal.
  5. Lokasi Folder: Secara default, XAMPP akan terinstal di C:\xampp. Biarkan lokasi ini agar mudah ditemukan.
  6. Selesaikan Instalasi: Tunggu hingga proses instalasi selesai, lalu klik “Finish”.

 

Langkah 2: Jalankan Apache dan MySQL

 

Setelah XAMPP terinstal, Anda perlu menjalankan modul web server dan database.

  1. Buka XAMPP Control Panel: Cari dan buka aplikasi XAMPP di komputer Anda.
  2. Start Apache: Di baris modul Apache, klik tombol Start. Modul akan berubah menjadi hijau jika berhasil berjalan.
  3. Start MySQL: Lakukan hal yang sama untuk modul MySQL. Klik Start dan pastikan modulnya berubah menjadi hijau.

Jika kedua modul tersebut berwarna hijau, server lokal Anda sudah siap. Anda bisa mengujinya dengan membuka browser dan mengetik http://localhost. Jika halaman dashboard XAMPP muncul, berarti semuanya berjalan lancar.

 

Langkah 3: Buat Database untuk WordPress

 

Setiap instalasi WordPress memerlukan sebuah database untuk menyimpan semua data, seperti postingan, halaman, pengaturan, dan informasi pengguna.

  1. Buka phpMyAdmin: Di XAMPP Control Panel, klik tombol Admin pada baris modul MySQL. Ini akan membuka dashboard phpMyAdmin di browser Anda.
  2. Buat Database Baru: Klik tab “Databases” di bagian atas.
  3. Beri Nama Database: Di bawah bagian “Create database”, masukkan nama untuk database Anda (misalnya, wp_project1). Sebaiknya gunakan huruf kecil dan tanpa spasi.
  4. Klik “Create”: Database kosong Anda kini telah dibuat.

 

Langkah 4: Unduh dan Siapkan File WordPress

 

Sekarang saatnya mendapatkan file inti dari WordPress.

  1. Kunjungi WordPress.org: Buka situs resmi WordPress di wordpress.org/download/.
  2. Unduh File: Klik tombol untuk mengunduh versi terbaru WordPress. File akan terunduh dalam format .zip.
  3. Ekstrak File: Setelah selesai, ekstrak file .zip tersebut. Anda akan mendapatkan sebuah folder bernama wordpress.
  4. Pindahkan ke htdocs: Copy atau cut folder wordpress hasil ekstraksi tadi, lalu paste ke dalam direktori server Anda, yaitu C:\xampp\htdocs.
  5. (Opsional) Ganti Nama Folder: Anda bisa mengganti nama folder wordpress tersebut sesuai dengan nama proyek Anda (misalnya, project1). Folder ini akan menjadi alamat situs Anda di localhost (contoh: http://localhost/project1).

 

Langkah 5: Proses Instalasi WordPress

 

Ini adalah langkah terakhir untuk menghubungkan semuanya.

  1. Buka Alamat Situs di Browser: Buka browser dan ketikkan alamat situs Anda sesuai dengan nama folder yang Anda buat di htdocs. Contoh: http://localhost/project1.
  2. Pilih Bahasa: Halaman instalasi WordPress akan muncul. Pilih bahasa yang Anda inginkan (misalnya, Bahasa Indonesia) dan klik “Lanjutkan”.
  3. Informasi Database: WordPress akan menampilkan informasi mengenai detail database yang perlu Anda siapkan. Klik tombol “Ayo!”.
  4. Isi Detail Database:
    • Nama Basis Data: Isi dengan nama database yang Anda buat di Langkah 3 (contoh: wp_project1).
    • Nama Pengguna: Gunakan root (ini adalah username default dari XAMPP).
    • Sandi: Kosongkan bagian ini.
    • Host Basis Data: Biarkan localhost.
    • Prefiks Tabel: Biarkan wp_.
  5. Jalankan Pemasangan: Klik “Kirim”. Jika koneksi berhasil, klik “Jalankan pemasangan”.
  6. Informasi Situs: Sekarang, isi detail untuk situs WordPress Anda:
    • Judul Situs: Nama website Anda.
    • Nama Pengguna: Username untuk login ke dashboard WordPress (jangan gunakan “admin” demi keamanan).
    • Sandi: Buat password yang kuat.
    • Email Anda: Masukkan alamat email aktif Anda.
  7. Install WordPress: Klik tombol “Instal WordPress”.

Selesai! WordPress telah berhasil diinstal di localhost Anda. Anda bisa langsung login ke dashboard admin dengan mengklik tombol “Log Masuk” atau dengan mengakses http://localhost/project1/wp-admin.

Selamat, Anda kini memiliki platform yang sempurna untuk mulai belajar, bereksperimen, dan membangun website WordPress tanpa batas.

Wawasan Terbaru

Gemini_Generated_Image_wfw5uwwfw5uwwfw5
Mengenal Dunia Grafis: Dari Piksel Hingga Vektor, Kekuatan Visual di Era Digital
Gemini_Generated_Image_b6dimfb6dimfb6di
Mengenal Foundation: Kerangka Kerja Front-End Profesional untuk Web Responsif
Gemini_Generated_Image_sx3ztpsx3ztpsx3z
CSS
Mempercantik Website dengan CSS: Seniman di Balik Tampilan Web 🎨
Gemini_Generated_Image_e013qke013qke013
Mengenal HTML: Fondasi dari Setiap Halaman Website 🌐
Gemini_Generated_Image_ldki4nldki4nldki
Menyelami Dunia Coding: Seni Berbicara dengan Komputer
Gemini_Generated_Image_dpvliydpvliydpvl
Menguasai GIT: Fondasi Penting dalam Dunia Pengembangan Perangkat Lunak
Gemini_Generated_Image_sqcib9sqcib9sqci
Tutorial Python #12: Mengenal Jenis-jenis Operator dalam Python
Gemini_Generated_Image_o1bw3do1bw3do1bw
Memahami Tipe Data Dictionary dalam Python
Gemini_Generated_Image_ko4ixfko4ixfko4i
Mengenal Tipe Data Set dalam Python
Gemini_Generated_Image_1xop7m1xop7m1xop
Tuple dalam Python: Pengenalan dan Tutorial

Wawasan Serupa

Gemini_Generated_Image_u1aykyu1aykyu1ay
Gemini_Generated_Image_qwaatyqwaatyqwaa
Gemini_Generated_Image_invv2pinvv2pinvv
Gemini_Generated_Image_hscy64hscy64hscy

Ceritakan Detail Proyekmu

Mulai dari 30K aja, solusi IT kamu langsung jalan tanpa drama.

Kata Mereka Tentang Solusi Coding

Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek