ANDREA BACCOLINI
Web designer

CSS Design Award nominated

WORDPRESS: ICONE ASSOCIATE AD OGNI CATEGORIA

Argomenti: , , ,

Autore: Andrea Baccolini

WordPress
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).

<?php
foreach((get_the_category()) as $category) {
    echo '' . $category-/>cat_name . '';
}
?>

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+01:00 da Andrea Baccolini
Avatar for 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. Avatar for wido wido scrive:

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

      Quote

  2. Avatar for Duke Duke scrive:

    Grazie ottimo codice, breve e molto utile!

      Quote

COMMENTA QUESTO ARTICOLO!

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

Andrea Baccolini | Web designer Copyright 2012 - 2026 © Responsive design - Seguimi su Facebook - CF:BCCNDR76P08D325K.


Fatal error: Uncaught ArgumentCountError: Too few arguments to function autoptimizeAttributeParser::rebuild(), 1 passed in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php on line 1238 and exactly 2 expected in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php:195 Stack trace: #0 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(1238): autoptimizeAttributeParser::rebuild() #1 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(966): autoptimizeImages->maybe_fix_missing_quotes() #2 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(923): autoptimizeImages->add_lazyload() #3 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): autoptimizeImages->filter_lazyload_images() #4 /home1/andreaba/public_html/wp-includes/plugin.php(206): WP_Hook->apply_filters() #5 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeMain.php(599): apply_filters() #6 [internal function]: autoptimizeMain->end_buffering() #7 /home1/andreaba/public_html/wp-includes/functions.php(5581): ob_end_flush() #8 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): wp_ob_end_flush_all() #9 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(377): WP_Hook->apply_filters() #10 /home1/andreaba/public_html/wp-includes/plugin.php(523): WP_Hook->do_action() #11 /home1/andreaba/public_html/wp-includes/load.php(1308): do_action() #12 [internal function]: shutdown_action_hook() #13 {main} thrown in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php on line 195