DAFTAR ISI

DAFTAR ISI........................................................................................................................... i
DAFTAR GAMBAR .............................................................................................................. i

1. MASUK KE HALAMAN DASHBOARD WORDPRESS. ...................................... 1

2. MENGELOLA KATEGORI PADA WORDPRESS. ............................................... 1
2.1. Membuat Kategori pada Wordpress melalui Menu Categories . .......................... 2
2.2. Menghapus Kategori pada Wordpress .................................................................. 3
3. MENGELOLA TAGS PADA WORDPRESS. .......................................................... 4
3.1. Membuat Tags pada Wordpress melalui Menu Tags............................................ 4
3.2. Menghapus Tags pada Wordpress ........................................................................ 5
4. MENGELOLA POSTING PADA WORDPRESS .................................................... 6
4.1. Membuat Post pada Wordpress............................................................................. 7
4.2. Menyisipkan Media ke dalam Postingan di Wordpress ........................................ 8
4.3. Membuat Kategori pada Wordpress melalui Postingan ........................................ 10
4.4. Membuat Tags pada Wordpress melalui Postingan .............................................. 11
4.5. Toolbar pada Kolom Post Wordpress ................................................................... 12
4.6. Sidebar pada Kolom Post Wordpress.................................................................... 13
5. MENGELOLA PAGES PADA WORDPRESS ......................................................... 15
5.1. Membuat Pages pada Wordpress .......................................................................... 16
6. MENGELOLA DESAIN TAMPILAN WORDPRESS ............................................ 17
6.1. Mengelola Widget Pada Wordpress ...................................................................... 18
6.2. Mengelola Menu Navigasi Pada Wordpress ......................................................... 18

DAFTAR GAMBAR

Gambar 1.1. Halaman Login Wordpress. ........................................................................... 1

Gambar 1.2. Halaman Dashboard Wordpress .................................................................... 1

Gambar 2.1. Menu Kategori Wp-1 ..................................................................................... 1

Gambar 2.2. Halaman Categories Wodpress ...................................................................... 2
Gambar 2.3. Membuat Kategori melalui Menu Categories Wp-1 ...................................... 2
Gambar 2.4. Membuat Kategori melalui Menu Categories Wp-2 ...................................... 2
Gambar 2.5. Menghapus Kategori Wp-1 ............................................................................ 3
Gambar 2.6. Menghapus Kategori Wp-2 ............................................................................ 3
Gambar 2.7. Menghapus Kategori Wp-3 ............................................................................ 3

Gambar 3.1. Menu Tags pada Wordpress........................................................................... 4

Gambar 3.2. Halaman Tags pada Wordpress ..................................................................... 4
Gambar 3.3. Membuat Tags melalui Menu Tags Wp-1 ..................................................... 4
Gambar 3.4. Membuat Tags melalui Menu Tags Wp-2 ..................................................... 5
Gambar 3.5. Menghapus Tags Wp-1 .................................................................................. 5
Gambar 3.6. Menghapus Tags Wp-2 .................................................................................. 6
Gambar 3.7. Menghapus Tags Wp-3 .................................................................................. 6

i
Gambar 4.1. Menu Post pada Wordpress ........................................................................... 6
Gambar 4.2. Halaman Post pada Wordpress ...................................................................... 6
Gambar 4.3. Membuat Post Wp-1 ...................................................................................... 7
Gambar 4.4. Membuat Post Wp-2 ...................................................................................... 7
Gambar 4.5. Membuat Post Wp-3 ...................................................................................... 7
Gambar 4.6. Membuat Post Wp-4 ...................................................................................... 8
Gambar 4.7. Menyisipkan Media Wp-1 ............................................................................. 8
Gambar 4.8. Menyisipkan Media Wp-2 ............................................................................. 8
Gambar 4.9. Menyisipkan Media Wp-3 ............................................................................. 9
Gambar 4.10. Menyisipkan Media Wp-4 ............................................................................. 9
Gambar 4.11. Menyisipkan Media Wp-5 ............................................................................. 9
Gambar 4.12. Menyisipkan Media Wp-6 ............................................................................. 10
Gambar 4.13. Membuat Kategori melalui Post Wp-1 .......................................................... 10
Gambar 4.14. Membuat Kategori melalui Post Wp-2 .......................................................... 10
Gambar 4.15. Membuat Kategori melalui Post Wp-3 .......................................................... 11
Gambar 4.16. Membuat Tags melalui Post Wp-1 ................................................................ 11
Gambar 4.17. Toolbar Post Wp-1 ......................................................................................... 12
Gambar 4.18. Toolbar Post Wp-2 ......................................................................................... 12
Gambar 4.19. Toolbar Post Wp-3 ......................................................................................... 12
Gambar 4.20. Toolbar Post Wp-4 ......................................................................................... 13
Gambar 4.21. Sidebar Post Wp-1 ......................................................................................... 13
Gambar 4.22. Sidebar Post Wp-2 ......................................................................................... 13
Gambar 4.23. Sidebar Post Wp-3 ......................................................................................... 14
Gambar 4.24. Sidebar Post Wp-4 ......................................................................................... 14
Gambar 4.25. Sidebar Post Wp-5 ......................................................................................... 14
Gambar 4.26. Sidebar Post Wp-6 ......................................................................................... 15

Gambar 5.1. Menu Pages pada Wordpress ......................................................................... 15

Gambar 5.2. Halaman Pages pada Wordpress .................................................................... 15
Gambar 5.3. Membuat Pages Wp-1 .................................................................................... 16
Gambar 5.4. Membuat Pages Wp-2 .................................................................................... 16
Gambar 5.5. Membuat Pages Wp-3 .................................................................................... 16

Gambar 6.1. Customize Tampilan Wp-1 ............................................................................ 17

Gambar 6.2. Customize Tampilan Wp-2 ............................................................................ 17
Gambar 6.3. Customize Tampilan Wp-3 ............................................................................ 17
Gambar 6.4. Customize Tampilan Wp-4 ............................................................................ 18
Gambar 6.5. Customize Tampilan Widget Wp-1 ............................................................... 18
Gambar 6.6. Customize Tampilan Widget Wp-2 ............................................................... 18
Gambar 6.7. Customize Tampilan Menus Wp-1 ................................................................ 19
Gambar 6.8. Customize Tampilan Menus Wp-2 ................................................................ 19
Gambar 6.9. Customize Tampilan Menus Wp-3 ................................................................ 19
Gambar 6.10. Customize Tampilan Menus Wp-4 ................................................................ 19
Gambar 6.11. Customize Tampilan Menus Wp-5 ................................................................ 20
Gambar 6.12. Customize Tampilan Menus Wp-6 ................................................................ 20

ii
1. MASUK KE HALAMAN DASHBOARD WORDPRESS
Setelah mendaftar blog dengan domain blog.st3telkom.ac.id, langkah berikutnya adalah
masuk ke halaman dashboard blog.
1. Pertama, akses halaman login dari Wordpress melalui namablog.blog.st3telkom.ac.id/wp-
admin. Sesuaikan URL namablog dengan nama blog yang sudah didaftarkan.

Gambar 1.1. Halaman Login Wordpress

2. Setelah berhasil masuk, maka browser akan membuka halaman dashboard blog
Wordpress.

Gambar 1.2. Halaman Dashboard Wordpress

Seperti pada tampilannya, menu post di Wordpress memiliki 4 sub menu, yaitu all posts, add
new, categories, tags.

2. MENGELOLA KATEGORI PADA WORDPRESS

Kategori merupakan suatu navigasi untuk mempermudah pengunjung blog agar lebih mudah
mencari artikel berdasarkan kategori yang diinginkan. Sebagai contoh, semua postingan yang
berkaitan dengan dunia politik dapat dimasukkan ke dalam kategori politik, hal inilah yang dapat
mempermudah pengunjung menemukan postingan blog yang isinya hanya tentang dunia politik.
1. Sorot menu post kemudian klik Categories.

Gambar 2.1. Menu Kategori Wp-1

1
 Gambar 2.2. Halaman Categories Wordpress

2.1. Membuat Kategori pada Wordpress melalui Menu Categories

1. Masuk ke dalam halaman Categories, sorot pada kolom sebelah kiri.

Gambar 2.3. Membuat Kategori melalui Menu Categories Wp-1

2. Isikan beberapa kolom pada menu Add New Category dengan langkah-langkah berikut
ini.

Gambar 2.4. Membuat Kategori melalui Menu Categories Wp-2

Berikut ini langkah-langkah yang dapat dilakukan dalam menu Add New Categories:
 (1) Name: Isilah nama kategori sesuai dengan keinginan. Nantinya, isi dari kolom
inilah yang akan muncul pada tampilan blog. Contoh: Berita.
 (2) Slug: Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi). Kolom Slug
adalah kolom untuk membuat URL pada kategori masing-masing yang biasanya hanya
menggunkan huruf kecil dan hanya berisi huruf, angka, dan tanda hubung. Contoh:
pada kategori Berita, isilah kolom Slug dengan nama berita. Jika tidak ingin diisi,

2
 maka secara otomatis setelah pembuatan kategori selesai, kolom Slug akan terisi
dengan namablog.blog.st3telkom.ac.id/category/berita/.
 (3) Parent: Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi). Kolom ini
mengidentifikasikan kategori yang akan ditambahkan tersebut akan menjadi anak
kategori (sub category) dari kolom Parent yang dipilih. Misalkan di dalam sebuah
blog sudah terdapat kategori Berita, maka kategori baru dengan nama Politik dapat
dimasukkan ke dalam anak dari kategori Berita.
 (4) Description: Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi).
Deskripsi digunakan untuk mendeskripsikan kategori serta akan muncul pada tampilan
blog, namun hal ini tidak bersifat asli karena ada juga template Wordpress yang tidak
dapat menampilkan deskripsi dari sebuah kategori.
 (5) Add New Category: Tekan klik tombol tersebut maka kategori baru tersebut akan
ditambahkan ke dalam blog.

2.2. Menghapus Kategori pada Wordpress

1. Masuklah ke dalam halaman Categories pada Wordpress. Kemudian, sorot pada
kolom bagian kanan.

Gambar 2.5. Menghapus Kategori Wp-1

2. Gerakan mouse menuju ke salah satu kategori yang ingin dihapus. Kemudian tekan
klik pada tombol delete.

Gambar 2.6. Menghapus Kategori Wp-2

3. Tekan klik “OK” pada tampilan konfirmasi penghapusan kategori.

Gambar 2.7. Menghapus Kategori Wp-3

3
3. MENGELOLA TAGS PADA WORDPRESS
Fungsi Tags hampir serupa dengan kategori pada Wordpress, namun penggunaan Tags akan
menjadikan sebuah postingan lebih spesifik membicarakan tentang apa yang sedang dibahas.
Contoh penggunaan Kategori dan Tags pada Wordpress, Kategorinya Berita – Politik, kemudian
digunakanlah Tags dengan nama Korupsi. Penggunaan Tags yang baik adalah 2 sampai 4 kata,
tujuannya agar lebih ramah kepada mesin pencari Google. Selain itu, hindari juga penggunaan
kata hubung pada Tags, seperti kata “yang”, “di”, dan “dalam”.
1. Sorot menu post kemudian klik Tags.

Gambar 3.1. Menu Tags pada Wordpress

Gambar 3.2. Halaman Tags pada Wordpress

3.1. Membuat Tags pada Wordpress melalui Menu Tags.

1. Masuk ke dalam halaman Tags, sorot pada kolom sebelah kiri.

Gambar 3.3. Membuat Tags melalui Menu Tags Wp-1

4
 2. Isikan beberapa kolom pada menu Add New Tag dengan langkah-langkah berikut ini.

Gambar 3.4. Membuat Tags melalui Menu Tags Wp-2

Berikut ini langkah-langkah yang dapat dilakukan dalam menu Add New Tag:
 (1) Name: Isilah nama tag sesuai dengan keinginan. Nantinya, isi dari kolom inilah
yang akan muncul pada tampilan blog. Contoh: korupsi, nomia, tamtung, dan lain-lain.
 (2) Slug: Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi). Kolom Slug
adalah kolom untuk membuat URL pada tag masing-masing yang biasanya hanya
menggunkan huruf kecil dan hanya berisi huruf, angka, dan tanda hubung. Contoh:
pada tag Tamtung, isilah kolom Slug dengan nama tamtung. Jika tidak ingin diisi,
maka secara otomatis setelah pembuatan kategori selesai, kolom Slug akan terisi
dengan namablog.blog.st3telkom.ac.id/tag/tamtung/.
 (4) Description: Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi).
Deskripsi digunakan untuk mendeskripsikan tag serta akan muncul pada tampilan
blog, namun hal ini tidak bersifat asli karena ada juga template Wordpress yang tidak
dapat menampilkan deskripsi dari sebuah kategori.
 (5) Add New Tag: Tekan klik tombol tersebut maka tag baru tersebut akan
ditambahkan ke dalam blog.

3.2. Menghapus Tag pada Wordpress

1. Masuklah ke dalam halaman Tags pada Wordpress, sorot kolom bagian kanan.

Gambar 3.5. Menghapus Tags Wp-1

2. Gerakan mouse menuju ke salah satu tags yang ingin dihapus. Kemudian tekan klik
pada tombol delete.

5
 Gambar 3.6. Menghapus Tags Wp-2

3. Tekan klik “OK” pada tampilan konfirmasi penghapusan kategori.

Gambar 3.7. Menghapus Tags Wp-3

4. MENGELOLA POSTING PADA WORDPRESS

Post merupakan sebuah konten atau sebuah isi yang author sajikan di dalam blog kepada para
pembaca. Halaman Post di Wordpress berisi pos-pos yang telah di posting atau pos yang masih
dalam masa pengerjaan. Disini juga bisa melakukan pembuatan pos.
1. Sorot menu Post kemudian klik All Posts.

Gambar 4.1. Menu Post pada Wordpress

Gambar 4.2. Halaman Post pada Wordpress

6
4.1. Membuat Post pada Wordpress
1. Sorot menu Post kemudian klik All Posts.

Gambar 4.3. Membuat Post Wp-1

2. Pada halaman tersebut akan ditampilkan post blog-blog yang telah dibuat. Klik Add
New untuk membuat posting baru.

Gambar 4.4. Membuat Post Wp-2

3. Pada halaman untuk membuat posting tersebut disediakan kolom judul artikel, kolom
artikel dan beberapa tool bar yang digunakan untuk mengedi artikel dan menyisipkan
beberapa media. Klik tombol “Publish” yang berwarna biru untuk memposting artikel
yang telah dibuat.

Gambar 4.5. Membuat Post Wp-3

7
 4. Berikut ini merupakan tampilan postingan artikel yang telah dibuat dan
dipublikasikan.

Gambar 4.6. Membuat Post Wp-4

4.2. Menyisipkan Media ke dalam Postingan di Wordpress

1. Untuk menyisipkan media berupa gambar, musik atau video ke dalam Wordpress
hanya diperlukan menekan klik tombol Add Media pada toolbar. Namun, ada batasan
ukuran dalam menyisipkan media tersebut.

Gambar 4.7. Menyisipkan Media Wp-1

2. Tekan klik tombol “Select Files”.

Gambar 4.8. Menyisipkan Media Wp-2

8
3. Pilih file yang akan disisipkan ke dalam artikel.

Gambar 4.9. Menyisipkan Media Wp-3

4. Setelah media berhasil diunggah, berikanlah “Title, Caption, Alt Text, dan
Description” untuk foto tersebut. Untuk menyisipkan media tersebut klik tombol
“Insert into post”.

Gambar 4.10. Menyisipkan Media Wp-4

5. Setelah media telah berhasil disisipkan ke dalam artikel, maka atur posisinya dengan
cara menekan klik gambar tersebut kemudian akan muncul pengaturan alignment pada
gambar tersebut.

Gambar 4.11. Menyisipkan Media Wp-5

9
 6. Berikut ini contoh hasil dari menyisipkan media berupa gambar ke dalam postingan
artikel di dalam wordpress.

Gambar 4.12. Menyisipkan Media Wp-6

4.3. Membuat Kategori pada Wordpress Melalui Postingan.

Penambahan kategori pada Wordpress dapat dilakukan secara langsung ketika sedang
membuat postingan. Perbedaan dengan cara yang sebelumnya adalah pada cara yang ini tidak
dapat mengisi rincian pada kategori yang akan ditambahkan.
1. Sorot pada kolom bagian kanan ketika sedang ada di dalam halaman pembuatan
postingan baru.

Gambar 4.13. Membuat Kategori Melalui Post Wp-1

2. Tekan klik pada tulisan + Add New Category

Gambar 4.14. Membuat Kategori Melalui Post Wp-2

3. Setelah menekan klik tombol + Add New Category, maka akan muncul tampilan
seperti berikut ini:

10
 Gambar 4.15. Membuat Kategori Melalui Post Wp-3

Berikut ini langkah-langkah yang dapat dilakukan setelah menekan klik tombol + Add
New Category:
 (1) Isilah nama kategori sesuai dengan keinginan. Nantinya, isi dari kolom inilah yang
akan muncul pada tampilan blog. Contoh: Berita.
 (2) Kolom ini bersifat optional (dapat diisi, juga dapat tidak diisi). Kolom ini
mengidentifikasikan kategori yang akan ditambahkan tersebut akan menjadi anak
kategori (sub category) dari kolom Parent yang dipilih. Misalkan di dalam sebuah
blog sudah terdapat kategori Berita, maka kategori baru dengan nama Politik dapat
dimasukkan ke dalam anak dari kategori Berita.
 (3) Tekan klik tombol tersebut maka kategori baru tersebut akan ditambahkan ke
dalam blog.

4.4. Membuat Tag pada Wordpress Melalui Postingan

Penambahan Tag pada Wordpress dapat dilakukan secara langsung ketika sedang
membuat postingan. Perbedaan dengan cara yang sebelumnya adalah pada cara yang ini tidak
dapat mengisi rincian pada Tag yang akan ditambahkan.
1. Sorot pada kolom bagian kanan ketika sedang ada di dalam halaman pembuatan
postingan baru.

Gambar 4.16. Membuat Tags melalui Post Wp-1

11
4.5. Toolbar pada Kolom Post Wordpress
Untuk menyusun ataupun merubah artikel yang akan dibuat pada Wordpress menjadi
lebih menarik, di dalam kolom post Wordpress terdapat beberapa toolbar yang dapat
digunakan.

Gambar 4.17. Toolbar Wp-1

Berikut ini penjelasan dari beberapa toolbar pada kolom post wordpress:

Gambar 4.18. Toolbar Wp-2

1. Bold: Untuk membuat teks menjadi tebal.

2. Italic: Untuk membuat teks menjadi miring.
3. Strikethruough: Untuk membuat teks menjadi tercoret.
4. Bulleted List: Untuk membuat daftar bullet pada teks.
5. Numbered List: Untuk membuat daftar nomor pada teks.
6. Blockquote: Untuk membuat kutipan pada teks.
7. Horizontal Line: Untuk membuat garis horizontal.
8. Align Left: Untuk membuat teks menjadi rata kiri.
9. Align Center: Untuk membuat teks menjadi rata tengah.
10. Align Right: Untuk membuat teks menjadi rata kanan.
11. Insert/Edit Link: Untuk menyisipkan dan merubah link aktif di dalam artikel.
12. Remove Link: Untuk menghapus link aktif di dalam artikel.
13. Insert Read More Tag: Untuk Memecah postingan menjadi dua bagian (read more).
14. Toolbar Toogle: Untuk menampilkan dan menyembunyikan tombol tambahan
fasilitas penyuntingan teks.

Setelah menekan klik tombol Toolbar Toogle maka akan muncul tombol tambahan
fasilitas penyuntingan yang lainnya.

Gambar 4.19. Toolbar Wp-3

1. Paragraph: Untuk membuat format gaya penulisan teks.

2. Underline: Untuk membuat teks menjadi miring.
3. Align Full: Untuk membuat teks menjadi rata tengah.
4. Select Text Color: Untuk memberi warna pada huruf.
5. Paste as Plain Text: Untuk menempelkan teks melalui mode bebas pengkodean.
6. Clear Formatting: Untuk membersihkan format yang ada pada tulisan seperti
semula.
7. Spesial Character: Untuk membuat simbol.
8. Decrease Indent: Untuk membuat teks menjorok ke luar.
9. Increase Indent: Untuk membuat teks menjorok ke dalam.

12
 10. Undo: Untuk kembali satu aksi ke belakang aktifitas penyuntingan.
11. Redo: Untuk kembali satu aksi kedepan aktifitas penyuntingan.
12. Keyboard Shortcuts: Bantuan.

Gambar 4.20. Toolbar Wp-4

1. Visual: Untuk menampilkan mode penulisan dalam bentuk icon.

2. Text: Untuk menampilakan mode penulisan dalam bentuk kode (HTHML, PHP, dan
lain-lain).

4.6. Sidebar pada Kolom Post Wordpress

Di dalam kolom post Wordpress terdapat right-sidebar yang berfungsi untuk mengatur
post-post yang akan dibuat tersebut sesuai dengan keinginan pembuat post.

Gambar 4.21. Sidebar Wp-1

Berikut ini penjelasan dari beberapa fungsi dari masing-masing sidebar pada kolom post
Wordpress:

Gambar 4.22. Sidebar Wp-2

1. Save Draft: Menyimpan post ke dalam draft.

2. Preview: Melihat post di tampilan blognya secara langsung.
3. Status: Merubah status post. Di dalam tool status terdapat 2 pilihan, yaitu draft, dan
pending review.
4. Visibility: Mengatur siapa saja dan bagaimana caranya orang yang dapat masuk
untuk mengakses post tersebut. Di dalam tool visibilty terdapat 3 pilihan, yaitu
public, password, dan private.
13
5. Publish immediately: Menjadwalkan postingan kita kapan waktu untuk dipublis ke
blog.
6. SEO: (Search Engine Optimation) mengoptimalkan post tersebut agar cepat terindex
oleh Google sehingga selalu menduduki halaman pertama di dalam mesin pencari
Google.
7. Move to Trash: Menghapus post, akan tetapi masih bisa dipulihkan kembali.
8. Publish: Mempublish post.

Gambar 4.23. Sidebar Wp-3

1. All Categories: Menampilkan seluruh kategori yang terdapat di dalam blog.

2. Most Used: Menampilkan kategori yang paling serign digunakan di dalam blog.
3. Add New Category: Membuat kategori baru.

Gambar 4.24. Sidebar Wp-4

1. Add: Membuat Tag baru untuk post yang sedang dibuat.

2. Choose from the most used tags: Menampilkan tags yang paling sering digunakan
di dalam blog.

Gambar 4.25. Sidebar Wp-5

**Note: Tidak semua blog Wordpress memiliki fitur tool Select Layout.
1. Default Layout: Mengatur tampilan post ketika dibuka di dalam tampilan blog
menjadi menggunakan tampilan tema yang asli.

14
 2. Right Sidebar: Mengatur tampilan post ketika dibuka di dalam blog tersebut
menjadi terdapat satu sidebar di kanan yang umumnya digunakan untuk meletakkan
widgets Popular Post, Recent Post, dan lain-lain.
3. Left Sidebar: Mengatur tampilan post ketika dibuka di dalam blog tersebut menjadi
terdapat satu sidebar di kiri yang umumnya digunakan untuk meletakkan widgets
Popular Post, Recent Post, dan lain-lain.
4. No Sidebar Full Width: Mengatur tampilan post ketika dibuka di dalam blog
tersebut menjadi tampilan penuh sehingga tidak ada sidebar yang muncul.
5. No Sidebar Content Centered: Mengatur tampilan post ketika dibuka di dalam blog
tersebut menjadi tampilan penuh sehingga tidak ada sidebar yang muncul, akan
tetapi layout kontennya berada di tengah-tengah tema.

Gambar 4.25. Sidebar Wp-6

1. Set Featured Image: Digunakan untuk mengupload gambar thumbnail pada

postingan.

5. MENGELOLA PAGES PADA WORDPRESS

Pages berisi halaman-halaman yang ada dalam blog tersebut. Dalam menu ini pages juga
berfungsi untuk membuat halaman baru pada Wordpress. Umumnya, pages berisi tentang about,
contact us, disclaimer, sitemap, ataupun company profile yang lainnya. Jika dicermati, pages ini
bersifat statis (tidak ada tanggal, kategori, maupun tags). Bahkan page ini bisa kita jadikan
sebagai homepage, yakni halaman depan dari sebuah situs yang sifatnya statis.
1. Sorot menu Pages kemudian klik All Pages.

Gambar 5.1. Menu Pages pada Wordpress

Gambar 5.2. Halaman Pages pada Wordpress

15
5.1. Membuat Pages pada Wordpress
1. Sorot menu Pages kemudian klik All Pages.

Gambar 5.3. Membuat Pages Wp-1

2. Pada halaman tersebut akan ditampilkan pages blog-blog yang telah dibuat. Klik Add
New untuk membuat pages baru.

Gambar 5.4. Membuat Pages Wp-2

3. Pembuatan pages, hampir sama dengan pembuatan post artikel di dalam Wordpress
yang sudah dibahas di atas, mulai dari tool dan kolom-kolomnya hampir sama semua,
yang membedakan hanyalah right-sidebar pada kolom pages Wordpress dapat
menambahkan atribut.

Gambar 5.5. Membuat Pages Wp-3

16
6. MENGELOLA DESAIN TAMPILAN WORDPRESS
1. Untuk menyesuaikan dan memilih tampilan desain blog di Wordpress, harus membuka
Menu Appearance yang ada pada menu dashboard lalu tekan klik tombol Themes seperti
pada gambar berikut ini.

Gambar 6.1. Customize Tampilan Wp-1

2. Pilihlah salah satu tema tampilan desain blog yang sudah disediakan oleh Wordpress.

Gambar 6.2. Customize Tampilan Wp-2

3. Setelah selesai memilih salah satu tema tampilan desain blog yang disediakan oleh
Wordpress, langkah selanjutnya adalah menekan klik tombol Customize pada tema
tampilan desain blog yang sudah dipilih.

Gambar 6.3. Customize Tampilan Wp-3

4. Langkah yang dilakukan pada tahap ini adalah mengatur tampilan desain blog tersebut
sesuai dengan yang diinginkan dengan menggunakan fitur yang disediakan oleh Wordpress
yang terletak di samping kiri. Tidak semua tema tampilan desain memiliki fitur-fitur yang
sama, yang paling umum yang ada pada halaman Customize adalah Site Identify yang di
dalamnya berisikan nama blog dan deskripsi dari blog tersebut.

17
 Gambar 6.4. Customize Tampilan Wp-4

6.1. Mengatur Widget Pada Wordpress

Widget WordPress awalnya diciptakan untuk menyediakan cara sederhana dan mudah
digunakan memberikan desain dan struktur pengendalian dari tema WordPress kepada
pengguna. Widget dapat dengan mudah untuk di seret dan diletakkan (drag&drop) ke area
widget tertentu. Hampir seluruh template (tema desain tampilan) Wordpress yang mempunyai
fitur widget, namun tidak menutup kemungkinan ada beberapa template yang tidak memiliki
fitur widget tersebut.
Untuk masuk ke dalam Menu Widget dapat dengan cara menyorot Menu Appearance
kemudian klik tombol Widgets seperti pada gambar berikut ini.

Gambar 6.5. Customize Tampilan Widget Wp-1

Gambar 6.6. Customize Tampilan Widget Wp-2

6.2. Mengatur Menu Navigasi pada Wordpress

Menu navigasi merupakah salah satu fasilitas yang terdapat pada blog, dengan adanya
menu navigasi pengunjung dapat dimudahkan dalam menyelusuri dan menjelajahi semua sisi
yang ditawarkan oleh sudah dibangun oleh pemilik blog.
Berikut ini adalah contoh dari menu navigasi yang ada pada blog.

18
 Gambar 6.7. Customize Tampilan Menus Wp-1

Untuk membuat menu navigasi pada blog dapat melakukan beberapa langkah berikut ini:
1. Sorot pada Menu Appearance, lalu tekan klik pada tombol Menus.

Gambar 6.8. Customize Tampilan Menus Wp-2

2. Tekan klik pada tombol Create A New Menu yang ditunjuk dengan menggunakan
anak panah dibawah ini.

Gambar 6.9. Customize Tampilan Menus Wp-3

3. Buatlah menu baru dengan cara memberi nama untuk menu navigasi tersebut lalu
tekan klik pada tombol Create Menu

Gambar 6.10. Customize Tampilan Menus Wp-4

4. Setelah menu navigasi baru tersebut berhasil dibuat, maka kolom yang ada di
samping kiri akan berubah menjadi lebih terang sehingga dapat digunakan
sebagaimana mestinya.

19
 Gambar 6.11. Customize Tampilan Menus Wp-5

Berikut ini penjelasan dari gambar di atas:

1. Menu Link
Menu navigasi pada Wordpress ini dapat ditambahkan dari beberapa sumber, yaitu
Pages, Posts, Custom Links, Categories yang sudah pernah dibuat di dalam blog
Wordpress tersebut.
2. Menu Settings
Pada beberapa tema desain blog Wordpress, menu navigasi dapat memiliki tempat
yang disediakan lebih dari dua kolom, seperti pada contoh di atas terdapat dua kolom
yaitu Primary Menu dan Footer, sehingga fungsi dari menu settings ini adalah sebagai
tempat memilihnya dimana menu navigasi tersebut akan ditampilkan.
3. Menu Structure
Menu Structure ini berfungsi untuk mengatur posisi dari menu link yang sudah
dibuat pada menu navigasi tersebut. Pada menu struture juga dapat memberikan
kemudahan bagi pengembang blog tersebut untuk mengatur menu dan sub-sub dari
menu tersebut. Berikut ini adalah contoh dari Menu Struture dengan menggunakan sub
menu.

Gambar 6.12. Customize Tampilan Menu Wp-6

20