Melakukan Custome Editor WYSIWYG Pada Wordpress

Melakukan Custome Editor WYSIWYG Pada Wordpress

Apakah kamu pengguna Wordpress (WP) yang sangat flexibel dan mudah digunakan juga akses yang sangat cepat tapi bingung bagaimana melakukan custome pada editor WYSIWYG. Kali ini saya akan berikan tip bagaimana melakukan custome pada tampilan editor.

Berikut langkah - langkahnya untuk Melakukan Custome Editor WYSIWYG Pada Wordpress:


1. Buka file function.php menggunakan editor notepad++ atau Dreamweaver atau yang lainnya.

2. Jika sudah kamu buka silahkan copy link berikut pada file function.php dan kemudian save jika sudah selesai.

Untuk block format = Paragraph=p; Heading 1=h1; Heading 2=h2
Untuk tollbar1 = formatselect,bold,italic,underline,superscript,bullist,numlist,alignleft,aligncenter,alignright,link,unlink,spellchecker

function format_TinyMCE($in) {
    $screen = get_current_screen();
    if( is_object( $screen ) && 'slides' == $screen->post_type ) {
        //styles for the editor to provide better visual representation.
        $in['content_css'] = get_template_directory_uri() . "/build/styles/tiny-mce-editor.css";
        $in['block_formats'] = "";
        $in['toolbar1'] = 'bold,link,unlink';
        $in['toolbar2'] = '';
        $in['toolbar3'] = '';
        $in['toolbar4'] = '';
    }
    return $in;
}
add_filter('tiny_mce_before_init', 'format_TinyMCE' );

3. Untuk melihat hasilnya silahkan lakukan refresh pada browser atau tekan CTRL+F5 (jika masih menyimpan cache).

Melakukan Custome Editor WYSIWYG Pada Wordpress

Semoga tutorial cara custome TinyMCE ini bisa bermanfaat dan jika ada pertanyaan silahan kirimkan ke komentar dibawah. Jangan lupa untuk share dan like untuk berbagi dengan yang lainnya.
Lebih baru Lebih lama

نموذج الاتصال