Skip to content

Menulis HTML di Dalam Kategori Produk WooCommerce

Content Ads by Google!

TokoDaring.Com – Menulis HTML di Dalam Kategori Produk WooCommerce. Anda mungkin tidak menyadari bahwa sebenarnya script HTML bisa di tuliskan di dalam deskripsi kategori. Itu karena sebagian besar tema WordPress memang tidak menggunakannya.

Feed Ads by Google!

Artikel terkait :

Menyembunyikan Angka Nol Di Belakang Koma Harga WooCommerce (Trailing Zero)

Tetapi tahukah Anda bahwa field deskripsi kategori bisa di tuliskan script HTML yang biasanya TAG dan tentu saja bisa disematkan gambar. Nah, berikut adalah petunjuk bagaimana anda bisa menuliskan HTML di dalam kategori WooCommerce.

Snippet code untuk menulis html di dalam kategori produk WooCommerce

Secara default, WordPress memang menghilangkan kemampuan untuk menuliskan HTML di dalam kategori WooCommerce. Tambahkan kode berikut ke dalam file function.php child theme atau melalui plugin editor yang memungkinkan penambahan fungsi kustom.

Hindari menambahkan kode kustomisasi khusus secara langsung ke dalam file function.php tema induk Anda karena ini akan dihapus seluruhnya saat Anda memperbarui tema. Untuk WordPress term description, lihat referensinya di term_description().

/*
 * Menulis HTML di dalam kategori produk WooCommerce
 *
 */

// mencegah HTML dilucuti dari deskripsi istilah
foreach ( array( 'pre_term_description' ) as $filter ) {
	remove_filter( $filter, 'wp_filter_kses' );
	if ( ! current_user_can( 'unfiltered_html' ) ) {
		add_filter( $filter, 'wp_filter_post_kses' );
	}
}
 
// mencegah HTML dihapus saat menggunakan fungsi deskripsi
foreach ( array( 'term_description' ) as $filter ) {
	remove_filter( $filter, 'wp_kses_data' );
}

Menyiapkan tema Anda untuk mengizinkan deskripsi kategori/taksonomi

Selanjutnya ini adalah tutorial agar pemanfaatan untuk menulis HTML di dalam kategori produk WooCommerce bisa memaksimalkan fungsi SEO website toko daring anda. Buka file category.php Anda di dalam file tema Anda, lalu pilih di mana Anda ingin deskripsi kategori dimunculkan, biasanya yang bisa dipilih adalah di atas atau di bawah katalog produk.

Feed Ads by Google!

<h1 class="title"><?php printf( __( 'Category Archives: %s', 'appthemes' ), '<span>' . single_cat_title( '', false ) . '</span>' ); ?></h1>

<?php
$cat_desc = category_description();
if ( ! empty( $cat_desc ) ) {
    echo apply_filters( 'category_archive_meta', '<div class="cat-desc">' . $cat_desc . '</div>' );
}
?>

Jika anda ingin hal yang sama untuk taksonomi khusus? Ganti saja category_description() dengan term_description(). Dan jika Anda benar-benar ingin memaksimalkannya pada TAG, gunakan tag_description().

Banyak hal yang menguntungkan dari pemanfaatan kustomisasi ini. Bukan hanya cara yang baik untuk menyediakan deskripsi konten tambahan pada setiap kategori, term, maupun tag. Tetapi deskripsi tambahan tersebut juga merupakan cara yang simple untuk memasukkan lebih banyak keyword dan frasa untuk membantu upaya Pengoptimalan Mesin Pencari (SEO).

Sekarang, apa yang mungkin Anda perhatikan adalah ketika / jika Anda mencoba memasukkan tag html apa pun ke dalam deskripsi tersebut, tag tersebut akan sering hilang setelah Anda menyimpannya (terkadang tag sederhana untuk huruf tebal dan miring dan sejenisnya akan disimpan, tetapi sebagian besar hal lainnya akan hilang).

Anda dapat menuliskan HTML di dalam kategori, term maupun TAG WooCommerce tersebut.

// mengizinkan HTML di dalam deskripsi kategori dan taxonomi

remove_filter( 'pre_term_description', 'wp_filter_kses' );
remove_filter( 'pre_link_description', 'wp_filter_kses' );
remove_filter( 'pre_link_notes', 'wp_filter_kses' );
remove_filter( 'term_description', 'wp_kses_data' );

yang perlu diperhatikan bahwa kode diatas akan menghapus fitur keamanan asli yang diterapkan WordPress pada bidang tersebut. Jika Anda memiliki beberapa penulis dengan akses ke situs website Anda, atau menjalankan blog yang mengijinkan orang-orang menulis post via frontend, maka ini mungkin saja dapat menimbulkan risiko keamanan karena kode berbahaya menjadi dapat dimasukkan dan di eksekusi.

Feed Ads by Google!

Situs website besar dengan banyak penulis mungkin ingin tidak mengizinkan html di area deskripsi tersebut. Jika situs website anda berukuran normal, dengan hanya beberapa penulis, seharusnya anda tidak akan memiliki masalah. Tapi yang pasti setiap situs website yang anda jalankan sudah memiliki langkah-langkah keamanan lain, seperti menggunakan plugin keamanan.

Artikel terkait :

Content Ads by Google!

Related Ads:

Related Ads by Google!