i daftar isi daftar isi

22
i 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

Upload: hoangtuong

Post on 12-Jan-2017

277 views

Category:

Documents


13 download

TRANSCRIPT

Page 1: i DAFTAR ISI DAFTAR ISI

i

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

Page 2: i DAFTAR ISI DAFTAR ISI

ii

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

Page 3: i DAFTAR ISI DAFTAR ISI

1

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

Page 4: i DAFTAR ISI DAFTAR ISI

2

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,

Page 5: i DAFTAR ISI DAFTAR ISI

3

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

Page 6: i DAFTAR ISI DAFTAR ISI

4

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

Page 7: i DAFTAR ISI DAFTAR ISI

5

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.

Page 8: i DAFTAR ISI DAFTAR ISI

6

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

Page 9: i DAFTAR ISI DAFTAR ISI

7

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

Page 10: i DAFTAR ISI DAFTAR ISI

8

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

Page 11: i DAFTAR ISI DAFTAR ISI

9

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

Page 12: i DAFTAR ISI DAFTAR ISI

10

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:

Page 13: i DAFTAR ISI DAFTAR ISI

11

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

Page 14: i DAFTAR ISI DAFTAR ISI

12

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.

Page 15: i DAFTAR ISI DAFTAR ISI

13

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.

Page 16: i DAFTAR ISI DAFTAR ISI

14

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.

Page 17: i DAFTAR ISI DAFTAR ISI

15

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

Page 18: i DAFTAR ISI DAFTAR ISI

16

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

Page 19: i DAFTAR ISI DAFTAR ISI

17

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.

Page 20: i DAFTAR ISI DAFTAR ISI

18

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.

Page 21: i DAFTAR ISI DAFTAR ISI

19

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.

Page 22: i DAFTAR ISI DAFTAR ISI

20

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