Ervandra Halim
Website & Mobile Developer

Using Visual Editor

Producing high quality responsive websites/web apps and mobile apps.

Editor digunakan untuk menulis konten kedalam Page atau Post dan sangat mudah digunakan. Seperti pengolah dokumen lainnya, dengan tombol Toolbar untuk menebalkan / Bold (Bold), memiringkan / italic (Italic) teks, atau menambahkan Headings (Style), Bullets & Numbering (Bulletered List Numbered List). Anda juga dapat menggunakan shortcut keyboard yang biasa digunakan editor lainnya. Misalnya Shift+Enter untuk membuat baris baru, Ctrl+C/Cmd+C untuk Copy, Ctrl+X/Cmd+X untuk Cut, Ctrl+Z/Cmd+Z untuk Undo, dan sebagainya.

Ketika menambahkan konten halaman anda, Visual Editor membesar untuk menyesuaikan browser anda, anda tinggal scroll bagian konten saja, dan Toolbar serta elemen aksi penting lainnya akan tetap muncul untuk mempermudah anda.

Dengan menggunakan spesial shortcut keyboard anda dapat menulis konten dengan lebih mudah dan cepat. Contohnya jika anda ingin membuat Heading lebih kecil misal (H2), anda tinggal mengetikkan beberapa # (hashtags) pada awal kata dan ketika anda menekan Enter atau membuat baris baru, teks diatas akan langsung secara otomatis berubah menjadi format yang di inginkan.

Beberapa kumpulan shortcut keyboard yang tersedia antara lain:

* – Memulai unordered list
 – Memulai unordered list
1. – Memulai ordered list
1) – Memulai unordered list
## – H2
### – H3
#### – H4
##### – H5
###### – H6
> – Menambahkan blockquote
 – Menambahkan horizontal line
`..` – Merubah teks menjadi blok kode (ganti .. dengan teks anda)

 

Pada bagian atas editor, terdapat 2 tab, Visual dan Text (Visual/Text). Tab ini akan mengganti tampilan editor antara Visual Editor dan Text Editor. Pada tampilan Text View anda dapat melihat kode HTML yang membentuk konten anda. Untuk pengguna yang lebih berpengalaman ini akan membantu, namun tidak sebaliknya pada pengguna yang kurang familiar dengan tag HTML.

Ketika membuat Page atau Post baru, hal pertama yang harus anda lakukan adalah mengisi Judul (Title) yang berada pada field paling atas dan terdapat teks bantu Enter title here. Setelah itu anda dapat secara bebas mengatur konten anda.

Pada bagian atas tempat konten anda ditulis, terdapat banyak tombol formatting, klik pada tombol Toolbar Toggle (Toolbar Toggle)  akan menampilkan atau menyembunyikan baris kedua dari tombol formatting yang akan memberi anda fungsionalitas tambahan. Tombol-tombol Editor berfungsi sebagai berikut:

Add Media Add Media – Menambahkan media seperti gambar, suara, video atau dokumen.
Style Style – Digunakan untuk memberi format pada teks
Bold Bold – Bold / Menebalkan teks
Italic Italic – Italic / Memiringkan teks
Bulleted List Bulleted List – Membuat unordered (bullet point) list
Numbererd List Numbered List – Membuat Ordered (numbered) list
Blockquote Blockquote – Digunakan untuk menampilkan quote / kutipan.
Align Left Align left – Membuat teks rata kiri
Align Center Align Center – Membuat teks rata tengah
Align Right Align Right – Membuat teks rata kanan
Insert/edit Link Insert/edit link – Digunakan untuk menambahkan link HTML untuk ke website lain atau link dari website kita sendiri.
Insert Read More tag Insert Read More tag – Batas untuk deskripsi singkat dari artikel atau disebut dengan Excerpt pada sistem wordpress
Toolbar Toggle Toolbar Toggle – Digunakan untuk menampilkan baris kedua dari Toolbar
Distraction Free Writing Distraction Free Writing – Klik tombol ini akan mengekspan tampilan editor hingga memenuhi layar browser (Full Screen), anda akan lebih fokus dalam menulis. Klik tombol ini lagi untuk mengembalikan tampilan ke tampilan semula.
Strikethrough Strikethrough – Menambahkan strikethrough pada teks anda
Horizontal Line Horizontal Line – Menambahkan garis horizontal pada halaman anda
Text Color Text color – Merubah warna teks
Paste as Text Paste as Text – Paste sebagai teks, ini akan menghilangkan semua formatting yang terbawa saat anda melakukan copy dari sumber lainnya.
Clear Formatting Clear formatting – Menghilangkan seluruh formatting dari teks yang di seleksi
Special Character Special character – Menambahkan karakter spesial, seperti simbol2 yang tidak bisa ditambahkan melalui keyboard
Decrease Indent Decrease indent – Mengurangi satu level indentasi
Increase Indent Increase Indent – Menambahkan satu level indentasi
Undo Undo – Undo, mengulang aksi terakhir yang dilakukan
Redo Redo – Redo, mengembalikan state ke aksi terakhir yang sempat di Undo
Keyboard shortcuts Keyboard shortcuts – Menampilkan informasi mengenai Visual Editor WordPress beserta seluruh shortcutnya.
Visual/Text Visual/Text – Mengganti tampilan editor antara Visual Editor dan Text Editor

 

Terakhir di-update: Desember 2017