LAPORAN MAKALAH WORDPRESS

Dosen Pengampu

Dini Kristianti, S.Kom.

Disusun Oleh :

Achmadi Gusrif Kandola (221611018153990)

Fadli Rahmatan Asari (221611018154262)

Taufik Ismail (221611018154256)

Jason Reynaldi (2216311018154319)

Duvan Thegar Agung Saputro (221611018153981)

PRODI MANAJEMEN

FAKULTAS EKONOMI DAN BISNIS

UNIVERSITAS WIDYAGAMA MALANG

 KATA PENGANTAR

Segala puji syukur kami patjatkan kehadirat ALLAH SWT. yang

senantiasa melimpahkan rahmat-Nya sehingga kami dapat menyelesaikan
laporan makalah wordpress ini pada tanggal 5 Januari 2023.

Adapun maksud dan tujuan dari penyusunan laporan makalah wordpress

ini adalah untuk menyelesaikan Ujian Akhir Kompetensi Basic IT Kelas F.
Laporan ini disusun berdasarkan hasil yang kami dapatkan selama pembelajaran
Basic IT berlangsung.

Dalam kesempatan ini kami mengucapkan rasa terima kasih yang

sebesar-besarnya kepada semua pihak yang telah membantu dalam membuat
laporan makalah wordpress ini. Satu harapan yang kami inginkan semoga karya
tulis ini dapat berguna bagi pembaca dan kami juga berharap kritik dan saran
dari pembaca atas segala kekurangan dalam laporan makalah wordpress ini.

i
 DAFTAR ISI

KATA PENGANTAR........................................................................................................i
DAFTAR ISI......................................................................................................................ii
Bab I Pendahuluan.............................................................................................................1
1.1. Latar Belakang...................................................................................................1
1.2. Rumusan Masalah..............................................................................................2
1.3. Tujuan dan Manfaat...........................................................................................2
1.3.1. Tujuan.........................................................................................................2
1.3.2. Manfaat......................................................................................................2
Bab II Hasil dan Pembahasan.............................................................................................3
2.1. Instalasi Xampp..................................................................................................3
Cara Install XAMPP Di Windows.................................................................................3
1) Download Aplikasi XAMPP Terbaru....................................................................3
2) Dobel Klik File XAMPP Yang Baru Saja Anda Download...................................3
3) Klik Next Pada Jendela Installer............................................................................4
4) Pilih Aplikasi Yang Mau Di Install........................................................................5
5) Pilih Folder Instalasi..............................................................................................5
6) Pilih Bahasa...........................................................................................................6
7) Jalankan Instalasi...................................................................................................6
8) Tunggu Proses Instalasi Selesai.............................................................................7
9) Start XAMPP.........................................................................................................7
Cara Menjalankan Aplikasi XAMPP.............................................................................8
2.2. Instalasi Wordpress............................................................................................9
1. Persiapan................................................................................................................9
2. Ekstrak File WordPress di htdocs...........................................................................9
3. Buat Database Baru di phpMyAdmin...................................................................10
4. Setup Konfigurasi WordPress..............................................................................13
5. Login ke Dashboard WordPress...........................................................................17
2.3. Tampilan Web..................................................................................................19
2.3.1. Tampilan Menu Home..............................................................................19

ii
 2.3.2. Tampilan Menu Gallery............................................................................20
2.3.3. Tampilan Menu Profil...............................................................................20
2.3.4. Tampilan Menu Video Tutorial.................................................................21
Bab III Penutup................................................................................................................22
3.1. Kesimpulan......................................................................................................22
3.2. Saran................................................................................................................22
Daftar Pustaka..................................................................................................................23

iii
 Bab I Pendahuluan

1.1. Latar Belakang

Indonesia telah menduduki posisi ke-3 dari seluruh pengguna WordPress

di seluruh dunia. Dengan persentase 2,4% dari seluruh total website yang
menggunakan WordPress. Dengan WordPress, telah banyak pebisnis yang merasa
sangat terbantu membuat dan mengelola website mereka. Karena mungkin, bagi
sebagian orang memiliki website tanpa keahlian khusus seperti mendesain website
dan programming tentu bukanlah hal yang mudah.

WordPress merupakan sebuah aplikasi sumber terbuka atau open source

yang sangat populer digunakan sebagai blog engine. Aplikasi open source
WordPress dibangun dengan bahasa pemrograman PHP dan basis data MySQL.
PHP dan MySQL, keduanya merupakan perangkat lunak open source software.
Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah Content
Management System (CMS) karena kemampuannya untuk dimodifikasi dan
disesuaikan dengan kebutuhan penggunanya.

Penggunaan CMS dari Wordpress lebih banyak ditujukan untuk

pembuatan website content service, bukan hanya untuk penggunaan personal saja,
WordPress juga digunakan oleh 40 perusahaan besar di dunia yang masuk di
dalam urutan 100 ranking alexa seperti TechCrunch, BBC News, Xerox dan
Majalah Rolling Stone.

Arsitektur Decoupled CMS atau yang biasa disebut Headless WordPress

semakin banyak digunakan dalam dunia development sistem, model sistem ini
membuat user experience baru dan memberikan developers fleksibilitas untuk
berinovasi serta membantu pemilik website untuk menghadapi perubahan desain
website tanpa mengimplementasikan ulang seluruh arsitektur sistem.

1
1.2. Rumusan Masalah

Rumusan masalah berdasarkan latar belakang penulis :

1. Bagaimana cara instalasi Wordpress menggunakan Xampp?

2. Bagaimana cara mengubah tampilan menu-menu tampilan pada
Wordpress?

1.3. Tujuan dan Manfaat

1.3.1. Tujuan

Tujuan saya membuat web adalah untuk melatih knowlegde

basic – basic IT agar ketika di masa depan berguna entah sekedar tau
ataupun bekerja dibidang tersebut

1.3.2. Manfaat

1. Membantu mempermudah pembaca yang ingin belajar tentang

web
2. Ilmu yang dapat di pelajari dari apa yang kami buat adalah
memberi petunjuk dan langka- langkah instalasi worldpress
menggunakan xampp
3. agar lebih mendalami dan memahami apa yang kami kerjakan
dalam laporan ini

2
 Bab II Hasil dan Pembahasan
2.1. Instalasi Xampp

Cara Install XAMPP Di Windows

1) Download Aplikasi XAMPP Terbaru

Silakan klik disini untuk mengunduhnya, pilih salah satu (tips: bisa pilih versi

7.4, yang relatif kompatibel dengan banyak aplikasi program saat ini).

2) Dobel Klik File XAMPP Yang Baru Saja Anda Download

Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan
dengan klik YES dan OK.

3
3) Klik Next Pada Jendela Installer

Pada tahapan ini seringkali muncul jendela yang isinya meminta Anda menutup
semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik
tombol Next.

4
4) Pilih Aplikasi Yang Mau Di Install

Pada tahapan ini, Anda akan diminta untuk memilih aplikasi yang mau diinstal.
Centang saja semua pilihan dan klik tombol Next.

5) Pilih Folder Instalasi

Pastikan kapasitas hardisk atau drive tempat Xampp mau di install masih tersedia
kuota yang mencukupi.

5
6) Pilih Bahasa

Gunakan bahasa yang Anda familiar dengannya, kemudian klik Next.

7) Jalankan Instalasi

Klik Next jika Anda sudah siap memulai proses instalasi Xampp.

6
8) Tunggu Proses Instalasi Selesai

Bersabarlah, selama proses instalasi berjalan, tidak perlu terburu-buru, okay 

9) Start XAMPP

Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk

menyelesaikannya.

Selain itu, akan muncul opsi apakah Anda mau langsung menjalankan aplikasi
XAMPP atau tidak. Jika ya, maka centang opsi tersebut.

7
Cara Menjalankan Aplikasi XAMPP

Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon

XAMPP.

Atau, jika Anda ingin membukanya langsung begitu proses instalasi selesai,
maka centang kotak “Do you want to start the Control Panel now?” seperti
terlihat pada gambar no. #9 di atas.

Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol

tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah
aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya
start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan
aplikasi seperti Filezilla, dan lain-lain.

8
Sekarang bukalah browser kesukaan Anda, dan coba
ketikkan http://localhost/xampp di address bar. Jika muncul tampilan seperti
gambar di bawah ini, instalasi telah berhasil.

Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer

Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi
berbasis web.

2.2. Instalasi Wordpress

1. Persiapan

Untuk mengikuti cara instal WordPress di localhost XAMPP, Anda cukup

menyiapkan dua hal, yakni:

 XAMPP Control Panel – Untuk membuat database website WordPress.

Download di laman resmi Apache, lalu install seperti biasa.
 File Installer WordPress – Sebagai file instalasi dan konfigurasi
WordPress. Download versi terbaru di laman resmi WordPress.

Setelah menyiapkan dua file di atas, Anda bisa melanjutkan ke langkah yang
kedua.

2. Ekstrak File WordPress di htdocs

Setelah XAMPP berhasil diinstall, silakan buka directory C:\xampp\htdocs. Di

sini, buatlah sebuah folder baru, misalnya vapestore99.

9
Kemudian, ekstrak file installer WordPress ke folder percobaan. Jika berhasil,
tampilannya kurang lebih seperti ini:

Langkah selanjutnya adalah membuat database baru untuk WordPress.

3. Buat Database Baru di phpMyAdmin

Cara instal WordPress di localhost XAMPP berikutnya adalah membuat database

MySQL baru. Untuk itu, Anda perlu membuka XAMPP Control Panel. Jika
sudah, klik Start pada modul Apache dan MySQL.

10
Setelahnya, klik Admin di modul MySQL. Langkah ini akan otomatis
mengarahkan Anda ke halaman phpMyAdmin.

11
Di halaman utama phpMyAdmin, klik menu Database. Kemudian, buat database
baru di kolom yang disediakan. Samakan saja dengan nama folder di htdocs,
yaitu percobaan. Jangan lupa, klik Create.

Setelah membuat database baru, Anda akan melihat tampilan berikut. Selanjutnya,
klik menu Privileges.

Di halaman Privileges, klik Add user account. Lalu, isi kolom yang tersedia

sesuai ketentuan berikut:

 User name – Silakan isi username WordPress Anda, misalnya admin.

 Host name – Karena Anda menginstal WordPress secara offline, isi
dengan localhost.
 Password – Silakan isi password WordPress Anda. Pastikan passwordnya
kuat dan Anda bisa mengingatnya.
 Re-type – Ulangi isian password di atas.

12
Setelah mengisi kolom, silakan scroll ke bagian Global Privileges. Di sini,
pilih Check all dan klik Go.

Sampai di tahap ini, Anda telah berhasil membuat database dan sebuah username
baru. Berikutnya, lakukan konfigurasi akhir untuk WordPress Anda.

4. Setup Konfigurasi WordPress

Untuk mengkonfigurasi WordPress, buka tab baru di browser Anda. Kemudian,

ketikkan localhost/percobaan. Nah, /percobaan ini menyesuaikan nama folder
yang Anda buat di htdocs.

Jika sudah, Anda akan menjumpai tampilan berikut. Silakan pilih bahasa yang
Anda kehendaki, lalu klik Continue.

13
Berikutnya, akan muncul tampilan seperti ini. Lanjutkan saja dengan klik Let’s
go.

14
Nah, sekarang waktunya menghubungkan database ke WordPress. Silakan isi
form yang ada sesuai ketentuan berikut:

 Database Name – Nama database yang tadi Anda buat di phpMyAdmin.

 Username – Nama username yang Anda daftarkan.
 Password – Password yang Anda buat bersama username.
 Database Host – Isi saja dengan localhost.
 Table Prefix – Biarkan isian default.

Jika sudah, klik Submit.

Akan muncul halaman berikut. Langsung saja klik Run the installation.

15
Selanjutnya, silakan isi beberapa form instalasi yang ada. Jika Anda bingung, ikuti
instruksi berikut:

 Site Title – Nama baru untuk website Anda.

 Username – Username WordPress Anda, bedakan dengan username
database. Gunanya agar Anda mudah membedakan keduanya.
 Password – Password WordPress Anda. Pastikan berbeda dengan
password database, untuk mencegah kebocoran data.
 Your Email – Alamat email Anda.
 Search Engine Visibility – Abaikan saja opsi ini, agar website Anda
terindeks mesin pencari ketika dionlinekan.

Berikutnya, klik Install WordPress.

16
Silakan tunggu, proses instalasi akan berlangsung.

Sampai tahap ini, artinya cara instal WordPress offline di XAMPP telah berhasil.
Jangan lupa simpan username dan password Anda di tempat yang aman.

Jika ingin langsung menuju ke dashboard WordPress, cukup klik tombol Log in.

5. Login ke Dashboard WordPress

Dengan klik tombol Log in, Anda akan diminta menuliskan username dan
password WordPress Anda. Jika sudah, klik Log in.

Setelahnya, Anda akan diarahkan ke dashboard WordPress.

17
Jika Anda ingin login di lain waktu, cukup buka localhost/percobaan/wp-
admin. Namun, pastikan modul Apache dan MySQL dalam keadaan aktif, seperti
di poin 3.

Anda juga bisa mengakses tampilan website WordPress. Caranya seperti biasa,
klik nama website di toolbar dashboard, lalu pilih Visit Site.

18
Selamat Anda telah berhasil mengikuti cara instal WordPress di XAMPP.

2.3. Tampilan Web

2.3.1. Tampilan Menu Home

Gambar 2.3.1. Tampilan Menu Home

19
2.3.2. Tampilan Menu Gallery

Gambar 2.3.2. Tampilan Menu Galery

2.3.3. Tampilan Menu Profil

Gambar 2.3.2. Tampilan Menu Profil

20
2.3.4. Tampilan Menu Video Tutorial

Gambar 2.3.2. Tampilan Menu Profil

21
 Bab III Penutup
3.1. Kesimpulan

WordPress didisain untuk diinstall di server web pribadi, maupun di akun

hosting yang dapat diakses secara komput, yang akan memberikan pengaturan
yang lengkap pada situs. Tidak seperti layanan hosting pihak ketiga manapun,
dapat mengakses dan memodifikasi apapun yang terkait dengan situs, jika
memang membutuhkannya. Jadi ingatlah selalu hal ini bahwa dapat menginstall
WordPress di komputer desktop atau laptop pribadi, atau bahkan pada jaringan
Intranet.

3.2. Saran

Harus banyak pengecekan ulang terhadap program aplikasi supaya tidak

terjadinya error, dan sering-sering berlatih untuk menjadi lebih ahli hingga sangat
menguasai segala setingan yang ada di wordpress. Jangan takut akan kegagalan
sebab kegagalan itu awal kesuksesan yang penting kita bangkitkan dan terus
berusaha demi apa yang kita inginkan.

22
 Daftar Pustaka

Auliya, M. (2021, September 2). 30% Website di Dunia Menggunakan

WordPress. Dipetik Januari 5, 2023, dari Domainesia:
https://www.domainesia.com/berita/website-menggunakan-wordpress/

Setiawan, I. (2022, Januari 18). Manfaat dan Keuntungan Menggunakan

WordPress sebagai CMS Anda. Dipetik Januari 5, 2023, dari studioweb:
https://www.studioweb.co.id/manfaat-dan-keuntungan-menggunakan-
wordpress-sebagai-cms-anda/

W, Y. (2022, Desember 23). Apa Itu Headless CMS? Pengertian, Kelebihan, dan
Fungsinya. Dipetik Januari 5, 2023, dari hostinger:
https://www.hostinger.co.id/tutorial/headless-cms

23