Menambahkan QuickTag Kustom WordPress

API QuickTags WordPress memungkinkan Anda menambahkan tombol ke editor teks admin WordPress. Sejujurnya, editor teks mungkin lebih jarang digunakan dibandingkan editor kaya, dengan menambahkan tag cepat bisa sangat berguna ketika mengulangi tugas yang sama cukup sering.

Berikut adalah daftar quick tag default yang disediakan di WordPress:

Seperti yang Anda lihat, Anda dapat membuat berbagai jenis tombol, menetapkan kunci akses untuk masing-masing tombol dan menentukan kode khusus Anda sendiri dengan mudah.

Untuk menambahkan tag cepat, Anda perlu menghubungkan fungsi khusus ke hook admin_print_footer_scripts. Pada dasarnya, idenya adalah menambahkan beberapa kode javascript khusus di footer admin. API tag cepat menyediakan fungsi bawaan yang disebut addButton:

QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );

Fungsi ini menerima 8 argumen:

  • id: (string) (wajib) Id html untuk tombol
  • display: (string) (wajib) Nilai html untuk tombol
  • arg1: (string) (wajib) Baik tag awal yang akan dimasukkan seperti “<span>” atau callback yang dijalankan saat tombol diklik
  • arg2: (string) (opsional) Tag penutup seperti “”. Biarkan kosong jika tag tidak perlu ditutup (yaitu “
    ”)
  • access_key: (string) (opsional) Kunci akses pintasan untuk tombol
  • judul: (string) (opsional) Nilai judul html untuk tombol
  • prioritas: (int) (opsional) Angka yang mewakili posisi tombol yang diinginkan pada toolbar. 1 – 9=pertama, 11 – 19=kedua, 21 – 29=ketiga, dst
  • instance: (string) (opsional) Batasi tombol ke instance Quicktags tertentu, tambahkan ke semua instance jika tidak ada

Berikut cuplikan lengkap yang menambahkan tautan WPExplorer ke editor:

// Add buttons to html editor
add_action('admin_print_footer_scripts','rc_quicktags');
function rc_quicktags() { ?>
	<script language="javascript" type="text/javascript">
		/* Adding Quicktag buttons to the editor WordPress ver. 3.3 and above
		* - Button HTML ID (required)
		* - Button display, value="" attribute (required)
		* - Opening Tag (required)
		* - Closing Tag (required)
		* - Access key, accesskey="" attribute for the button (optional)
		* - Title, title="" attribute (optional)
		* - Priority/position on bar, 1-9 = first, 11-19 = second, 21-29 = third, etc. (optional)
		*/
		QTags.addButton( 'WPexplorerlove', 'WPexplorerlove', '<a href="http://wpexplorer.com" target="_blank">', '</a>', 'w' );
	</script>
<?php
}

Inilah hasilnya:

Untuk menggunakan tag cepat itu, klik sekali padanya, itu akan menyisipkan awal tag <a>, menambahkan beberapa teks, dan klik tombol itu lagi, ini akan menambahkan tag penutup. Itu dia!

Jika Anda memiliki pertanyaan atau rekomendasi, silakan tinggalkan komentar!