L'Écho des Plugins WP

Widget Icon

7

Rajouter une icône aux titres de vos widgets

Widget Icon permet de mettre une icône au niveau du titre de vos widgets. Pour ne pas alourdir le chargement de votre site avec plein de petites images, le plugin ne vous offre que le choix entre deux fontes spéciales très populaires Elusive et Awesome. Ça limite le choix mais c’est bon pour les visiteurs: une fonte est bien plus souple et s’adapte par exemple à la taille de l’écran.
Et tant qu’à faire, le plugin vous propose d’utiliser ces icônes dans le contenu de vos textes avec un code du genre <i class="elusive icon-adjust"></i>.
Le plugin est bien pensé et vous permet de caler au pixel près l’alignement des icônes et leur taille.

Gestion des widgets

icon-widget01

Rendu visuel

icon-widget02

[alert type= »info » icon-size= »big »]- site de l’extension : https://wordpress.org/extend/plugins/widget-icon/
– compatibilité à ce jour: WP 3.3 > WP 3.7.1 (fonctionne sous WP 3.8.1)
– version testée: 1.1.3
[/alert]

7 réponses à « Widget Icon »

  1. Avatar de Marie-Aude
    Marie-Aude

    Excellente idée, je vais tester tout de suite !

    Répondre
    1. Avatar de Li-An
      Li-An

      Dans le cas de site qui nécessite un coup de projecteur sur les widgets, ça donne bien je trouve.

      Répondre
  2. Avatar de Denat
    Denat

    Bonjour,

    Il y a moyen de faire simplement sans plugin, également:

    Pour une class « icon-xxx » affichant un icone, cette fonction permet de faire le job:

    function insert_icon_in_title( $current_title ) {
    if (empty($current_title )) return  »;
    $title_new= »;
    $title = explode( « | », $current_title , 2 );
    if (sizeof($title)===2) $title_new .= « « .$title[1];
    else $title_new .= « « .$title[0];
    return $title_new. » » ;
    }
    add_filter ( ‘widget_title’, ‘insert_icon_in_title’ );

    Il suffit de rentrer comme titre de widget « icon-xxx | mon titre de widget »

    Et l’icone apparaîtra .

    Répondre
    1. Avatar de Li-An
      Li-An

      Oui, je sais bien, je l’avais même réalisé avec de vraies petites icônes en CSS mais je rappelle que les plugins sont là pour simplifier la vie des gens qui ne maîtrisent pas le code où n’ont pas le temps de bidouiller.
      Merci quand même :-)

      Répondre
  3. Avatar de Denat
    Denat

    Tout à fait d’accord, mais je pense qu’il est bien de toujours donner deux solutions, une avec plugin, l’autre sans ;)

    Répondre
  4. Avatar de Asso CECL
    Asso CECL

    Bonjour et merci pour ce widget. Connaissez-vous un autre plugin qui ferait la même chose pour tout lien qui serait publier dans un article, une page… histoire de bien mettre en valeur les liens HTML ??

    Répondre
    1. Avatar de Li-An
      Li-An

      Vous pouvez jeter un oeil sur http://wordpress.org/plugins/sem-external-links/ ou http://wordpress.org/plugins/link-icons/ sinon vous pouvez le faire vous-même avec un peu de CSS. http://webdesign.about.com/od/examples/l/bl_style_links_examples.htm et http://www.psyked.co.uk/css/auto-matic-link-icons.htm

      Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *