Kuinka lisätä pikkukuvat WordPress-luokkiin ja tunnisteisiin

Joskus WordPress-sivusto näyttää paljon mukavammalta, jos pystyimme näyttämään kuvan luokkien tai tunnisteiden vieressä. Voimme esimerkiksi lisätä kuvan CSS: stä “CSS” luokka tai HTML5-logo “HTML” luokka (kuten alla).

Takaisin versiossa 2.9 WordPress lisäsi mahdollisuuden lisää kuvan pikkukuva (myöhemmin nimetty uudelleen Esitetty kuva) postitse, sivulle ja muokatulle postityypille. Tämä kuvan pikkukuvan ominaisuus ei kata luokka-, tunniste- ja mukautettua taksonomiaa edes myöhemmille versioille (paitsi ehkä mukautettu taksonomia, mahdollisesti WordPress 4.4.)

Tämän WordPress-kärjen ja Taxonomy Thumbnail -laajennuksen ansiosta voimme tehdä tämän postikategorioihimme ja tunnisteisiimme. Katsotaanpa, miten tämä voidaan tehdä muutamalla koodirivillä.

Päästä alkuun

Aloita tämä laajennus WordPress-sivustoosi. Voit asentaa laajennuksen joko kautta Lisäosat> Lisää uusi tai FTP: n kautta. Kun olet aktivoinut laajennuksen, siirry osoitteeseen Lähetä> Kategoriat. Nyt sinun pitäisi pystyä löytämään painike “Aseta pikkukuva“.

Napsauttamalla tätä painiketta näkyy WordPress Media Manager. Täällä voit valita kuvan, jonka olet aiemmin ladannut luokkakuvana, tai voit ladata kuvan, muokata sitä ja valita sen lopuksi kategorian (tai tunnisteen) pienoiskuvaksi.

Kuva näkyy Kategoria taulukko, jonka avulla voit nähdä, mihin luokkaan on liitetty kuvaluokka.

Mallin tunnisteet

Tämä laajennus sisältää joitakin käteviä mallitunnisteita, jotka voivat hakea kuvia, jotka ovat samanlaisia ​​kuin Postin pikkukuvan mallitunnisteet. Näin voimme hakea termin pikkukuvan helposti.

• get_term_thumbnail_id ($ term_taxonomy_id): saat taksonomian termin pikkukuvan tunnuksen.
• has_term_thumbnail ($ term_taxonomy_id): Jos haluat tarkistaa, onko taksonomian termillä pikkukuva vai ei.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Palauta taksonomian termi pikkukuva.

Kuten edellä näet, näihin toimintoihin tarvitaan taksonomian tunnus - luokka, tunniste tai mukautettu taksonomian tunnus, jonka voit hakea käyttämällä term_taxonomy_id toimia. Lisäosassa on muutamia muita toimintoja, kuten pikkukuvan asettaminen ja poistaminen, mutta nämä ovat nyt riittäviä.

Pienoiskuvien näyttäminen

Hae ehdot -luettelo

Ensin käytämme get_terms () toimittaa luettelot määritellyn taksonomian ehdoista - tässä tapauksessa saamme ehdot postiluokasta.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'sulkee' => array (), 'sulkea_tree' => array (), 'sisältää' => array (), "numero" => "," kentät '=>' kaikki ',' slug '=> "," vanhempi "=>", "hierarkkinen" => totta,' child_of '=> 0,' lapsettomat '=> väärät,' saat '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>", "haku" => "," cache_domain' => 'ydin',) ; $ terms = get_terms ($ taxonomy, $ args); ?> 

Lähtö on Array, joka sisältää informaation kustakin termistä, mukaan lukien term_id, nimi, etana, term_group, term_taxonomy_id, kuvaus, jne. Nyt meidän on näytettävä termi nimi luetteloissa käyttämällä jokaiselle silmukka seuraavasti.

 '. $ taksonomia. ':
'; echo '
'; foreach ($ termit kuten $ term) echo $ term-> name;  echo '
'; ?> 

Tulos näyttää tältä:

Tässä meillä on CSS, HTML, JavaScript, jQuery ja PHP. Olemme liittäneet kunkin kuvan (logo tai kuvake) ehdot. Nyt meidän on tiedettävä, miten niitä näytetään.

Näytä pikkukuvat

Voit näyttää kuvan pikkukuvan laajentamalla jokaiselle silmukka, kuten edellisestä koodistamme.

Lisäämme mallimerkin, get_term_thumbnail (), saat pikkukuvan ja lisäämme myös linkin termin arkistosivulle.

 jos (! tyhjä ($ terms) &&! is_wp_error ($ terms)) echo ”
'; foreach ($ termejä $ termillä) echo ”
 ". $ term-> nimi. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'kategoria-peukalo', $ attr ="). '
';  echo '
';  

Ja tulos (lisätyn CSS: n jälkeen) on alla esitetty:

Lisäosassa on vaihtoehtoja hakea kaikki ehdot tai vain ehdot pikkukuvilla. Voit tehdä tämän käyttämällä alla olevaa parametria get_terms () toimia:

 $ taxonomy = 'kategoria'; $ args = array ('with_thumbnail' => true, // true = hae termit, joissa on pikkukuva, false = hae kaikki termit); $ terms = get_terms ($ taxonomy, $ args); 

Käytä muita taksonomiaa

Kuten mainittiin, voit käyttää tätä laajennusta paitsi luokkiin myös muuhun taksonomiaan, kuten Tunnisteet, Linkkikategoria, ja Mukautettu taksonomia. Tämä laajennus on hyödyllinen, kun haluat ottaa käyttöön kuvan pikkukuvan millä tahansa taksonomialla aivan kuten Postissa ja Sivulla.