MODUL KULIAH

PRAKTIK
PEMROGRAMAN WEB III
(Untuk Mahasiswa Program Studi D3 Manajemen
Pemasaran Warga Negara Berkebutuhan Khusus)

Penulis
Anita Rahmawati, S.Kom., M.M.

Program Studi Diploma 3 Manajemen Pemasaran

Politeknik Negeri Jakarta
 KATA PENGANTAR

Puji syukur penulis panjatkan kepada Allah SWT karena atas berkat
rahmat dan petunjuk-Nya penulis dapat menyelesaikan modul yang
berjudul “Praktik Pemrograman Web III” ini dengan baik dan lancar.
Modul ini ditulis dengan tujuan untuk memberikan pengetahuan
tentang Content Management System Wordpress dan langkah-langkah
membuat website dengan wordpress pada localhost. Modul ini disusun
secara sistematis dan detail sehingga mahasiswa dapat memahami materi
secara menyeluruh.
Ada pepatah yang mengatakan bahwa tak ada gading yang tak retak
maka modul ini pun tidak lepas dari kekurangan baik dari segi teknis
maupun segi materi sehingga sangat diharapkan saran dan kritik yang
membangun dari pembaca. Semoga modul ini dapat bermanfaat dan
dijadikan salah satu sumber referensi untuk mempelajari mata kuliah
Praktik Pemrograman Web III.

Penulis

i
 DAFTAR ISI

KATA PENGANTAR ................................................................................... i

DAFTAR ISI ................................................................................................ ii
PENDAHULUAN ........................................................................................ v
BAB 1 CONTENT MANAGEMENT SYSTEM ............................................ 1
1.1 Pengertian Content Management System .......................... 1
1.2 Fungsi Content Management System ...................................... 1
1.3 Keuntungan menggunakan Content Management System ...... 1
1.4 Jenis-jenis Content Management System ................................ 1
BAB 2 CMS WORDPRESS ....................................................................... 3
2.1 Pengenalan Wordpress............................................................ 3
2.2 Wordpress.com dan wordpress.org ......................................... 3
2.3 Kelebihan Wordpress ............................................................... 4
BAB 3 XAMPP ........................................................................................... 7
3.1 Pengenalan XAMPP ................................................................ 7
3.2 Asal Kata XAMPP .................................................................... 7
3.3 Bagian Penting XAMPP ........................................................... 8
BAB 4 INSTALASI WORDPRESS ............................................................. 9
4.1 Persiapan Insatalasi ................................................................. 9
4.2 Tahapan Instalasi Wordpress .................................................. 9
4.2.1 Menginstall XAMPP ........................................................... 9

4.2.2 Membuat Database pada PHPMyAdmin ......................... 12

4.2.3 Menginstall Wordpress pada Localhost ........................... 14

BAB 5 KONFIGURASI WORDPESS ....................................................... 19

5.1 Dashboard ............................................................................. 19
5.2 Pos ......................................................................................... 19
5.2.1 Semua Pos (All Posts)..................................................... 19

5.2.2 Tambah Baru (Add New) ................................................. 19

5.2.3 Kategori (Categories) ...................................................... 20

5.2.4 Tag (Tags) ....................................................................... 20

5.3 Media ..................................................................................... 21

ii
 5.3.1 Pustaka (Library) ............................................................. 21

5.3.2 Tambah Baru (Add New) ................................................. 21

5.4 Laman (Page) ....................................................................... 21

5.4.1 Semua Laman (All Pages)............................................... 21

5.4.2 Tambah Baru (Add New) ................................................. 22

5.5 Komentar (Comments) ........................................................... 22

5.6 Tampilan (Appearance).......................................................... 22
5.6.1 Tema (Themes) ............................................................... 22

5.6.2 Sesuaikan (Customize) ................................................... 23

5.6.3 Widget ............................................................................. 23

5.6.4 Menu (Menus) ................................................................. 23

5.6.5 Tajuk................................................................................ 24

5.7 Plugins ................................................................................... 24

5.7.1 Plugin Terpasang ............................................................ 24

5.7.2 Tambah Baru ................................................................... 24

5.7.3 Penyunting ...................................................................... 24

5.8 Pengguna (Users) .................................................................. 24

5.8.1 Semua Pengguna (All Users) .......................................... 25

5.8.2 Tambah Baru (Add New) ................................................. 25

5.8.3 Profil kita (Your Profile)................................................... 25

5.9 Perkakas (Tools) .................................................................... 25

5.9.1 Impor (Import) .................................................................. 25

5.10 Pengaturan (Setiings) .......................................................... 25

5.10.1Umum (General Settings) ............................................... 25

5.10.2 Menulis (Writing) ........................................................... 26

5.10.3 Membaca (Reading) ...................................................... 26

5.10.4 Diskusi ........................................................................... 26

iii
 5.10.5 Media............................................................................. 26

BAB 6 MENGELOLA WORDPRESS ....................................................... 27

6.1 Mengubah Tampilan .............................................................. 27
6.2 Membuat Laman Baru ........................................................... 28
6.2.1 Membuat Sub Laman ...................................................... 29

6.2.2 Menghapus Laman .......................................................... 30

6.3 Membuat Postingan Baru....................................................... 30

6.3.1 Menambah Media pada Postingan .................................. 31

6.3.2 Menghapus Pos .............................................................. 32

6.4 Mengelola Kategori ............................................................... 32

6.4.1 menambah Kategori ........................................................ 32

6.4.2 Menghapus kategori ........................................................ 32

6.5 Mengeksplor Menu Tampilan (Appearance) ......................... 33

6.5.1 Mengkustomisasi Tampilan dengan Submenu Sesuaikan
(Customize) ...................................................................................... 33

6.5.2 Menambah Plugin Baru Dengan Menu Plugin ................. 36

DAFTAR PUSTAKA ................................................................................. 37

iv
 PENDAHULUAN

Pada era informasi dan teknologi yang sudah semakin berkembang

dengan sangat cepat, kebutuhan suatu institusi atau perusahaan terhadap
sebuah website menjadi semakin besar. Setiap informasi yang sampai
kepada masyarakat dapat menjadi sarana untuk memperkenalkan institusi
atau perusahaan tersebut sehingga bisa dikenal lebih luas oleh
masyarakat.
Namun, keterbatasan pengguna dalam membuat website dengan
cara merancangnya dari bawah atau dengan menggunakan bahasa
pemrograman menjadi kendala tersendiri. Oleh karena itu Content
Management System (CMS) hadir untuk memfasilitasi pengguna dalam
membuat website menjadi lebih mudah dan cepat. Modul ini berisi tentang
bagaimana cara membuat website dengan menggunakan CMS
Wordpress. CMS Wordpress memberikan fasilitas cukup lengkap kepada
pengguna untuk merancang website yang menarik walaupun dengan
sedikit menguasai bahasa pemrograman.

v
 BAB 1 CONTENT MANAGEMENT SYSTEM

1.1 Pengertian Content Management System

Content Management System (CMS) merupakan aplikasi web yg
berisikan template untuk mengelola isi halaman web. Penggunaan
Content Management System tidak memerlukan pengetahuan
pemrograman web yg handal karena proses instalasi dan cara
penggunaannya sudah user friendly.

1.2 Fungsi Content Management System

1. Mengelola website pribadi
2. Mengelola website perusahaan/ bisnis
3. Portal atau website komunitas
4. Galeri foto, dan lain sebagainya
5. Forum
6. Aplikasi E-Commerce

1.3 Keuntungan menggunakan Content Management System

1. Lebih mudah dalam mengelola konten (isi)
2. Menerapkan akses user yang berbeda-beda
3. Konten dan desain terpisah sehingga memudahkan dalam
modifikasi
4. Lebih mudah untuk Search Engine Optimization (SEO)
5. Memungkinkan pengembangan dengan menambah extension dan
plugin
6. Menghemat waktu dan biaya pembuatan

1.4 Jenis-jenis Content Management System

1. WordPress
CMS jenis ini merupakan yang terbaik dan paling sering
digunakan hingga saat ini. Perangkat lunak ini bersifat open

1
 source atau sumber terbuka dan menggunakan bahasa PHP serta
pengelolaan database menggunakan MySQL. WordPress banyak
digunakan sebagai CMS (Content Management System) untuk
mengelola personal blog ataupun blog suatu perusahaan. Sebagai
suatu blog, WordPress ini dianggap sebagai CMS yang mudah
ditelusuri mesin pencari Google.
2. Drupal
Sama halnya dengan WordPress, Drupal juga bersifat open
source dan sampai saat ini sudah terdapat ribuan komunitas atau
pengembang web di seluruh dunia yang mengembangkan dan
merawatnya. CMS ini menggunakan lisensi GPL. Dibangun
dengan menggunakan bahasa PHP, Drupal dapat dipasang pada
beberapa jenis database seperti MySQL, PostgreSQL, SQLite,
MariaDB dan lain – lain.
3. Joomla
Bersifat Open Source sehingga bisa dikembangkan oleh berbagai
pihak komunitas ataupun pengembang web. Perangkat lunak
Joomla dibangun menggunakan bahasa PHP dan menggunakan
database MySQL.
4. Prestashop
Sesuai dengan namanya CMS ini memang lebih cocok digunakan
sebagai suatu web berbasis toko online (e-commerce).
Prestashop ini juga bersifat Open Source.
5. Magento
Sama halnya seperti Prestashop dan Drupal CMS Magento ini
juga lebih cocok digunakan untuk e-commerce atau toko online
dengan fitur yang lengkap dan sangat menarik. Pada awalnya
Magento bersifat Open Source sehingga berbagai macam
pengembangan dapat dilakukan namun saat ini juga tersedia versi
komersil atau enterprise.

2
 BAB 2 CMS WORDPRESS

2.1 Pengenalan Wordpress

WordPress adalah sebuah aplikasi sumber terbuka (open source)
yang sangat populer digunakan sebagai mesin blog (blog engine).
WordPress dibangun dengan bahasa pemrograman PHP dan basis data
(database) MySQL. PHP dan MySQL, keduanya merupakan perangkat
lunak sumber terbuka (open source software). Selain sebagai blog,
WordPress juga digunakan sebagai sebuah CMS (Content Management
System) karena kemampuannya untuk dimodifikasi dan disesuaikan
dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari
b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress
diusulkan oleh Christine Selleck, teman ketua pengembang (developer),
Matt Mullenweg.

2.2 Wordpress.com dan wordpress.org

WordPress menyediakan dua alamat yang berbeda, yaitu
WordPress.com dan WordPress.org. WordPress.com merupakan situs
layanan blog yang menggunakan mesin WordPress, didirikan oleh
perusahaan Automattic. Dengan mendaftar pada situs WordPress.com,
pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup
sulit. Kekurangannya pengguna WordPress.com tidak dapat mengubah
template standar yang sudah disediakan. Artinya, pengguna tidak dapat
menambahkan aksesori apa pun selain yang sudah disediakan. Meski
demikian, fitur yang disediakan oleh WordPress.com sudah cukup bagus.
WordPress.org merupakan wilayah pengembang (developer). Di
alamat ini, seseorang dapat mengunduh (download) aplikasi beserta
seluruh berkas CMS WordPress. Selanjutnya, CMS ini dapat diubah ulang
selama seseorang menguasai PHP, CSS dan skrip lain yang
menyertainya. WordPress dengan Bahasa Indonesia
(http://id.wordpress.org) ada berkat kerja para kontributor di Indonesia
yang dipimpin oleh Huda Toriq, seorang Mahasiswa Kedokteran dari

3
Universitas Diponegoro / UNDIP Semarang. Dengan memanfaatkan situs
http://id.wordpress.org, seseorang yang tidak mengerti Bahasa Inggris
masih dapat menggunakan WordPress dengan mudah. Berikut ringkasan
perbedaan dalam penggunaan WordPress.com dan WordPress.org:
 WordPress.com: Untuk pengguna yang ingin membuat blog
sendiri secara cepat dan punya alamat website seperti
http://namadomain.wordpress.com.
 WordPress.org: Untuk pengguna yang ingin memodifikasi
WordPress menurut kebutuhan sendiri atau ingin membuat
blog menggunakan alamat dan server sendiri seperti
http://namadomain.com.

2.3 Kelebihan Wordpress

WordPress memiliki banyak keunggulan dan fitur untuk dunia blog,
antara lain:
 Gratis.
Untuk mendapatkan perangkat lunak WordPress hanya perlu
mengunduh dari situsnya (www.wordpress.org) tanpa
dipungut biaya, bahkan untuk blog komersial sekalipun.
 Berbasis kode sumber terbuka (Open Source).
Pengguna dapat melihat dan memperoleh barisan kode-kode
penyusun perangkat lunak WordPress tersebut secara bebas,
sehingga pengguna tingkat lanjut yang memiliki kemampuan
pemrograman dapat bebas melakukan modifikasi, bahkan
dapat mengembangkan sendiri program WordPress tersebut
lebih lanjut sesuai keinginan.
 Template atau desain tampilannya mudah dimodifikasi sesuai
keinginan pengguna. Sehingga apabila pengguna memiliki
pengetahuan HTML yang memadai, maka pengguna tersebut
dapat berkreasi membuat template sendiri. Pengguna yang
tidak mengerti HTML, tentu saja masih dapat memilih ribuan
template yang tersedia di internet secara bebas.

4
 Pengoperasiannya mudah. Bagi pemula, tentu hal ini amat
membantu.
 Satu blog WordPress, dapat digunakan untuk banyak
pengguna (multi user). Sehingga WordPress juga sering
digunakan untuk blog komunitas. Anggota komunitas tersebut
dapat berperan sebagai kontributor.
 Tersedia banyak plugin yang selalu berkembang di alamat
website http://wordpress.org/extend/plugins/. Para
pengembang web di Indonesia juga memberikan
kontribusinya kepada WordPress. Plugin WordPress sendiri
yaitu sebuah program tambahan yang bisa diintegrasikan
dengan WordPress untuk memberikan fungsi-fungsi lain yang
belum tersedia pada instalasi standar. Misalnya plugin anti-
spam, plugin web counter, dan sebagainya.
 Kemampuan untuk dapat memunculkan XML, XHTML, dan
CSS standar.
 Tersedianya struktur permalink yang memungkinkan mesin
pencari mengenali struktur blog dengan baik.
 Kemungkinan untuk meningkatkan performa blog dengan
ekstensi http://wordpress.org/extend/.
 Mampu mendukung banyak kategori untuk satu artikel. Satu
artikel dalam WordPress dapat dikatogorisasikan ke dalam
beberapa kategori. Misalnya jika kita mempunyai artikel
tentang “DKI Jakarta” kita dapat memasukkan artikel tersebut
dalam kategori “Tentang Indonesia”, “Propinsi di Indonesia”,
atau “Wilayah di Pulau Jawa”. Dengan multi kategorisasi ini
pencarian dan pengaksesan informasi menjadi lebih mudah.
 Fasilitas format teks dan gaya teks. WordPress menyediakan
fitur pengelolaan teks yang cukup lengkap. Fitur – fitur format
dan gaya teks pada kebanyakan perangkat lunak pengolah
kata seperti cetak tebal, cetak miring, rata kanan, rata kiri,
tautan tersedia di WordPress.

5
 Halaman statis (Halaman khusus yang terpisah dari kumpulan
tulisan pada blog).

6
 BAB 3 XAMPP

3.1 Pengenalan XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya
adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas
program Apache HTTP Server, MySQL database, dan penerjemah
bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama
XAMPP merupakan singkatan dari X (empat sistem operasi apapun),
Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General
Public License dan bebas, merupakan web server yang mudah digunakan
yang dapat melayani tampilan halaman web yang dinamis. Untuk
mendapatkannya kita dapat mendownload langsung dari web resminya.

3.2 Asal Kata XAMPP

XAMPP adalah singkatan yang masing-masing hurufnya adalah:
 X: Program ini dapat dijalankan dibanyak sistem operasi,
seperti Windows, Linux, Mac OS, dan Solaris.
 A: Apache, merupakan aplikasi web server. Tugas utama
Apache adalah menampilkan halaman web kepada user
berdasarkan kode PHP yang dituliskan oleh pembuat halaman
web. jika diperlukan juga berdasarkan kode PHP yang
dituliskan, maka dapat saja suatu database diakses terlebih
dahulu (misalnya dalam MySQL) untuk mendukung halaman
web yang ditampilkan.
 M: MySQL, merupakan aplikasi database server.
Perkembangannya disebut SQL yang merupakan
kepanjangan dari Structured Query Language. SQL
merupakan bahasa terstruktur yang digunakan untuk
mengolah database. MySQL dapat digunakan untuk membuat
dan mengelola database beserta isinya. Kita dapat

7
 memanfaatkan MySQL untuk menambahkan, mengubah, dan
menghapus data yang berada dalam database.
 P: PHP, bahasa pemrograman web. Bahasa pemrograman
PHP merupakan bahasa pemrograman untuk membuat web
yang bersifat server-side scripting. PHP memungkinkan kita
untuk membuat halaman web yang bersifat dinamis. Sistem
manajemen basis data yang sering digunakan bersama PHP
adalah MySQL. Namun PHP juga mendukung sistem
manajement database Oracle, Microsoft Access, Interbase, d-
base, PostgreSQL, dan sebagainya.
 P: Perl, bahasa pemrograman.

3.3 Bagian Penting XAMPP

Mengenal bagian XAMPP yang biasa digunakan pada umumnya:
 htdoc adalah folder tempat meletakkan berkas-berkas yang
akan dijalankan, seperti berkas PHP, HTML dan skrip lain.
 phpMyAdmin merupakan bagian untuk mengelola basis data
MySQL yang ada di komputer. Untuk membukanya, buka
browser lalu ketikkan alamat http://localhost/phpMyAdmin,
maka akan muncul halaman phpMyAdmin.
 Control Panel yang berfungsi untuk mengelola layanan
(service) XAMPP. Seperti menghentikan (stop) layanan,
ataupun memulai (start).

8
 BAB 4 INSTALASI WORDPRESS

4.1 Persiapan Insatalasi

Sebelum menginstall wordpress pada localhost, maka ada beberapa
file yang perlu disiapkan di antaranya:
1. Websrever, dalam hal ini kita memakai XAMPP
2. Wordpress
3. Plugin
4. Template
5. Browser

4.2 Tahapan Instalasi Wordpress

Berikut tahapan instalasi wordpress di localhost:
1. Menginstall XAMPP
2. Membuat database pada phpmyadmin
3. Menginstall wordpress pada localhost

4.2.1 Menginstall XAMPP

Sebelum menginstall XAMPP, kita perlu mengunduh aplikasi XAMPP
secara gratis di website resminya yaitu
https://www.apachefriends.org/download.html. Silakan klik link download
berformat .EXE yang ada pada halaman website.
Berikut langkah-langkah menginstall XAMPP:
1. Double klik pada file XAMPP yang sudah diunduh.

9
2. Klik Next, sampai muncul tampilan berikut.

3. Klik Next, seterusnya klik Next. Sampaimuncul tampilan berikut

artinya proses install sering berjalan.

10
4. Setelah instalasi selesai, klik Finish.
5. Buka control Panel XAMPP, akan muncul tampilan seperti
berikut.

6. Klik tombol Start pada Apache, MySQL, dan FileZilla.

11
4.2.2 Membuat Database pada PHPMyAdmin
Setelah XAMPP berhasil terinstall, kita dapat langsung membuat
database pada PHPMyAdmin. Langkah-langkahnya adalah sebagai
berikut:
1. Aktifkan browser, misalkan Google Chrome.
2. Ketikan alamat http://localhost/phpmyadmin/ pada bagian URL browser
sehingga muncul tampilan seperti berikut.

3. Klik pada Databases hingga muncul tampilan berikut.

4. Buat database baru. Beri nama database, misal: wordpress. Klik

Create.

12
 5. Buat user baru dengan meng-klik User Accounts.

6. Klik Add user akun.

13
7. Isi username, misal: anita
Isi Host name: localhost
Isi Password, misal: admin
Isi Re-type dengan password yang sama.

8. Check all pada Global Privileges, lalu klik Go.

9. Database telah selesai dibuat.

4.2.3 Menginstall Wordpress pada Localhost

Sebelum menginstall wordpress, kita perlu meng-copy file wordpress
ke folder htdocs. Untuk meng-copy wordpress ke folder htdocs, langkah-
langkahnya adalah sebagai berikut:
1. Download wordpress pada alamat www.wordpress.org
2. Setelah berhasil didownload, ekstrak folder wordpress.

3. Copy folder wordpress ke folder htdocs pada xampp.

4. Buka browser, lalu ketikkan alamat: localhost/wordpress hingga
muncul tampilan seperti berikut.

14
5. Pilih Bahasa Indonesia, klik Lanjutkan hingga muncul tampilan
berikut.

6. Klik Ayo hingga muncul tampilan berikut.

15
7. Isi nama basis data, nama pengguna, sandi, host basis data
sesuai dengan yang telah dibuat sebelumnya pada PhpMyAdmin.
Nama Basis data: wordpress
Nama Pengguna: anita
Sandi: admin
Host Basis data: localhost

8. Klik Kirim hingga muncul tampilan seperti berikut.

16
9. Klik Jalankan Pemasangan hingga muncul tampilan berikut.

10. Isi Judul Situs, Nama Pengguna untuk login, Sandi untuk login,
Email. Klik Install Wordpress.

11. Wordpress telah berhasil diinstall.

17
12. Login untuk masuk dan mulai mengkonfigurasi wordpress.

18
 BAB 5 KONFIGURASI WORDPESS

Setelah proses instalasi selesai, saatnya untuk mengatur WordPress

sesuai dengan kebutuhan. Ketika kita mengubah berbagai pengaturan,
dianjurkan untuk membuka tab atau jendela web browser baru dan
melihat bagaimana dampak perubahan website dengan me-refresh
halaman http://localhost/wordpress/.

5.1 Dashboard
Dashboard merupakan bagian yang menampilkan informasi terbaru
baik di blog atau website maupun mengenai komunitas WordPress pada
umumnya.
Bagian ini yang sering diakses karena merupakan halaman default
setelah login. Dashboard menyediakan sejumlah link untuk memulai
menulis postingan atau artikel.

5.2 Pos
Posting atau menulis artikel adalah unsur utama dari sebuah blog
atau website. Dalam hal ini menulis artikel merupakan karya tulis yang
membuat isi atau konten dari blog atau website menjadi sangat bermakna.
Tanpa kegiatan menulis maka tidak ada artinya sebuah blog. Pada menu
Pos disediakan fasilitas berupa sub-menu yang mendukung proses
membuat artikel sebagaimana yang akan di jelaskan di bawah ini.
5.2.1 Semua Pos (All Posts)
Melalui sub-menu Semua Pos, kita dapat melihat daftar artikel yang
telah diposting, mengedit, menghapus, atau sekedar melihatnya saja.
Dengan menggunakan fasilitas pencarian artikel dapat dilakukan dengan
mensortir atau memilih berdasarkan pilihan filtering sehingga
memungkinkan kita untuk menemukan postingan lebih cepat.
5.2.2 Tambah Baru (Add New)
Bagian yang paling penting dari WordPress, yaitu Tambah Baru (Add
New) di mana kita dapat menulis artikel baru. Ketika menulis artikel, kita
juga dapat membuat kategori baru, tag baru, dan custom fields baru.

19
Selain itu media pendukung seperti gambar, video, rekaman, link, dan file
dapat di-upload dan dimasukkan ke dalam tulisan.

5.2.3 Kategori (Categories)

Setiap kita posting artikel di wordpress, artikel tersebut akan kita
tandai kategorinya. Kategori bertujuan untuk mengklasifikasikan posting
atau artikel yang kita buat, sehingga mempermudah pengunjung blog atau
website dalam membaca pencarian artikel dengan kategori yang ada. kita
dapat menambah, mengedit, dan menghapus kategori serta mengatur
kategori. Fasilitas pencarian disediakan untuk menemukan kategori yang
ingin diedit atau dihapus.

5.2.4 Tag (Tags)

Tag adalah kata kunci pada setiap posting atau artikel. Layaknya
kategori, tag menyediakan cara lain untuk membantu pengunjung blog
atau website dalam mengakses informasi. Kita dapat menambah,

20
mengedit, dan menghapus tag. Fasilitas pencarian disediakan untuk
menemukan tag yang ingin diedit atau dihapus.

5.3 Media
Media adalah gambar, video, rekaman, dan file yang dapat kita
upload dan digunakan di website. Media biasanya diupload dan disisipkan
ke dalam konten saat menulis sebuah Pos atau Halaman (Page).
5.3.1 Pustaka (Library)
Pada halaman library kita dapat mengedit, menghapus atau melihat
media yang sebelumnya pernah diupload ke website. Pencarian dan
fasilitas sortir disediakan untuk menemukan media yang diinginkan.

5.3.2 Tambah Baru (Add New)

Tambah Baru (Add New) merupakan fasilitas untuk meng-upload
media baru yang kemudian digunakan pada posting artikel dan page.

5.4 Laman (Page)

Laman (Page) adalah fasilitas lain untuk menambahkan konten ke
situs Wordpress dan sering digunakan untuk menyajikan informasi "statis".
Halaman atau Page biasanya "tidak berubah". Sebagai contoh
penggunaan dari Page adalah informasi yang terkandung dalam Halaman
"Tentang" atau "Kontak".
5.4.1 Semua Laman (All Pages)
Sub-menu yang menyediakan fasilitas yang diperlukan untuk
mengedit, menghapus, dan melihat Halaman atau Page.

21
5.4.2 Tambah Baru (Add New)
Kita dapat membuat Halaman baru dengan fasilitas ini.
Penggunaannya pun sama dengan Pos kecuali tidak ada pemilihan
kategori.

5.5 Komentar (Comments)

Komentar adalah fitur dari website yang memungkinkan pembaca
untuk menanggapi Posting. Biasanya hanya menyediakan pendapat
pembaca sendiri mengenai isi dari posting, tetapi pengguna juga dapat
mengadakan diskusi atau hanya komentar untuk penulis mengenai
posting yang ditulis.

5.6 Tampilan (Appearance)

Dari halaman administrator ini kita dapat mengelola isi website
berikut tampilannya. WordPress memungkinkan kita untuk mengubah
tampilan website dengan mudah degan cara menambah dan
mengaktifkan tema baru.
5.6.1 Tema (Themes)
Sebuah Tema (Themes) adalah desain keseluruhan blog atau
website yang mencakup warna, grafis, dan teks. Pengelola blog atau
website wordpress telah disediakan tema untuk dipilih sesuai dengan
selera masing-masing. Dari tampilan sub-menu ini, kita dapat melihat
screenshot dari setiap theme yang telah diupload dan terdapat pula daftar
theme dibagian bawah yang dapat diinstal.

22
5.6.2 Sesuaikan (Customize)
Pada submenu ini kita dapat memodifikasi tampilan website.
5.6.3 Widget
Widget memungkinkan kita untuk menambahkan berbagai potongan
informasi yang diletakan pada bagian sidebar. Dapat pula digunakan
untuk menambahkan kategori, arsip, blogroll, daftar artikel terbaru, audio,
galeri, kalender dan komentar terkini pada sidebar. Pada fasilitas ini kita
dapat menambah, menghapus, dan mengkonfigurasi widget.

5.6.4 Menu (Menus)

Fitur Menu memungkinkan kita untuk membuat menu navigasi
halaman, kategori, link, tag dll. Dari Sub-menu ini kita dapat membuat dan
mengedit menu navigasi untuk digunakan oleh pengunjung.

23
5.6.5 Tajuk
Tajuk merupakan gambar header. Pada bagian ini kita bisa
menambah dan mengubah gambar header.

5.7 Plugins
Plugin memungkinkan kita untuk menambahkan fitur baru ke blog
atau website yang belum ada saat proses instalasi. Ada beragam Plugin
yang telah disediakan oleh Wordpress. Contohnya kita bisa menambah
plugin Woocommerce untuk membuat toko online.
5.7.1 Plugin Terpasang
Menampilkan semua plugin yang telah terinstall pada website kita.
5.7.2 Tambah Baru
Submenu yang digunakan untuk menambah plugin baru.

5.7.3 Penyunting
Submenu ini digunakan untuk memodifikasi kode dari semua plugin
yang diinstall.

5.8 Pengguna (Users)

Setiap website mungkin memiliki setidaknya dua pengguna: admin,
akun pada awalnya didirikan oleh Wordpress, dan pengguna akun kita,
sebagai penulis/pemilik blog. Jika kita ingin orang lain dapat memposting
atau membuat artikel di blog atau website kita, orang tersebut harus
memiliki akses ke akun pengguna. Pada menu navigasi utama user, kita
dapat mengatur semua akun user yang kita butuhkan, serta mengubah

24
informasi user atau menghapusnya. Pengguna atau User dapat diberi
Peran berikut: Administrator, Editor, Author, Contributor, atau Subscriber.
5.8.1 Semua Pengguna (All Users)
Kita dapat mengelola semua akun pengguna blog atau website pada
submenu ini.
5.8.2 Tambah Baru (Add New)
Submenu ini digunakan untuk menambah user baru.
5.8.3 Profil kita (Your Profile)
Submenu ini digunakan untuk menampilkan profil kita.

5.9 Perkakas (Tools)

Tools menyediakan kemampuan untuk mengimpor konten dari
sumber lain, mengekspor konten, atau untuk meng-upgrade perangkat
lunak Wordpress ke rilis terbaru.
5.9.1 Impor (Import)
WordPress mendukung fasilitas mengimpor data dari sumber
eksternal yang lain. Dalam banyak kasus, posting, komentar, halaman,
kategori, tag, dan pengguna, dapat diimpor.

5.10 Pengaturan (Setiings)

Dalam menu settings menyediakan pengaturan yang dapat
mendefinisikan blog kita secara keseluruhan seperti bagaimana kita
berinteraksi dengan blog atau website kita dan bagaimana seluruh dunia
berinteraksi dengan blog atau website kita.
5.10.1Umum (General Settings)
Fitur ini berfungsi untuk mengontrol beberapa pengaturan konfigurasi
yang paling dasar untuk blog atau website kita seperti: judul situs dan
bagaimana tanggal dan waktu dihitung dan ditampilkan.

25
5.10.2 Menulis (Writing)
Anda dapat mengontrol tampilan dengan apa yang Anda tulis
sebagai posting baru. Pengaturan ini mengontrol berbagai hal 75 seperti:
kategori default, link Kategori default, ukuran gambar standar, dan fasilitas
tambahan untuk posting atau membuat artikel melalui fitur e-mail.
5.10.3 Membaca (Reading)
Anda dapat memutuskan apakah Anda ingin artikel atau halaman
statis (page), ditampilkan sebagai bagian dari halaman depan blog Anda.
Anda juga dapat mengatur berapa banyak posting yang ditampilkan pada
halaman utama. Selain itu, Anda dapat menyesuaikan fitur sindikasi feed
untuk menentukan bagaimana informasi dari situs Anda dikirim ke browser
web pembaca atau aplikasi lainnya
5.10.4 Diskusi
Memungkinkan kita untuk mengontrol pengaturan tentang masuk
dan keluarnya komentar untuk diskusi.
5.10.5 Media
Pengaturan Media memungkinkan kita untuk menentukan di mana
gambar, dokumen, dan file media lainnya akan dihubungkan ketika
dimasukkan di artikel dan untuk menentukan ukuran maksimal yang
digunakan ketika memasukkan sebuah gambar ke dalam artikel.

26
 BAB 6 MENGELOLA WORDPRESS

6.1 Mengubah Tampilan

Sebagai langkah awal mengelola wordpress, kita akan merubah
tampilan website agar terlihat lebih menarik. Biasanya tampilan di
istilahkan dengan Tema (Theme) dan banyak cara yang dapat digunakan
untuk mengubah theme. Adapun cara untuk mengubah Tema yaitu:
1. Pilih menu Tampilan
2. Pilih submenu Tema
3. Klik Tambahkan Baru sampai muncul tampilan sebagai berikut.

4. Pilih salah satu Tema.

5. Klik Install, tunggu sampai proses install selesai.
6. Klik Aktfikan.

27
 7. Untuk mengecek perubahan Tema, klik Kunjungi situs. Tema
sudah berubah.

6.2 Membuat Laman Baru

Pada modul ini, misalkan kita akan membuat laman website
Politeknik Negeri Jakarta yang dapat digambarkan seperti di bawah:
 Laman utama: PNJ
 Sub laman1: Sekilas PNJ
 Sub laman2: Sejarah PNJ
 Sub laman3: Visi Misi PNJ
 Sub laman4: Tujuan dan Sasaran PNJ
Langkah-langkah membuat laman adalah sebagai berikut:
1. Pilih menu Laman
2. Pilih Tambah Baru
3. Buat terlebih dahulu untuk Laman utama

4. Beri judul laman: PNJ

5. Klik Terbitkan.
6. Tampilkan website.

28
6.2.1 Membuat Sub Laman
Langkah-langkah membuat sub laman adalah sebagai berikut:
1. Pilih menu Laman
2. Pilih Tambah Baru
3. Ketikkan judul da nisi laman

4. Pada bagian Induk, pilih PNJ, karena sub laman ini menginduk ke
Laman PNJ.
5. Urutan diisi dengan 1.

29
 6. Klik Terbitkan.
Selanjutkan ulangi langkah di atas untuk membuat sub laman yang
lain dengan urutan bertambah jadi 2,3, dst. Tampilan akhirnya seperti
berikut.

6.2.2 Menghapus Laman

Adapaun langkah-langkahnya adalah sebagai berikut:
1. Pilih menu Lama
2. Pilih submenu Semua Laman

3. Beri tanda checklist pada laman yang akan dihapus

4. Klik Buang (Delete)

6.3 Membuat Postingan Baru

Kali ini kita akan membuat postingan baru. Langkah –langkahnya
adalah sebagai berikut:
1. Pilih menu Pos
2. Pilih submenu Tambah Baru
3. Ketik judul dan isi Pos

30
 4. Pilih kategori, tag.
5. Klik Terbitkan.

6.3.1 Menambah Media pada Postingan

Selain memuat tulisan, kita juga dapat menambah media seperti
gambar, audio, video, dan link. Untuk menambahkannya, ikuti langkah-
langkah berikut:
1. Pilih menu Pos
2. Pilih submenu Tambah Baru
3. Ketikan judul
4. Klik Insert media
5. Upload media yang akan dimasukkan
6. Atur posisi dan ukuran gambar

7. Klik terbitkan

31
6.3.2 Menghapus Pos
Adapun langkah-langkahnya adalah sebagai berikut:
1. Pilih menu Pos
2. Pilih submenu Semua Pos
3. Beri tanda checklist pada pos yang akan dihapus
4. Klik Buang (Delete)

6.4 Mengelola Kategori

Pada submenu Kategori, kita dapat menambah, mengedit, dan
menghapus kategori yang akan digunakan untuk pos.

6.4.1 menambah Kategori

Untuk menambah kategori langkah-langkahnya adalah sebagai
berikut:
1. Pilih submenu Kategori

2. Isikan nama kategori

3. Klik tambah kategori baru

6.4.2 Menghapus kategori

Untuk menghapus kategori langkah-langkahnya adalah sebagai
berikut:
1. Pilih kategori yang akan dihapus
2. Klik hapus

32
6.5 Mengeksplor Menu Tampilan (Appearance)
Pada menu ini kita dapat mengubah tampilan sesuai dengan
kebutuhan website yang ingin kita buat. Selain mengubah Tema, kita bisa
menambah widget, menu, plugin, menyesuaikan layout, mengubah
gambar tajuk (Header), dll.

6.5.1 Mengkustomisasi Tampilan dengan Submenu Sesuaikan

(Customize)
Untuk mengkustom tampilan, kita bisa menggunakan submenu
Sesuaikan (Customize). Langkah-langkahnya adalah sebagai berikut:
1. Pilih sub menu Sesuaikan (Customize)
Berikut tampilannya jika sudah diklik

Keterangan:
1. Area Header untuk mengatur
 Brand situs
 Jenis banner
 Posisi menu
 Gambar tajuk
2. Opsi blog untuk mengatur ingin dimunculkan atau tidaknya
penulis, tanggal, arsip, dll pada setiap pos.
3. Font untuk mengatur jenis, dan warna, dan ukuran font.

33
 4. Warna untuk mengatur warna latar belakang, warna menu utama,
dll.
5. Gambar latar belakang untuk mengatur gambar latar belakang
(background).
6. Menu untuk menambah menu baru.
7. Widget untuk mengatur dan menambah widget baru.

6.5.1.1 Mengubah Gambar Header

Adapun langkah-langkahnya adalah sebagai berikut:
1. Pilih submenu Sesuaikan
2. Pilih Area Header
3. Piluh gambar tajuk
4. Klik tambahkan gambar baru

5. Masukkan gambar
6. Terbitkan
7. Gambar header sudah berubah

34
6.5.1.2 Menambah Widget Baru dengan Submenu Widget
Adapun langkah-langkahnya adalah sebagai berikut:
1. Pilih submenu widget
2. Pilih salah satu widget yang tersedia
3. Pilih posisi widget
4. Klik aktifkan

6.5.1.3 Menambah Menu

Adapun langkah-langkahnya adalah sebagai berikut:
1. Pilih submenu Menu
2. Klik buat menu baru
3. Beri nama menu
4. Klik simpan menu

5. Tambahkan Laman, Pos, kategori, atau apapun yang ingin

ditampilkan pada menu baru.

35
6.5.2 Menambah Plugin Baru Dengan Menu Plugin
Adapun langkah-langkahnya adalah sebagai berikut:
1. Pilih menu Plugin
2. Pilih Tambah Baru
3. Pilih atau search plugin yang tersedia

4. Klik Pasang Sekarang (Install Now)

5. Klik Aktifkan (Activate)

6. Plugin baru telah terpasang

36
 DAFTAR PUSTAKA

www.Wordpress.org
https://idprogrammer.com/pengertian-dan-jenis-cms/
https://sugiyanti27.wordpress.com/2016/04/06/pengertian-fungsi-tujuan-
dan-manfaat-cms-content-management-system/
https://www.rumahweb.com/journal/install-wordpress-di-localhost.htm
https://webhostmu.com/cara-install-wordpress-di-localhost/
https://www.niagahoster.co.id/blog/cara-install-wordpress-di-xampp/

37