Cara Tambah Imej Kecil kepada Kategori & Tag WordPress

Kadangkala laman WordPress akan kelihatan lebih bagus jika kami dapat memaparkan imej di sebelah kategori atau tag. Sebagai contoh, kami boleh menambah imej mengenai CSS di dalam “CSS” kategori atau logo HTML5 dalam “HTML” kategori (seperti ditunjukkan di bawah).

Kembali dalam versi 2.9, WordPress menambah keupayaan untuk tambah Thumbnail Imej (kemudian dinamakan semula Imej Pilihan) untuk jawatan, halaman serta jenis pos adat. Ciri Thumbnail Imej ini tidak meliputi Kategori, Tag, dan Taksonomi Khusus, walaupun untuk versi yang lebih lama (kecuali mungkin Taksonomi Khusus, mungkin di WordPress 4.4.)

Terima kasih kepada tip WordPress ini dan plugin Thumbnail Taksonomi, kami boleh melakukan ini untuk kategori dan tag pos kami. Mari lihat bagaimana ini boleh dilakukan dengan beberapa baris kod.

Bermula

Untuk bermula, gunakan plugin ini di laman WordPress anda. Anda boleh memasang plugin sama ada melalui Plugin> Tambah Baru atau melalui FTP. Sebaik sahaja anda telah mengaktifkan pemalam, pergi ke Pos> Kategori. Kini, anda sepatutnya dapat mencari butang tersebut “Tetapkan lakaran kecil“.

Mengklik butang ini akan memaparkan Pengurus Media WordPress. Di sini anda boleh memilih imej yang telah anda muat naik sebelum ini sebagai imej kategori atau anda boleh memuat naik imej anda, menyesuaikannya, dan akhirnya memilihnya sebagai imej kecil imej kategori (atau tag).

Imej akan ditunjukkan di dalam Kategori jadual, membolehkan anda melihat kategori mana yang mempunyai kategori imej yang dilampirkan.

Tag Template

Plugin ini dilengkapi dengan beberapa tag templat berguna untuk mengambil imej yang serupa dengan tag templat Petikan Thumbnail. Dengan cara ini, kita boleh mendapatkan imej kecil terma dengan mudah.

get_term_thumbnail_id ($ term_taxonomy_id): untuk mendapatkan ID imej jangka panjang Taksonomi.
has_term_thumbnail ($ term_taxonomy_id): Untuk memeriksa sama ada istilah Taksonomi mempunyai lakaran kecil atau tidak.
get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Untuk mengunduh semula lakaran taksonomi istilah Taxonomy.

Seperti yang anda dapat lihat di atas, fungsi ini memerlukan ID taksonomi - kategori, tag, atau ID taksonomi khusus - yang boleh anda ambil menggunakan term_taxonomy_id fungsi. Plugin ini dilengkapi dengan beberapa fungsi lain seperti untuk menetapkan dan memadamkan lakaran kecil, tetapi ini cukup untuk sekarang.

Bagaimana Untuk Memaparkan Imej Kecil

Dapatkan senarai Syarat

Pertama kita gunakan get_terms () berfungsi untuk mendapatkan senarai istilah Taksonomi yang dinyatakan - dalam hal ini kita akan mendapatkan syarat dari kategori pos.

  'name', 'order' => 'ASC', 'hide_empty' => benar, 'exclude' => array (), 'exclude_tree' => array () => ',' slug '=> ",' parent '=>",' hierarkis '=> benar,' child_of '=> 0,' childless '=> false,' get '=>', 'name__like' => ", 'description__like' =>", 'pad_counts' => false, 'offset' => ", 'search' =>", 'cache_domain' => 'core' ; $ terms = get_terms ($ taxonomy, $ args); ?>

Output adalah Array yang mengandungi maklumat setiap istilah termasuk term_id, nama, slug, term_group, term_taxonomy_id, keterangan, dll. Sekarang, kita perlu memaparkan istilah itu nama dalam senarai menggunakan untuk setiap gelung, seperti berikut.

 '. $ taksonomi. ':
'; echo ''; foreach (istilah $ sebagai $ istilah) echo $ term-> name;  echo '
'; ?>

Hasilnya kelihatan seperti ini:

Di sini kita mempunyai CSS, HTML, JavaScript, jQuery dan PHP. Kami telah melampirkan imej masing-masing (logo atau ikon) untuk masing-masing terma. Sekarang, kita perlu tahu cara memaparkannya.

Paparkan Thumbnails

Untuk menunjukkan imej kecil imej, kami akan memperluaskannya untuk setiap gelung, seperti dari kod sebelumnya kami.

Kami menambah tag templat, get_term_thumbnail (), untuk mendapatkan lakaran kecil dan kami juga menambah pautan ke halaman arkib istilah.

 jika (! kosong ($ istilah) &&! is_wp_error ($ istilah)) echo ''; foreach (istilah $ sebagai $ istilah) echo ''. $ istilah-> nama. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  echo '
';

Dan hasilnya (selepas CSS tambahan) adalah seperti yang ditunjukkan di bawah:

Plugin ini mempunyai pilihan untuk memilih untuk mengambil semua istilah atau hanya istilah dengan lakaran kecil. Untuk melakukan ini, gunakan parameter di bawah pada get_terms () fungsi:

 $ taxonomy = 'kategori'; $ args = array ('with_thumbnail' => true, // true = dapatkan semula istilah yang mempunyai thumbnail, false = dapatkan semula semua istilah); $ terms = get_terms ($ taxonomy, $ args);

Memohon kepada taksonomi lain

Seperti yang disebutkan, anda boleh menggunakan plugin ini untuk bukan sahaja kategori tetapi juga Taksonomi lain seperti Tags, Pautan Kategori, dan Taksonomi tersuai. Plugin ini berguna untuk membolehkan Thumbnail Imej pada mana-mana Taxonomy seperti Post dan Page.