Modifier footer WordPress, mise en forme texte widgets – TUTORIEL

Modifier footer WordPress (pied de page, bas de page WordPress), mise en forme des Widgets

 

webmaster indépendant Lyon logoC e tutoriel vous explique comment mettre en forme le texte présent dans vos Wiggets WordPress, généralement affichés dans le footer et dans le sidebar (barre latérale) de votre site.
Nous allons voir comment modifier le texte de votre footer (pied de page) et de votre sidebar (colonne latérale ou horizontale).


Vous avez peut-être remarqué qu’une partie du contenu de votre site WordPress n’est pas accessible via l’onglet « pages ». Pour accéder à vos Widgets et ainsi modifier footer WordPress, rendez-vous dans le menu principal de votre WordPress à l’onglet « Apparence »> »Widget »,

Modifier footer WordPress

Dans la colonne à droite de votre écran, vous retrouvez les zones de votre site qui affiche des Widgets. Pour développer les zones de Widget et ainsi avoir accès à leur contenu, cliquez sur la petite flêche en haut à droite.

Dans l’exemple ci-dessous, la zone de Widget « Colonne principale » est développée, on peut voir qu’elle abrite deux zone de texte.

Modifier footer WordPress Widget

Pour intégrer un nouveau Widget dans une zone, cliquez/glissez les modules disponibles.

Note : Pour créer une zone de Widget en plus de celle qu’utilise votre thème, il est nécessaire de mettre les mains dans le code, ce tutoriel « Modifier footer WordPress » ne traitera pas de cet aspect.

Mise en page texte dans widget wordpress

Voyons donc comment « Modifier footer WordPress » en ajoutant du texte et en soignant la mise en forme de nos zones Widget.

 


 

  • Comment modifier footer WordPress (ou sidebar) en mettant du texte en gras ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget (menu principal bouton « Apparence » puis sous menu « widget » – voir image ci-dessus) utilisez les codes suivant avec la balise <strong> pour graisser une partie de votre texte dans le widget WordPress :

Voici un paragraphe avec <strong>ici la partie du texte en gras</strong> et le reste du paragraphe.

La balise <strong> marque le début de la zone de texte à mettre en gras et la balise </strong> ferme la première en marquant la fin du texte à mettre en gras.

 

  • Comment mettre du texte en italique dans un widget texte WordPress ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget utilisez les codes suivants avec la balise <em> pour mettre en italique une partie de votre texte dans le widget WordPress :

Voici un paragraphe avec <em>ici la partie du texte en italique</em> et le reste du paragraphe.

La balise <em> marque le début de la zone de texte à mettre en italique et la balise </em> ferme la première en marquant la fin du texte à mettre en italique.

 

  • Comment mettre du texte en souligné dans un widget texte WordPress ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget utilisez les codes suivants avec la balise <u> pour souligner une partie de votre texte dans le widget wordpress :

Voici un paragraphe avec <u>ici la partie du texte soulingé</u> et le reste du paragraphe avec Mise en page texte dans widget wordpress.

La balise <u> marque le début de la zone de texte à souligner et la balise </strong> ferme la première en marquant la fin du texte à souligner.

 

  • Comment mettre un lien hypertexte dans widget texte pour modifier footer WordPress ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget utilisez les codes suivants pour mettre un lien hypertexte sur une partie de votre texte dans le widget WordPress :

<a href="http://www.becaneweb.net" target="_blank" title="Création site internet Lyon">bécane WEB</a>

Quels sont les autres attributs de TARGET ?

 

  • Comment aller à la ligne dans un widget texte pour modifier footer WordPress ou sidebar ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget utilisez les codes suivants pour forcer la mise à la ligne :

La premier ligne de mon texte<br/>Et maintenant la ligne du dessous

La balise <p> peut également être utilisé pour séparer deux paragraphes. Cette dernière, contrairement à la balise <br/> doit être ouverte en début de paragraphe puis fermée à la fin.
Notons qu’une option au bas de vos « Widget texte » permet de générer automatiquement les sauts de ligne. Pour cela, cocher la case : « Créer automatiquement les paragraphes ».

 

  • Comment insérer une image, un logo dans un widget texte pour modifier footer WordPress ou sidebar ?

Lorsque vous êtes dans la fenêtre d’édition de votre widget utilisez les codes html suivant pour intégrer une image dans le footer de votre WordPress :

 <img src="adresse-image-dans-bibliotheque-media-wordpress.jpg" alt="3 mots pour décrire votre image" width="128" height="128" />

La balise With donne la longueur de l’image et height sa hauteur.

Vous pouvez également mettre un lien sur l’image avec le code :

 <a href="http://www.becaneweb.net" target="_blank" title="Création site internet Lyon"><img src="adresse-image-dans-bibliotheque-media-wordpress.jpg" alt="3 mots pour décrire votre image" width="128" height="128" /></a>

 

Vous connaissez maintenant les bases pour modifier footer WordPress, pour des mise en forme plus compliquées utiliser la méthode décrite dans la vidéo ici.

webmaster freelance Lyon Strasbourg wordpress logo

Pour voir des exemples de site WordPress, rendez-vous sur la page des créations de la bécane WEB Lyon – voir des exemples de site WordPress

Une réflexion au sujet de « Modifier footer WordPress, mise en forme texte widgets – TUTORIEL »

  1. Bonjour,
    Merci beaucoup pour ces précisions qui évitent de « mettre les doigts » dans le fichier footer…!
    Super clair et précis!
    Je vois que vous êtes sur Lyon et justement je vais avoir besoins de mains expertes!!
    Je vous contacte

Laisser un commentaire

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