Ramai developer baru takut nak experiment dengan WordPress sebab risau website live rosak. Solusi? Install WordPress di localhost — komputer sendiri.
Tutorial ini sesuai untuk absolute beginners. Saya akan tunjuk step-by-step, dengan screenshots, supaya anda boleh setup development environment dalam masa kurang dari 15 minit.
Apa Itu Localhost?
Localhost bermaksud server yang running di komputer anda sendiri. Ia simulate real web server, tapi hanya anda yang boleh access.
Kelebihan? Anda boleh test, break things, install plugins, tukar theme — semua tanpa risiko website live down.
Tools Yang Diperlukan
- ✅ XAMPP atau Local by Flywheel (free)
- ✅ WordPress (download dari wordpress.org)
- ✅ Text editor (VS Code recommended)
Step 1: Install XAMPP
XAMPP adalah package yang include Apache (web server), MySQL (database), dan PHP. Semua yang WordPress perlukan.
- Download XAMPP dari apachefriends.org
- Run installer dan ikut wizard (default settings okay)
- Launch XAMPP Control Panel
- Start Apache dan MySQL modules
Step 2: Create Database
WordPress perlukan database untuk simpan content:
- Buka browser, pergi ke localhost/phpmyadmin
- Click tab 'Databases'
- Buat database baru (contoh: wordpress_test)
- Click 'Create'
Step 3: Download & Extract WordPress
Download WordPress dari wordpress.org. Extract ZIP file ke folder C:/xampp/htdocs/
Rename folder tu (contoh: mywebsite) supaya URL jadi localhost/mywebsite
Step 4: Install WordPress
Buka browser dan navigate ke localhost/mywebsite. Anda akan nampak WordPress installation screen.
- Pilih bahasa
- Enter database details (database name, username: root, password: kosongkan)
- Click 'Submit' dan kemudian 'Run installation'
- Isi site title, username, password, email
- Click 'Install WordPress'
Tahniah! WordPress anda dah ready untuk digunakan.
Pro Tips
- 💡 Guna Local by Flywheel jika nak easier setup (drag & drop)
- 💡 Backup folder htdocs secara regular
- 💡 Install plugin Duplicator untuk migrate localhost ke live server nanti
Troubleshooting Common Issues
Apache won't start? Port 80 mungkin digunakan oleh program lain (Skype, IIS). Change port dalam XAMPP config.
Blank page after installation? Check error logs di xampp/apache/logs/error.log
Perlukan Bantuan Setup?
Kami tawarkan consultation session untuk guide anda setup development environment yang betul — dari localhost hingga deployment.
Book Consultation →