Créer des widgets textes

Mise à jour le 24 août 2008 @ 15:03

La plupart des widgets qui se trouvent dans la barre latérale ou le pied de page d’un blog sont prévus par les développeurs des plugins. Il suffit en général de les placer à l’endroit souhaité, éventuellement de leur donner un titre et de les personnaliser en cochant les cases proposées ou en complétant le texte.

Mais il est parfois nécessaire de créer des widgets textes. Dans ce cas, il faut les écrire en HTML, voire en PHP. Dans ce dernier cas, il faut avoir installé et configuré un plugin comme Exec-php.

C’est ce que j’avais réalisé pour afficher un widget dans la barre latérale, pour afficher manuellement les nouveaux articles / nouvelles pages sur mon blog, avant d’utiliser le plugin Recent Posts.

Créer un widget texte

  • dans le panneau d’administration du blog, aller dans Apparence > Widgets,
  • choisir, dans la liste déroulante à droite de l’écran, où l’on souhaite créer le widget : barre latérale, pied-de-page,…
  • dans la partie gauche, cliquer sur Ajouter à côté du mot Texte, le widget est ajouté,
  • dans la partie droite de l’écran, cliquer alors sur Modifier dans le widget Texte,
  • saisir le titre du widget et le code html dans le corps du widget.

Saisir le code HTML (ou PHP) dans le corps du widget

Voir l’article Pourquoi utiliser l’éditeur HTML de WordPress ? pour quelques éléments HTML.

Remarque : dans l’exemple suivant, j’ai ajouté des sauts de lignes et des commentaires pour plus de lisibilité.

<ul> //création d'une liste non ordonnée 
<li>Traduction de <a href="http://liseweb.fr/page...">Exec-PHP version 4.8</a>
 <small><i><font color="#CC3333">(MàJ 06/07/08/08)</font></i></small></li>
// <li></li> élément de la liste
// <small></small> taille du texte plus petite
// <i></i> texte en italique
// <font color="#CC3333"></font> couleur de la police
 
<li>Traduction de la <a href="http://liseweb.fr/page...">documentation Exec-PHP</a> 
<small><i><font color="#CC3333">(MàJ 06/07/08)</font></i></small></li>
 
<li>Utiliser le plugin <a href="http://liseweb.fr/page...">Recent comments</a>
<small><i><font color="#CC3333"> (03/07/08)</font></i></small></li>
 
<li>Traduction de <a href="http://liseweb.fr/page...">Subscribe2 version 4.8</a>
<small><i><font color="#CC3333">(MàJ 03/07/08/08)</font></i></small></li>
 
<li><a href="http://liseweb.fr/page...">Créer une feuille de style pour le thème dKret</a> 
<small><i><font color="#CC3333">(MàJ 28/06/08)</font></i></small></li>
 
<li>A venir : Créer des widgets textes</li>
</ul> // balise de fermeture de la liste non ordonnée
  • cliquer sur Changer dans le widget,
  • puis sur le bouton Enregistrer les modifications.

Ne pas oublier cette dernière étape, sinon, vous devrez tout recommencer !!


Ecrit par Lise - Site
Mot(s)-clé(s) , ,

5 commentaires

Ecrire un commentaire»
  1. RV69

    Bonjour Lise, j’utilise le widget texte pour afficher des news sur la barre latérale mais mon souci c’est que des news, j’en ai pas tous les jours alors je voudrais pouvoir masquer ce widget texte temporairement pour éviter de le supprimer et de le recréer de nouveau. As-tu une solution à me proposer ?

    J’avais pensé créer un article particulier que je publie ou pas selon les news mais je voudrais voir apparaitre dans ma barre latérale le titre et le contenu de cet article plutôt que le lien vers l’article et le titre du widget (« Articles récents »). Sais-tu si c’est réalisable ?

    Merci pour ton aide.

    PS:j’ai posté ce problème sur http://www.wordpress-fr.net/support/sujet-15915-afficher-contenu-article-widget
    mais je n’ai pas eu de solution satisfaisante.

  2. A priori, je n’ai pas d’idée.

    Christine avait publié un article sur un petit widget
    http://liseweb.fr/BLOG/?p=748
    peut-être cela te conviendrait-il même si cela ne répond pas directement à ta question.

  3. RV69

    Bonjour Lise, j’ai pu résoudre mon problème à l’aide du plugin « Improved Include Page » (http://www.vtardia.com/improved-include-page/) qui permet d’afficher facilement le contenu d’un article ou d’une page. Je l’ai intégré directement dans la sidebar mais j’aurai pu également le mettre dans le widget texte avec le plugin Exec-php.

    Merci pour ton aide.

  4. Bonjour Lise.
    J’utilise également exec-php et j’en suis plutôt satisfait mais j’ai lu ici et là qu’il n’était pas recommandé car facilitait le piratage.
    J’ai eu des soucis de ce côté là sur mon blog mais je ne suis pas persuadé que exec-php y soit pour quelque chose, d’ailleurs, je l’utilise toujours.

  5. Il y a effectivement quelques risques si on ne prend pas les précautions nécessaires.
    Exec-PHP permet d’exécuter du code, donc oui, cela peut-être dangereux.
    Il faut faire attention à certaines options de configuration comme il est précisé dans la documentation

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.


  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectifs.


Connexion à WordPress protégée par Clef