Mengubah Font HTML Post Editor pada WordPress

WordPress 3.2 muncul dengan berbagai fitur, dari yang keren abis seperti “distraction-free writing”, sampai yang kurang menarik seperti penggunaan font monospace pada HTML editor. Meski sudah sangat terbiasa dengan jenis font yang sama ketika coding dengan Notepad++ rasanya sangat berbeda dan sangat tidak nyaman ketika posting menggunakan font monospace. Apalagi saya termasuk orang yang nggak begitu suka menggunakan visual editor. Lalu bagaimana mengatasinya? Pada tutorial WordPress kali ini saya akan menunjukan cara mengubah font pada HTML post editor.

Untuk mengubah font pada HTML editor kita hanya butuh menambahkan beberapa baris code kedalam theme WordPress yang kita gunakan. Yang perlu dilakukan pertama buka file functions.php yang ada pada folder theme kemudian tambahkan code dibawah ini.

add_action( 'admin_head-post.php', 'grafisia_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'grafisia_fix_html_editor_font' );

function grafisia_fix_html_editor_font() { ?> <style type="text/css">#editorcontainer #content, #wp_mce_fullscreen, #wp-content-editor-container #content { font-family: Georgia, "Times New Roman", Times, serif; }</style> <?php }

Ini akan mengubah font yang digunakan HTML editor dari monospace menjadi Georgia. Kamu tentu saja bisa mengubah font ini sesuai apa yang kamu sukai dengan cara mengubah font-family. Misalkan kamu ingin menggunakan font Arial, maka yang harus kamu lakukan adalah mengubah baris font-family: Georgia, "Times New Roman", Times, serif; menjadi font-family: Arial, Helvetica, Sans-Serif;.

Berikut ini adalah screenshot sebelum dan sesudah perubahan font.

tutorial wordpress mengubah font pada html post editor

Semoga tips singkat cara mengubah font HTML editor WordPress ini bermanfaat.

Leave a Reply