Menampilkan Nama Kategori di WordPress

8 Juni 2022
Baca 2 menit
488 Views

Daftar Isi

Berikut adalah beberapa contoh kode PHP untuk menampilkan nama kategori pada situs yang dibangun dengan CMS WordPress, kode-kode berikut akan sangat membantu ketika kita ingin melakukan kustomisasi template single post, archive, atau search result page dan yang lainnya.

Menampilkan Nama Kategori WordPress Tanpa Link + Separator

<?php
$categories = get_the_category(); $separator = ', '; $output = '';
if ( ! empty( $categories ) ) {     
foreach( $categories as $category ) {         $output .= $category->cat_name . ' '. $separator;     }    
echo trim( $output, $separator ); } 
?>

atau

<?php $cats = array();
foreach (get_the_category($post_id) as $c) { $cat = get_category($c); array_push($cats, $cat->name); }
if (sizeOf($cats) > 0) { $post_categories = implode(', ', $cats); } 
else { $post_categories = 'Not Assigned'; }
echo $post_categories;
?>

atau

<?php
$categories = get_the_category(); $category_list = join( ', ', wp_list_pluck( $categories, 'name' ) );
echo wp_kses_post( $category_list );
?>

Gunakan salah satu dari kode-kode di atas, kode-kode di atas akan menampilkan nama parents category & child category tanpa link, antara parents category dan child category dipisah dengan koma

Menampilkan Nama Kategori + Link + Separator

<?php the_category(', '); ?>

Kode di atas akan menampilkan parents category + child category disertai link dan dipisah dengan koma

Menampilkan Kategori Utama Saja Tanpa Link

<?php 
$categories = get_the_category();
if ( ! empty( $categories ) ) {
echo esc_html( $categories[0]->name ); }
?>

Kode di atas akan menampilkan kategori utama saja tanpa disertai link

Menampilkan Kategori Utama Saja + Link

<?php
$categories = get_the_category();
if ( ! empty( $categories ) ) {
echo '<a href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '">' . esc_html( $categories[0]->name ) . '</a>'; }
?>

Kode di atas akan menampilkan kategori utama saja disertai link

Menampilkan Kategori Induk Saja Tanpa Link

<?php
$category = get_the_category(); $parent = get_cat_name($category[0]->category_parent);
if (!empty($parent)) { echo $parent; }
else { echo $category[0]->cat_name; }
?>

atau

<?php
$category = get_the_category();
$parent = get_cat_name($category[0]->category_parent);
if (!empty($parent)) {
echo $parent;
} else {
echo $category[0]->cat_name;
}
?>

Kode di atas akan menampilkan nama kategori induk saja tanpa disertai link.

Kesimpulan:

Ada banyak contoh kode untuk menampilkan nama kategori sesuai dengan keinginan kita, di atas hanya beberapa dari sekian banyak contoh yang tersedia, kode-kode di atas dapat diterapkan di templat Oxygen Builder, Elementor atau page builder lainnya, selain itu kode-kode di atas juga bisa diaplikasikan ke file tema yang dimodifikasi.

Klik di sini untuk melihat tutorial WordPress yang lainnya.

Tags: ,

Penulis: Mohammad Ridwanullah

Founder www.zaad.my.id | Author | Web Developer | Alumni Darul Ihsan Sana Daja & Ma'had Al-Ittihad Al-Islami Camplong. Melanjutkan pendidikan S1 Fakultas Syariah di LIPIA Jakarta. Melanjutkan pendidikan S2 di Fakultas Syariah jurusan Fiqh dan Ushul Fiqh di LIPIA Jakarta.

Artikel Terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

file-adduserslaptop-phoneclockdownloadmagnifiercrossmenulistchevron-leftchevron-right linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram