Cara Menambahkan Gambar Kecil ke Kategori & Tag WordPress

Terkadang situs WordPress akan terlihat jauh lebih bagus jika kami dapat menampilkan gambar di samping kategori atau tag. Misalnya, kami dapat menambahkan gambar tentang CSS di “CSS” kategori atau logo HTML5 di “HTML” kategori (seperti yang ditunjukkan di bawah).

Kembali di versi 2.9, WordPress menambahkan kemampuan untuk tambahkan Gambar Mini Gambar (kemudian diganti nama Gambar Unggulan) untuk posting, halaman serta jenis posting kustom. Fitur Gambar Mini Gambar ini tidak mencakup Kategori, Tag, dan Taksonomi Kustom, bahkan untuk versi yang lebih baru (dengan pengecualian mungkin Taksonomi Kustom, mungkin di WordPress 4.4.)

Berkat tip WordPress ini dan plugin Thumbnail Taksonomi, kami dapat melakukan ini pada kategori dan tag posting kami. Mari kita periksa bagaimana hal ini dapat dilakukan dengan beberapa baris kode.

Mulai

Untuk memulai, gunakan plugin ini di situs WordPress Anda. Anda dapat menginstal plugin melalui Plugin> Tambah Baru atau melalui FTP. Setelah Anda mengaktifkan plugin, buka Posting> Kategori. Sekarang, Anda harus dapat menemukan tombolnya “Tetapkan thumbnail“.

Mengklik tombol ini akan menampilkan WordPress Media Manager. Di sini Anda dapat memilih gambar yang sebelumnya Anda unggah sebagai gambar kategori atau Anda dapat mengunggah gambar Anda, menyesuaikannya, dan akhirnya memilihnya sebagai gambar mini kategori (atau tag).

Gambar akan ditampilkan di Kategori tabel, memungkinkan Anda untuk melihat kategori mana yang memiliki kategori gambar terlampir.

Tag Templat

Plugin ini dilengkapi dengan beberapa tag template berguna untuk mengambil gambar yang mirip dengan tag template Post Thumbnail. Dengan cara ini, kita dapat mengambil thumbnail istilah dengan mudah.

• get_term_thumbnail_id ($ term_taxonomy_id): untuk mendapatkan ID thumbnail istilah Taksonomi.
• has_term_thumbnail ($ term_taxonomy_id): Untuk memeriksa apakah istilah Taksonomi memiliki thumbnail atau tidak.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Untuk mengambil kembali thumbnail istilah Taksonomi.

Seperti yang Anda lihat di atas, fungsi-fungsi ini memerlukan ID taksonomi - kategori, tag, atau ID taksonomi khusus - yang dapat Anda ambil menggunakan term_taxonomy_id fungsi. Plugin ini hadir dengan beberapa fungsi lagi seperti untuk mengatur dan menghapus thumbnail, tetapi ini sudah cukup untuk saat ini.

Cara Menampilkan Gambar Kecil

Dapatkan daftar Ketentuan

Pertama kita menggunakan get_terms () berfungsi untuk mendapatkan daftar ketentuan Taksonomi yang ditentukan - dalam hal ini kita akan mendapatkan persyaratan dari kategori pos.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'exclude' => array (), 'exclude_tree' => array (), 'include' => array (), 'number' => ", 'fields' => 'all', 'slug' =>", 'parent' => ", 'hierarchical' => true, 'child_of' => 0, 'childless' => false, 'dapatkan '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?> 

Outputnya adalah Array yang mengandung informasi dari setiap istilah termasuk term_id, nama, siput, term_group, term_taxonomy_id, deskripsi, dll. Sekarang, kita perlu menampilkan istilah itu nama dalam daftar menggunakan untuk setiap loop, sebagai berikut.

 ' $ taksonomi. ':
'; gaung
'; foreach ($ terms as $ term) echo $ term-> name;  gema '
'; ?> 

Hasilnya terlihat seperti ini:

Di sini kita memiliki CSS, HTML, JavaScript, jQuery dan PHP. Kami telah melampirkan gambar masing-masing (logo atau ikon) untuk masing-masing ketentuan. Sekarang, kita perlu tahu cara menampilkannya.

Tampilkan Gambar Kecil

Untuk menampilkan gambar mini gambar, kami akan memperluas untuk setiap loop, seperti dari kode kami sebelumnya.

Kami menambahkan tag template, get_term_thumbnail (), untuk mendapatkan gambar mini dan kami juga menambahkan tautan ke halaman arsip istilah.

 if (! empty ($ terms) &&! is_wp_error ($ terms)) echo '
'; foreach ($ terms as $ term) echo '
'. $ term-> name. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  gema '
';  

Dan hasilnya (setelah CSS ditambahkan) adalah seperti yang ditunjukkan di bawah ini:

Plugin memiliki opsi untuk memilih untuk mengambil semua istilah atau hanya istilah dengan thumbnail. Untuk melakukan ini, gunakan parameter di bawah ini pada get_terms () fungsi:

 $ taxonomy = 'kategori'; $ args = array ('with_thumbnail' => true, // true = mengambil istilah yang memiliki gambar mini, false = mengambil semua istilah); $ terms = get_terms ($ taxonomy, $ args); 

Berlaku untuk taksonomi lainnya

Seperti yang disebutkan, Anda dapat menerapkan plugin ini untuk tidak hanya kategori tetapi juga Taksonomi lainnya seperti Tag, Kategori Tautan, dan Taksonomi Pabean. Plugin ini berguna untuk mengaktifkan Gambar Mini pada Taksonomi apa saja seperti di Pos dan Halaman.