Menambahkan Kategori ID ke dalam elemen body dan post class HTML dapat membantu dalam hal penyesuaian tampilan dan optimasi SEO. Dengan demikian, dapat memberikan tampilan atau penataan tertentu pada kategori-kategori yang berbeda.
Ini juga memungkinkan Anda dapat melakukan pengecekan artikel berdasarkan kategori dengan lebih mudah. Pada Artikel ini saya akan membahas secara mendetail bagaimana cara menambahkan Kategori ID ke elemen body dan post class HTML di WordPress.
Pentingnya Kategori ID dalam body dan post class
Dalam pengembangan situs, elemen kategori ID memudahkan pengelolaan konten serta memberikan nilai tambah pada desain dan SEO.
Ketika kita menambahkan kategori ID ke dalam body atau post class, kita dapat menargetkan kategori tertentu dengan lebih mudah melalui CSS dan JavaScript. Misalnya, Anda dapat membuat gaya khusus atau menambahkan fungsi khusus berdasarkan kategori artikel.
Cara Menambahkan Kategori ID ke Body Class
Bagian body_class() pada WordPress memungkinkan kita menambahkan kelas tambahan pada elemen body. Dengan memasukkan kategori ID ke dalam body class, kita dapat memisahkan setiap halaman atau postingan berdasarkan kategorinya.
Langkah-langkah Menambahkan Kategori ID ke Body Class
- Edit File functions.php
Langkah pertama adalah membuka file functions.php pada tema yang sedang digunakan atau aktif. Akses file ini melalui Appearance > Theme Editor di dashboard WordPress atau melalui File Manager di server. Selain itu juga dapat menggunakan fitur FTP Filezilla.
- Tambahkan kustom kode WordPress
Tambahkan kode berikut pada file functions.php untuk menambahkan kategori ID ke dalam body class:
function add_category_id_to_body_class($classes) {
if (is_single()) {
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
foreach ($categories as $category) {
$classes[] = 'category-' . $category->term_id;
}
}
}
return $classes;
}
add_filter('body_class', 'add_category_id_to_body_class');
- Cek kode
Selanjutnya, silahkan simpan perubahan dan lakukan cek kode yang sudah ditambahkan tadi. Buka salah satu artikel atau post yang memiliki kategori, lakukan inspect element atau view source. Cek pada bagian tag HTML body, nantinya ada class dengan awalan category-[angka].
jika artikel atau post memiliki dua kategori, maka akan muncul dua class kategori seperti gambar diatas.
Cara Menambahkan Kategori ID ke Post Class
Selain body class, ingin menambahkan kategori ID ke dalam post class?. Hal ini memungkinkan kita untuk memberikan gaya pada CSS atau fungsi berbeda pada setiap postingan berdasarkan kategori mereka. Cukup mudah, ikuti langkah-langkah dibawah ini:
Langkah-langkah Menambahkan Kategori ID ke Post Class
- Masukkan Kode dalam File functions.php
Sama seperti menambahkan kategori ID ke body class, kita juga akan memasukkan kode dalam file functions.php.
function add_category_id_to_post_class($classes) {
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
foreach ($categories as $category) {
$classes[] = 'category-' . $category->term_id;
}
}
return $classes;
}
add_filter('post_class', 'add_category_id_to_post_class');
Kode di atas menambahkan kategori ID sebagai kelas tambahan pada setiap elemen artikel atau post, yang akan mempermudah untuk mengelola tampilan postingan berdasarkan kategori.
- Simpan dan Uji Perubahan
Simpan perubahan, kemudian lihat halaman artikel yang sudah tayang. Cek elemen post dan pastikan kelas kategori telah ditambahkan.
Rekomendasi! Cara Cepat!
Jika ingin menambahkan kategori id dengan post class juga, dapat menggunakan kode dibawah ini: Tentunya ini sangat menghemat penggunaan kode di wordpress.
Caranya masih tetap sama, tambahkan pada file function.php wordpress. Pastikan sudah melakukan backup sebelum menambahkan kode ini ya!
<?php
function category_id_class($classes) {
global $post;
foreach((get_the_category($post->ID)) as $category)
$classes [] = 'cat-' . $category->cat_ID . '-id';
return $classes;
}
add_filter('post_class', 'category_id_class');
add_filter('body_class', 'category_id_class');
?>
Kesimpulan
Dengan menambahkan kategori ID pada elemen body dan post class, Anda memiliki kontrol lebih besar untuk mengelola gaya menggunakan CSS dan fungsi pada setiap kategori pada situs web.
Langkah-langkah cara menambahkan kategori id body class wordpress tidak hanya membantu dalam segi tampilan, tetapi juga dapat memberikan manfaat pada SEO dengan memperjelas struktur konten. Terima kasih sudah berkunjung semoga bermanfaat ya!
