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

DAFTAR ISI

DAFTAR ISI........................................................................................................................... i DAFTAR GAMBAR .............................................................................................................. i 1. 2.

3.

4.

5. 6.

MASUK KE HALAMAN DASHBOARD WORDPRESS. ...................................... 1 MENGELOLA KATEGORI PADA WORDPRESS. ............................................... 1 2.1. Membuat Kategori pada Wordpress melalui Menu Categories . .......................... 2 2.2. Menghapus Kategori pada Wordpress .................................................................. 3 MENGELOLA TAGS PADA WORDPRESS. .......................................................... 4 3.1. Membuat Tags pada Wordpress melalui Menu Tags............................................ 4 3.2. Menghapus Tags pada Wordpress ........................................................................ 5 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 MENGELOLA PAGES PADA WORDPRESS ......................................................... 15 5.1. Membuat Pages pada Wordpress .......................................................................... 16 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. Gambar 1.2.

Halaman Login Wordpress. ........................................................................... 1 Halaman Dashboard Wordpress .................................................................... 1

Gambar 2.1. Gambar 2.2. Gambar 2.3. Gambar 2.4. Gambar 2.5. Gambar 2.6. Gambar 2.7.

Menu Kategori Wp-1 ..................................................................................... 1 Halaman Categories Wodpress ...................................................................... 2 Membuat Kategori melalui Menu Categories Wp-1 ...................................... 2 Membuat Kategori melalui Menu Categories Wp-2 ...................................... 2 Menghapus Kategori Wp-1 ............................................................................ 3 Menghapus Kategori Wp-2 ............................................................................ 3 Menghapus Kategori Wp-3 ............................................................................ 3

Gambar 3.1. Gambar 3.2. Gambar 3.3. Gambar 3.4. Gambar 3.5. Gambar 3.6. Gambar 3.7.

Menu Tags pada Wordpress........................................................................... 4 Halaman Tags pada Wordpress ..................................................................... 4 Membuat Tags melalui Menu Tags Wp-1 ..................................................... 4 Membuat Tags melalui Menu Tags Wp-2 ..................................................... 5 Menghapus Tags Wp-1 .................................................................................. 5 Menghapus Tags Wp-2 .................................................................................. 6 Menghapus Tags Wp-3 .................................................................................. 6 i

Gambar 4.1. Gambar 4.2. Gambar 4.3. Gambar 4.4. Gambar 4.5. Gambar 4.6. Gambar 4.7. Gambar 4.8. Gambar 4.9. Gambar 4.10. Gambar 4.11. Gambar 4.12. Gambar 4.13. Gambar 4.14. Gambar 4.15. Gambar 4.16. Gambar 4.17. Gambar 4.18. Gambar 4.19. Gambar 4.20. Gambar 4.21. Gambar 4.22. Gambar 4.23. Gambar 4.24. Gambar 4.25. Gambar 4.26.

Menu Post pada Wordpress ........................................................................... 6 Halaman Post pada Wordpress ...................................................................... 6 Membuat Post Wp-1 ...................................................................................... 7 Membuat Post Wp-2 ...................................................................................... 7 Membuat Post Wp-3 ...................................................................................... 7 Membuat Post Wp-4 ...................................................................................... 8 Menyisipkan Media Wp-1 ............................................................................. 8 Menyisipkan Media Wp-2 ............................................................................. 8 Menyisipkan Media Wp-3 ............................................................................. 9 Menyisipkan Media Wp-4 ............................................................................. 9 Menyisipkan Media Wp-5 ............................................................................. 9 Menyisipkan Media Wp-6 ............................................................................. 10 Membuat Kategori melalui Post Wp-1 .......................................................... 10 Membuat Kategori melalui Post Wp-2 .......................................................... 10 Membuat Kategori melalui Post Wp-3 .......................................................... 11 Membuat Tags melalui Post Wp-1 ................................................................ 11 Toolbar Post Wp-1 ......................................................................................... 12 Toolbar Post Wp-2 ......................................................................................... 12 Toolbar Post Wp-3 ......................................................................................... 12 Toolbar Post Wp-4 ......................................................................................... 13 Sidebar Post Wp-1 ......................................................................................... 13 Sidebar Post Wp-2 ......................................................................................... 13 Sidebar Post Wp-3 ......................................................................................... 14 Sidebar Post Wp-4 ......................................................................................... 14 Sidebar Post Wp-5 ......................................................................................... 14 Sidebar Post Wp-6 ......................................................................................... 15

Gambar 5.1. Gambar 5.2. Gambar 5.3. Gambar 5.4. Gambar 5.5.

Menu Pages pada Wordpress ......................................................................... 15 Halaman Pages pada Wordpress .................................................................... 15 Membuat Pages Wp-1 .................................................................................... 16 Membuat Pages Wp-2 .................................................................................... 16 Membuat Pages Wp-3 .................................................................................... 16

Gambar 6.1. Gambar 6.2. Gambar 6.3. Gambar 6.4. Gambar 6.5. Gambar 6.6. Gambar 6.7. Gambar 6.8. Gambar 6.9. Gambar 6.10. Gambar 6.11. Gambar 6.12.

Customize Tampilan Wp-1 ............................................................................ 17 Customize Tampilan Wp-2 ............................................................................ 17 Customize Tampilan Wp-3 ............................................................................ 17 Customize Tampilan Wp-4 ............................................................................ 18 Customize Tampilan Widget Wp-1 ............................................................... 18 Customize Tampilan Widget Wp-2 ............................................................... 18 Customize Tampilan Menus Wp-1 ................................................................ 19 Customize Tampilan Menus Wp-2 ................................................................ 19 Customize Tampilan Menus Wp-3 ................................................................ 19 Customize Tampilan Menus Wp-4 ................................................................ 19 Customize Tampilan Menus Wp-5 ................................................................ 20 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/wpadmin. 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. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

Bold: Untuk membuat teks menjadi tebal. Italic: Untuk membuat teks menjadi miring. Strikethruough: Untuk membuat teks menjadi tercoret. Bulleted List: Untuk membuat daftar bullet pada teks. Numbered List: Untuk membuat daftar nomor pada teks. Blockquote: Untuk membuat kutipan pada teks. Horizontal Line: Untuk membuat garis horizontal. Align Left: Untuk membuat teks menjadi rata kiri. Align Center: Untuk membuat teks menjadi rata tengah. Align Right: Untuk membuat teks menjadi rata kanan. Insert/Edit Link: Untuk menyisipkan dan merubah link aktif di dalam artikel. Remove Link: Untuk menghapus link aktif di dalam artikel. Insert Read More Tag: Untuk Memecah postingan menjadi dua bagian (read more). 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. 2. 3. 4. 5. 6. 7. 8. 9.

Paragraph: Untuk membuat format gaya penulisan teks. Underline: Untuk membuat teks menjadi miring. Align Full: Untuk membuat teks menjadi rata tengah. Select Text Color: Untuk memberi warna pada huruf. Paste as Plain Text: Untuk menempelkan teks melalui mode bebas pengkodean. Clear Formatting: Untuk membersihkan format yang ada pada tulisan seperti semula. Spesial Character: Untuk membuat simbol. Decrease Indent: Untuk membuat teks menjorok ke luar. 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. 2.

Visual: Untuk menampilkan mode penulisan dalam bentuk icon. 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. 2. 3. 4.

Save Draft: Menyimpan post ke dalam draft. Preview: Melihat post di tampilan blognya secara langsung. Status: Merubah status post. Di dalam tool status terdapat 2 pilihan, yaitu draft, dan pending review. 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. 6.

7. 8.

Publish immediately: Menjadwalkan postingan kita kapan waktu untuk dipublis ke blog. SEO: (Search Engine Optimation) mengoptimalkan post tersebut agar cepat terindex oleh Google sehingga selalu menduduki halaman pertama di dalam mesin pencari Google. Move to Trash: Menghapus post, akan tetapi masih bisa dipulihkan kembali. Publish: Mempublish post.

Gambar 4.23. Sidebar Wp-3 1. 2. 3.

All Categories: Menampilkan seluruh kategori yang terdapat di dalam blog. Most Used: Menampilkan kategori yang paling serign digunakan di dalam blog. Add New Category: Membuat kategori baru.

Gambar 4.24. Sidebar Wp-4 1. 2.

Add: Membuat Tag baru untuk post yang sedang dibuat. 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.

3.

4. 5.

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. 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. No Sidebar Full Width: Mengatur tampilan post ketika dibuka di dalam blog tersebut menjadi tampilan penuh sehingga tidak ada sidebar yang muncul. 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