MATERI PEMBELAJARAN

INSTALASI CMS WORDPRESS DI LOCALHOST MENGGUNAKAN XAMPP

1. Pendahuluan

1.1 Pengertian CMS

Content Management System (CMS) adalah aplikasi berbasis web yang digunakan untuk membuat, mengelola, dan mempublikasikan konten website tanpa harus menulis kode program secara manual.

CMS memungkinkan pengguna:

  • Membuat website dengan mudah
  • Mengelola artikel
  • Mengatur tampilan website
  • Menambahkan plugin atau fitur tambahan

Beberapa CMS populer:

  • WordPress
  • Joomla
  • Drupal
  • Magento

1.2 Pengertian WordPress

WordPress adalah CMS open source yang paling populer di dunia yang digunakan untuk membuat berbagai jenis website seperti:

  • Blog
  • Website perusahaan
  • Portal berita
  • Website kampus
  • Toko online
  • Sistem informasi

Kelebihan WordPress:

  • Gratis dan open source
  • Mudah digunakan
  • Banyak tema dan plugin
  • Komunitas besar
  • SEO friendly

2. Pengertian Localhost dan XAMPP

2.1 Pengertian Localhost

Localhost adalah server lokal yang berjalan di komputer sendiri tanpa membutuhkan internet.

Contoh alamat localhost:

http://localhost

Localhost digunakan untuk:

  • Pengembangan website
  • Testing aplikasi web
  • Belajar pemrograman web

2.2 Pengertian XAMPP

XAMPP adalah software yang digunakan untuk membuat web server lokal di komputer.

XAMPP terdiri dari:

KomponenFungsi
ApacheWeb Server
MySQL / MariaDBDatabase
PHPBahasa pemrograman
phpMyAdminManajemen database

Dengan XAMPP kita dapat menjalankan website tanpa hosting internet.


3. Persiapan Instalasi

Sebelum melakukan instalasi WordPress, siapkan:

Software yang diperlukan

  1. XAMPP
  2. WordPress

Download dari:

XAMPP
https://www.apachefriends.org

WordPress
https://wordpress.org/download


4. Instalasi XAMPP

Langkah 1 Download XAMPP

https://blog.devsense.com/2021/imgs/apachefriends.png
https://opengraph.githubassets.com/100b361f5f7388cd5723c457715d52e5b2d28f07a8ed60e69a754c5dd3920a51/ApacheFriends/xampp-control-windows
https://thieverse.vercel.app/_next/image?q=75&url=%2Fimages%2Fblogs%2Fxampp%2Flangkah-1.png&w=1920

4

Langkah-langkah:

  1. Buka website
    https://www.apachefriends.org
  2. Klik Download XAMPP
  3. Pilih versi sesuai sistem operasi
    contoh:
XAMPP for Windows
  1. File akan terdownload.

Langkah 2 Install XAMPP

https://make.wordpress.org/core/files/2013/03/installing-xampp-7.png
https://shiftasia.com/community/content/images/2021/10/image-58.png
https://make.wordpress.org/core/files/2013/03/installing-xampp-4.png

4

Langkah instalasi:

  1. Jalankan file
xampp-win32-installer.exe
  1. Klik Next
  2. Pilih komponen:

Centang:

Apache
MySQL
PHP
phpMyAdmin
  1. Klik Next
  2. Pilih lokasi instalasi

Biasanya:

C:\xampp
  1. Klik Next
  2. Tunggu proses instalasi selesai.
  3. Klik Finish

5. Menjalankan Server XAMPP

https://i.sstatic.net/3SoS8.png
https://i.sstatic.net/sha7g.jpg
https://i.sstatic.net/jf7Af.png

4

Langkah menjalankan server:

  1. Buka XAMPP Control Panel
  2. Klik Start pada:
Apache
MySQL

Jika berhasil akan berwarna hijau.


Uji Server

Buka browser:

http://localhost

Jika berhasil akan muncul halaman:

XAMPP Dashboard

6. Download WordPress

https://ps.w.org/quick-download-button/assets/screenshot-1.gif?rev=2540774
https://i0.wp.com/wordpress.org/news/files/2022/08/Featured-Image.png?resize=1024%2C599&ssl=1
https://ps.w.org/download-plugins-dashboard/assets/banner-1544x500.png?rev=2971450

4

Langkah download:

  1. Buka
https://wordpress.org
  1. Klik Get WordPress
  2. Klik Download WordPress
  3. File akan berupa:
wordpress.zip

7. Menyimpan WordPress di Folder XAMPP

https://domainking.ng/media/images/copy-wordpress-folder-inside-htdocs.png
https://ourcodeworld.com/public-media/articles/articleocw-5ded2aa0f3ad8.webp
https://raw.github.com/fooplugins/wordpress-file-structure/master/screenshot.jpg

4

Langkah-langkah:

  1. Extract file
wordpress.zip
  1. Buka folder:
C:\xampp\htdocs
  1. Copy folder
wordpress
  1. Paste ke dalam folder htdocs

Contoh:

C:\xampp\htdocs\wordpress

8. Membuat Database WordPress

https://i1.wp.com/wordpress.org/support/files/2018/11/phpMyAdmin_create_database_4.4.jpg?fit=688%2C411&ssl=1
https://i.sstatic.net/IhBQ0.png
https://i0.wp.com/wordpress.org/documentation/files/2018/11/users-768x500.jpg?ssl=1

4

Langkah-langkah:

  1. Buka browser
http://localhost/phpmyadmin
  1. Klik menu
Database
  1. Buat database baru

Contoh:

wordpress_db
  1. Klik Create

Database WordPress berhasil dibuat.


9. Instalasi WordPress

https://cms-assets.tutsplus.com/cdn-cgi/image/width%3D600/uploads/users/34/posts/25589/image/08-select-language.png
https://wordpress.org/documentation/files/2018/10/install-step3_v47.png
https://core.trac.wordpress.org/raw-attachment/ticket/26879/After.png

4

Langkah instalasi:

  1. Buka browser
http://localhost/wordpress
  1. Pilih bahasa
English / Indonesia
  1. Klik Continue

Konfigurasi Database

Isi data berikut:

ParameterIsi
Database Namewordpress_db
Usernameroot
Passwordkosong
Database Hostlocalhost
Table Prefixwp_

Klik:

Submit

Konfigurasi Website

Isi informasi website:

ParameterContoh
Site TitleWebsite Kampus
Usernameadmin
Passwordadmin123
Emailadmin@email.com

Klik:

Install WordPress


10. Login ke Dashboard WordPress

https://localhost.co/uploads/wordpress.webp
https://wordpress.org/documentation/files/2018/10/administrations_screen_4.9.4_with_note.jpg
https://make.wordpress.org/core/files/2023/07/admin-plugin-example.png

4

Buka:

http://localhost/wordpress/wp-admin

Masukkan:

Username
Password

Klik:

Log In

Maka akan masuk ke Dashboard WordPress.


11. Struktur Folder WordPress

Struktur folder WordPress:

wordpress

├── wp-admin
├── wp-content
│ ├── themes
│ ├── plugins
│ └── uploads

├── wp-includes

├── index.php
├── wp-config.php

Penjelasan:

FolderFungsi
wp-adminPanel admin
wp-contentTema dan plugin
wp-includesLibrary WordPress

12. Kelebihan Instalasi WordPress di Localhost

Keuntungan menggunakan localhost:

  1. Tidak memerlukan internet
  2. Aman untuk percobaan
  3. Cepat dalam pengembangan
  4. Gratis
  5. Mudah untuk testing plugin dan tema

13. Troubleshooting

Beberapa masalah yang sering terjadi:

Apache tidak bisa start

Solusi:

  • Tutup aplikasi yang menggunakan port 80
  • Contoh: Skype atau IIS

MySQL tidak berjalan

Solusi:

  • Restart XAMPP
  • Jalankan sebagai Administrator

Error database

Pastikan:

Database name benar
Username root
Password kosong

14. Kesimpulan

Instalasi WordPress di localhost menggunakan XAMPP memungkinkan pengguna untuk:

  • Mempelajari CMS secara offline
  • Mengembangkan website tanpa hosting
  • Melakukan pengujian sebelum dipublikasikan ke internet

Dengan mengikuti langkah-langkah di atas, mahasiswa dapat membuat website WordPress secara mandiri di komputer lokal.