Mengenal Visual Post Editor WordPress

Transkripsi

1 Bismillah, Post editor WordPress sebagaimana saya jelaskan di tulisan sebelumnya terbagi menjadi dua mode yaitu Mode Visual dan HTML. Pada kesempatan kali ini saya akan membahas lebih terperinci mengenai Post Editor WordPress mode Visual. Visual Editor sering dikenal dengan istilah Rich Editor atau disebut juga dengan WYSIWYG (What You See Is What You Get), artinya apa yang teman-teman lihat hasilnya sama dengan tampilan yang diterbitkan nantinya. Visual Editor cocok untuk yang memang kurang mengerti bahasa pemrograman HTML, dan penggunaannya sangat mudah sekali. Namun sesuatu yang mudah terkadang terasa sulit untuk sebagian orang, mungkin karena kurangnya pengetahuan. Nah, agar terasa mudah, mari kenali apa saja yang bisa dilakukan pada mode Visual ini. Untuk membuka halaman post editor, silahkan alihkan perhatian anda ke sebelah kiri atas monitor komputer anda, lalu sorot menu Pos. Setelah keluar sub menu, pilih Tambah Baru. Setelah post editor terbuka, pastikan anda memilih mode Visual. Umumnya, toolbar yang terbuka hanya satu baris, oleh karenanya klik terlebih dahulu tool Show/Hide Kitchen Sink By Official Website of Alkhansa Design 1

2 Berikut adalah gambar tool yang ada beserta keterangannya. Upload/Insert Fasilitas tersebut adalah untuk mengupload (unggah) atau insert (memasukkan berkas) dari komputer kita ke website. File atau berkas yang dapat diupload meliputi berkas gambar, video, musik serta berkas lainnya. Tool Baris 1 (1) Paragraf, Pada dropdown menu terdapat pilihan untuk mengubah style/gaya pada tulisan yang terpilih. By Official Website of Alkhansa Design 2

3 (2) Bold. Untuk mencetak huruf terlihat tebal. (3) Italic. Untuk mencetak huruf terlihat miring. (4) Unordered list ( list dengan bullet ) : Item 1 Item 2 (5) Ordered list ( list dengan angka ) : Item 1 Item 2 (6) Blockquote. Untuk membuat kutifan ( quote ) : Alkhansa Design menulis berbagai artikel cara membuat website secara gratis sebagai wujud sumbangsih dalam program mencerdaskan bangsa di bidang tekologi informasi. (7) Align left. Untuk membuat paragrap dengan gaya tulisan rata kiri. Alkhansa Design menulis berbagai artikel cara membuat website secara gratis sebagai wujud sumbangsih By Official Website of Alkhansa Design 3

4 dalam program mencerdaskan bangsa di bidang teknologi informasi. Berharap agar tulisan yang telah dibuat bermanfaat bagi banyak orang. (8) Align center. Untuk membuat paragrap dengan gaya tulisan tengah. Alkhansa Design menulis berbagai artikel cara membuat website secara gratis sebagai wujud sumbangsih dalam program mencerdaskan bangsa di bidang tekologi informasi. Berharap agar tulisan yang telah dibuat bermanfaat bagi banyak orang. (9) Align right. Untuk membuat paragrap dengan gaya tulisan rata kanan. Alkhansa Design menulis berbagai artikel cara membuat website secara gratis sebagai wujud sumbangsih dalam program mencerdaskan bangsa di bidang tekologi informasi. Berharap agar tulisan yang telah dibuat bermanfaat bagi banyak orang. (10) Inser/edit link. Untuk mengedit / membuat link (tautan). (11) Unlink. Untuk membuat link menjadi tulisan biasa ( kebalikan dari tool link ) (12) Insert more tag. Untuk mengaktifkan fitur more (memotong artikel pada halaman home page). (13) Show/Hide kitchen sink. Untuk menampilkan / menyembunyikan tool yang ada pada baris 2. Tool Baris 2 (14) Strikethrough. Untuk mencetak huruf terlihat di coret (15) Garis Mendatar, untum membuat sebuah garis mendatar ketika kita sedang menulis. Contoh: (16) Select text color. Untuk mengubah warna tulisan pada teks yang terpilih, misal warna merah, hijau,orange, dan warna yang lainnya. By Official Website of Alkhansa Design 4

5 (17) Paste as plain text. Untuk mengcopy tulisan dari yang lain menjadi plain text, terkadang sebuah tulisan akan terpengaruh oleh efek dari suatu program entah itu HTML, office words dan lain-lain. Dengan menggunakan tool ini, maka semua tulisan akan di jadikan teks murni (seperti text pada notepad/wordpad ) (18) Remove formatting. Untuk menghilangkan pengaturan yang telah ada ( Bold, italic, dan lain sebagainya) pada tulisan yang terpilih. (19) Insert custom character. Untuk memasukkan karakter-karakter khusus pada artikel. Misal Ω dan lain-lain. By Official Website of Alkhansa Design 5

6 (20) Outdent (Persempit Identasi). Untuk memindahkan tulisan ke sebelah kiri. Biasanya ini di pakai pada order list (baca order list di atas ya), jika telah menulis sublist, untuk kembali ke list utama menggunakan tool ini. (21) Indent (Perlebar Identasi). Untuk memindahkan tulisan ke sebelah kanan. Biasanya ini di pakai pada order list, jika ingin membuat sublist dari order list, gunakan tool ini. (22) Undo. Untuk membatalkan perintah yang telah dilakukan. (23) Redo. Untuk melakukan perintah kembali yang telah di batalkan oleh perintah Redo. (24) Help. Untuk mengeluarkan opsi bantuan ( help ). Apabila tdi antara teman-teman yangsebelumnya telah terbiasa menggunakan aplikasi desktop Microsoft Word, maka sangat mudah menggunakan visual editor WodPress ini, karena tool-tool yang ada tidak jauh berbeda. Nah, jadi cara belajar yang benar adalah dengan disertai praktek langsung, maka lakukanlah praktek secara langsung jangan hanya membaca tutorial ini, Oke, selamat berlatih sampai jumpa di tutorial berikutnya. By Official Website of Alkhansa Design 6

7 «MATERI SEBELUMNYA DAFTAR ISI MATERI SELANJUTNYA» By Official Website of Alkhansa Design 7