ANDREA BACCOLINI
Web designer

CSSAward nominated
CSS Design Award nominated
CSS Reel Award nominated

WORDPRESS: ICONE ASSOCIATE AD OGNI CATEGORIA

Argomenti: , , ,

Autore: Andrea Baccolini

WordPress: icona per ogni categoria
Nov
14
2014

Avevo la necessità di utilizzare le icone per ogni categoria in un sito su WordPress, come un indizio visivo per aiutare le persone a identificare i contenuti nella homepage. Fortunatamente questo è abbastanza facile da realizzare in WordPress poichè ogni categoria ha il proprio numero ID che possiamo utilizzare per visualizzare le immagini.

È possibile utilizzare il seguente codice nel tema in cui si desidera visualizzare l’immagine basta sostituire example.com/images con il percorso della cartella sul tuo sito e il nome delle icone 1.jpg, 2.jpg, 3.jpg e così via , prendendo il numero corrisponde ai vostri ID di categoria (Es: se l’ID della categoria è 21 l’icona si chiamerà 21.jpg o 21.ico).

Trovare l’ID della categoria è molto semplice, basta :

  • andare in Categorie dal pannello di controllo
  • posizionarsi col cursore sopra la categoria di cui si vuole conoscere l’ID, e in basso a destra nel vostro browser, vedrete comparire una lunga stringa… Il numero finale rappresenta l’ID della categoria in WordPress.

 

 

WORDPRESS: ICONE ASSOCIATE AD OGNI CATEGORIA ultima modifica: 2014-11-14T14:18:26+00:00 da Andrea Baccolini

Articolo scritto o tradotto da Andrea Baccolini

Web designer freelance di Padova.
Specializzato in siti internet moderni, convalidati W3C e responsive.
Realizza temi per il CMS Wordpress. Indicizzazione sui motori di ricerca.

2 commenti

  1. wido scrive:

    Ottima soluzione, rapida e veloce, farne una funzione è ancora meglio, così da poterla agganciare dove serve 🙂

      Quote

  2. Duke scrive:

    Grazie ottimo codice, breve e molto utile!

      Quote

COMMENTA QUESTO ARTICOLO!

Per favore compila il captcha (richiesto):

Andrea Baccolini | Web designer Copyright 2012 - 2017 © Responsive design - Seguimi su Facebook e su Google+ - CF:BCCNDR76P08D325K.