Tag

, ,


Tutorial 07 : Dasar-Dasar Editing Post

Dasar-Dasar Rich Editing

Rich editing, atau yang juga disebut WYSIWYG, singkatan dari What You See Is What You Get, berarti teks Anda diformat seketika Anda mengetik. Rich editor menciptakan kode HTML di belakang layar sedangkan Anda berkonsentrasi pada menulis. Style font, taut dan gambar tampil kira-kira seperti yang akan tampil di internet.

WordPress menyertakan penyunting visual HTML yang bekerja baik pada kebanyakan

Ketika menggunakan penyunting, mayoritas tombol jalan pintas bekerja seperti di penyunting-penyunting teks lain. Sebagai contoh: Shift+Enter menyisipkan pergantian baris, Ctrl+C = salin, Ctrl+X = potong, Ctrl+Z = membatalkan, Ctrl+A = pilih semua, dan lain-lain. (Pada Mac gunakan tombol Command sebagai pengganti Ctrl). Lihat tab Hotkey untuk informasi mengenai tombol-tombol pintas yang tersedia.

Jika Anda tidak menyukai cara kerja penyunting visual ini, Anda dapat mematikannya dari submenu Profil Anda, di bawah Pengguna di menu admin.

Advanced Rich Tingkat Lanjut

Gambar dan Lampiran

Ada tombol di toolbar penyunting untuk memasukkan gambar yang sudah dihostingkan di tempat lain di internet. Jika Anda memiliki URL untuk sebuah gambar, klik tombol ini dan masukkan URL tersebut di dalam kotak yang muncul.

Jika Anda perlu mengunggah sebuah gambar atau berkas media lainnya dari komputer, Anda dapat menggunakan tombol Pustaka Media di atas penyunting. Pustaka media akan mencoba untuk membuat salinan ukuran mini dari setiap gambar yang diunggah. Untuk menyisipkan gambar Anda ke dalam tulisan, pertama klik pada miniatur untuk menampilkan menu opsi. Setelah Anda memilih opsi yang Anda pilih, klik “Kirim ke Penyunting” dan gambar atau berkas Anda akan muncul di tulisan yang sedang Anda sunting. Jika Anda sedang menyisipkan film, ada opsi-opsi tambahan di dalam dialog “Media” yang dapat Anda buka dari batang perkakas di baris kedua.

HTML dalam Rich Editor

Segala HTML yang secara langsung dimasukkan ke dalam penyunting visual akan tampil sebagai teks sebagaimana tulisan tersebut akan ditampilkan. Yang Anda lihat adalah yang Anda dapat. Ketika Anda ingin menyertakan elemen HTML yang tidak dapat dibuat dengan tombol batang perkakas, Anda harus memasukkannya secara manual di dalam penyunting HTML. Sebagai contoh adalah tabel dan kode (<code>). Untuk melakukannya, klik pada tab HTML dan sunting kodenya, lalu kembali ke moda visual. Jika kode tersebut valid dan dipahami oleh penyunting, Anda akan melihatnya dirender secara seketika.

Melakukan penempelan di Penyunting Visual

Ketika menempelkan konten dari halaman web lain, hasilnya bisa jadi tidak konsisten dan tergantung dari peramban Anda serta halaman web sumber. Penyunting akan berusaha mengoreksi segala kode HTML yang tidak sah yang ditempelkan. Namun, untuk hasil terbaik, coba gunakan tab HTML atau salah satu dari tombol tempel yang ada di baris kedua. Pilihan alternatifnya ialah mencoba melakukan penempelan paragraf demi paragraf. Pada kebanyakan peramban, cara untuk memilih satu paragraf sekaligus ialah dengan klik tiga kali.

Menempelkan konten dari aplikasi lain, seperti Word atau Excel, paling baik untuk dilakukan dengan tombol “Tempel dari Word” di baris kedua, atau dalam moda HTML.

Menulis pada Kecepatan Penuh

Daripada menggapai tetikus Anda untuk mengklik batang perkakas, gunakan tombol akses berikut. Windows dan Linux menggunakan Ctrl + huruf. Macintosh menggunakan Command + huruf.

Huruf Tindakan Huruf Tindakan
c Salin v Tempel
a Pilih semua x Potong
z Undo y Redo
b Tebal i Miring
u Garis bawah 1 Penajukan 1
2 Penajukan 2 3 Penajukan 3
4 Penajukan 4 5 Penajukan 5
6 Penajukan 6 9 Alamat

Jalan pintas berikut menggunakan tombol-tombol akses yang berbeda: Alt + Shift + huruf.

Huruf Tindakan Huruf Tindakan
n Cek Ejaan l Rata Kiri
j Justify Teks c Rata Tengah
d Strikethrough r Rata Kanan
u Senarai a Sisipkan taut
o 1. Senarai s Hilangkan Taut
q Kutip m Masukkan Gambar
g Selayar Penuh t Sisipkan Tag “More”
p Sisipkan tag Pemotong Baris h Bantuan
e Tukar ke moda HTML

Fungsi-Fungsi Icon Editing Post

Berikut ini saya coba untuk sedikit memberikan penjelasan tentang toolbar pada editing post.


1. Icon Tambahkan Sebuah Gambar : untuk memasukan gambar pada tulisan
2. Tambahkan Video : Untuk memasukan video pada tulian
3. Tambahkan Musik : Untuk memasukan musik pada tulisan
4. Tambahkan Media : Untuk menambahkan media pada tulisan (media yang dapat ditambahkan berupa file yang bertipe : jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, pps, dan ppsx
5. Tambahkan poling : untuk menambahkan poling pada tulisan, anda harus membuat poling terlebih dahulu pada menu Polling
(Nomor 2 s.d. 3 : hanya bisa digunakan apabila anda sudah mengUpgrade WordPress anda)
6. Visual : Untuk menampilkan model visual
7. HTML : untuk menampilkan model HTML

1. Bold : Untuk menebalkan huruf
2. Italic : Untuk membuat miring huruf
3. Strikethrough : Untuk mencoret huruf
4. Bullets : Untuk membuat bullet
5. Numbering : Untuk membuat penomoran
6. Blok kutip : Untuk membuat paragraf model kutipan
7. Rata Kiri : Teks Rata Kiri
8. Rata Tengah : Teks berada di tengah-tengah
9. Rata Kanan : Teks rata kanan
10. Sisipkan / Sunting Tautan : untuk memasukan tautan
11. Hilangkan Taut : Untuk menghilangkan tautan
12. Sisipkan Tag “more&guot : Untuk membuat memotong tulisan bisa kita sebut dengan Read More atau Baca selanjutnya
13. Proofread Writing : Untuk mengkoreksi tulisan
14. Tukar Balik Model Layar Penuh : Untuk merubah editor post menjadi model layar penuh atau sebaliknya
15. Tampilkan/Sembunyikan Kitchen Sink : Untuk menampilkan Kitchen Sink Icon Nomor 16-28
16. Paragraf : Untuk memformat teks
17. Garis Bawah : Untuk membuat garis bawah
18. Align Full : Untuk membuat perataan teks full (Justify)
19. Pilih Warna Teks : Untuk mewarnai huruf
20. Tempel Sebagai Teks Murni :
21. Tempel dari Word
22. Hilangkan Pemformatan : Untuk menghilangkan format yang telah dibuat
23. Sisikpan karakter tersesuai : Untuk menyisipkan simbol
24. Outdent : Untuk menggeser paragraf keluar
25. Indent : Untuk menggeser paragraf kedalam
26. Undo : Untuk menggembalikan perintah yang pernah diberikan
27. Redo : Kebalikan undo
28. Bantuan : Menuju bantuan ( baca Dasar-Dasar Editing di Bawah)

Kembali ke Tutoriol WordPress