» Directory » » ID 3491

Membuat Atau Menambahkan Custom Button Pada Tinymce Editor WordPress

30menit – Menambahkan Custom Button Embed Youtube Pada Tinymce Editor WordPress.

Tutorial berikut merupakan lanjutan dari tutorial membuat custom button “page break” di halaman sebelumnya. Silakan buka folder template (tema) btpm. Kemudian buka folder “inc” dan buka kembali file “wp_add_button_editor.php” pada text editor. Tambahkan fungsi php custom button baru untuk youtube ke dalam file “wp_add_button_editor.php”

Fungsinya saya namakan “btpm_tinymce_yt()” Di dalamnya masih sama hampir seluruhnya coding javascript. Kita juga membutuhkan “image” untuk icon. Masih saya sarankan gunakan tipe .svg karena tipe ini menggunakan konsep vektor sehingga tidak akan pecah dalam berbagai resolusi layar. Untuk peletakan filenya juga silakan disesuaikan dengan keinginan. Selanjutnya nanti tinggal menyesuaikan pemanggilan filenya pada coding “image”. Jika melihat coding saya di atas file “image” saya letakkan pada folder images. Kemudian tambahkan data array pada variable $plugin_array untuk menambahkan custom button youtube.

Tambahkan juga array_push untuk tombol youtube pada register button.

Hasilnya akan muncul tombol baru embed youtube pada tinymce editor yang jika di klik akan memanggil form input javascript. Tinggal pastekan kode embed <iframe> dan video youtube berhasil disematkan. Seperti terlihat pada gambar berikut.

Jika ada yang kurang bisa di fahami dapat melihat video berikut :

Semoga bermanfaat. Happy Coding..

Tulisan Terkait
Membuat Atau Menambahkan Custom Button Pada Tinymce Editor WordPress oleh :

Masyhuri Jamil

Tidak memiliki kompetensi di bidang coding. Tapi selalu semangat terus belajar html, css, php, mysql, java script (jquery). Suka oprek-oprek android juga dan yang pasti suka jalan-jalan (treveling).

Memiliki 150 tulisan
Tambahkan Komentar Anda