WordPress menjadi salah satu CMS yang memiliki banyak fitur. Fitur yang dapat mempermudah pemilik maupun pengembang website untuk melakukan kustom sesuai dengan tujuan dan keinginannya.
Fitur yang membawa tampilan wordpress semakin terlihat bagus salah satu penunjangnya adalah dari adanya sebuah library yaitu dashicons. Sayangnya, banyak dari pengguna wordpress tidak menggunakan fitur ini dengan beberapa alasan.
Lalu apa sebenarnya fitur ini? apa dampak dari adanya fitur ini dan bagaimana cara mengatasinya? Ketahui dan simak penjelasannya berikut ini.
Apa itu Dashicons WordPress?
Apa itu Dashicons WordPress? Dashicons adalah sebuah library atau kumpulan dari ikon font resmi dari wordpress. Seperti layaknya library font lain seperti Fontawesome, Bootstrap icon, dashicon dapat digunakan dalam format dan pemanggilan kode seperti biasa. Dashicons pertama kali dirilis pada versi wordpress 3.8, dan memiliki sekitae 303 ikon yang mengesankan.
Dengan hadirnya dashicons di wordpress ini menambah deretan panjang fitur yang diberikan oleh wordpress. Ikon yang tersedia ditampilkan pada halaman dashboad wordpress, Anda dapat melihatnya pada sisi kiri dashboard wordpress.
Ketika Anda menginstall wordpress pada localhost ataupun server lain, secara default dashicons sudah aktif dan dapat digunakan. Silahkan lihat daftar lengkap ikon yang tersedia pada dashicons disini : https://developer.wordpress.org/resource/dashicons/#admin-post.
Cara Menggunakan Dashicon
Ada beberapa cara menggunakan dashicons, baik mengaktifkannya terlebih dahulu hingga cara memanggil font ikon untuk ditampilkan. Berikut ini tahapan cara menggunakan dashicons wordpress.
Aktifkan atau Enable Dashicons WordPress
Tambahkan kode berikut ini pada file function.php, lalu simpan perubahan yang Anda lakukan. Kode ini berfungsi untuk mengaktifkan penggunaan dashicons pada wordpress.
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}
Temukan Ikon yang Ingin Digunakan
Anda harus menentukan ikon mana yang ingin digunakan, lalu Anda cari pada library dashicons wordpress disini: WordPress Develover Resource. Sebagai contoh saya akan menggunakan ikon Admin Menu.
Anda juga harus menentukan ikon akan digunakan dalam bentuk seperti apa dan fungsinya. Dashicons dapat dipanggil menggunakan kode CSS, HTML, Gylph dan PHP. Jika kita cek pada halaman list ikon yang tersedia maka akan tersedia beberapa bentuk pemanggilan ikon, lihat gambar dibawah ini:
Tampilkan Ikon
Seperti sudah dijelaskan pada tahapan sebelum ini, selanjutnya untuk menampilkan ikon. Sebagai contoh dibawah ini, ikon akan digunakan dalam register post type baru. Dalam artian lain, nantinya ikon akan dipanggil pada kode PHP.
/**
* Register the Product post type with a Dashicon.
*
* @see register_post_type()
*/
function wpdocs_create_post_type() {
register_post_type( 'acme_product',
array(
'labels' => array(
'name' => __( 'Products', 'textdomain' ),
'singular_name' => __( 'Product', 'textdomain' )
),
'public' => true,
'has_archive' => true,
'menu_icon' => 'dashicons-menu',
)
);
}
add_action( 'init', 'wpdocs_create_post_type', 0 );
Perhatikan pada potongan kode ‘menu_icon’ => ‘dashicons-menu’, ikon menu dipanggil pada bagian dashicons-menu. Anda dapat mengganti ikon lain sesuai dengan keinginan. Lalu berikut ini cara menggunakannya pada kode HTML, hanya menambahkan class saja “dashicons dashicons-menu” sesuai dengan penamaan ikon:
<span class="dashicons dashicons-menu"></span>
Cara Menghapus Dashicons WordPress
Tidak seperti library ikon font lainnya, dashicons wordpress hanya memiliki ukuran sekitar 30 KB. Meskipun tidak terlalu besar, menonaktifkan atau menghapus ikon font ini saat Anda tidak menggunakannya dapat meningkatkan kecepatan dalam memuat halaman website.
Jika Anda pengguna website atau theme builder wordpress seperti elementor, menonaktifkan ikon font ini sangat disarankan. Silahkan tambahkan kode berikut ini pada file function.php.
function disable_dashicon() {
if (current_user_can( 'update_core' )) {
return;
}
wp_deregister_style('dashicons');
}
add_action( 'wp_enqueue_scripts', 'disable_dashicon' );
Kesimpulan
Dashicons wordpress adalah fitur yang sangat berguna untuk Anda yang ingin menambahkan ikon dalam kebutuhan pengembangan website wordpress. Anda tidak perlu menggunakan ikon lainnya untuk kebutuhan ikon, ikon dashicons sangat ringan, mudah digunakan dan tentunya memiliki dukungan penuh dari wordpress.
Ada beberapa alasan pengguna untuk menonaktifkan fitur ikon ini, yaitu untuk meningkatkan kecepatan situs, tidak terlalu digunakan dalam pengembangan website, ikon terlihat kaku dan lain sebagainya.
Pembahasan kali ini bertujuan untuk memberikan informasi seputar apa itu dashicons wordpress, cara menggunakan dan cara menghapusnya. Semoga pembahasan ini menjawab pertanyaan dan menambah informasi serta pengetahuan Anda. Semoga bermanfaat dan terimakasih.
