Magic Text Widget est un plugin, une extension WordPress qui après son installation, mettra à votre disposition un widget du même nom, dans la page Widgets de WordPress.
Après avoir glissé un Magic Text Widget dans une zone à widgets ou sidebar de WordPress, vous découvrirez 6 sections de réglages pour mettre en forme du texte et ou des images , sans avoir à écrire du code (image ci-contre).
Vous devez au moins compléter une des zones de texte ou une des zones image pour obtenir un affichage sur votre site.
Génération automatique du code valide
Si vous n’aimez pas ou ne savez pas trop écrire en code dans les Widgets Texte de WordPress, Magic Text Widget est fait pour vous.
En effet, ce plugin WordPress générera automatiquement du code HTML et CSS valide à votre place.
En quelques clics, vous serez capable de modifier police de caractères, couleur de texte, hauteur ou épaisseur des caractères, hauteur des lignes, alignement du texte, marges, …ainsi que de nombreux autres réglages simples et utiles pour les images et le design du bloc créé par le widget.
Google Fonts sélectionnables en 2 clics
La Zone de texte1 aurait pu aussi être nommée zone de titre puisqu’elle offre contrairement à la Zone de texte2, la possibilité de sélectionner, pour l’affichage du texte, une police de caractères plus élégantes parmi 40 Google Fonts disponibles dans Magic Text Widget.
D’autre part, cette Zone de texte 1 sera toujours afficher avant la Zone de texte 2, si du texte est inscrit dans ces 2 sections texte du widget.
Ajouter une image
Dans un Magic Text Widget, vous allez pouvoir ajouter une image comme vous le faites dans vos articles. Vous devrez toutefois veillez à laisser l’adresse du fichier web inscrite dans « Cible du lien » dans la fenêtre du gestionnaire de médias de WordPress.
Dans la section « Ajouter une image », vous pourrez choisir la position de l’image: « avant ou après la zone de texte 1 ». Bien entendu, cette option sera effective seulement si vous aurez utilisé et complété cette section de texte.
Vous pourrez aussi, si vous le souhaitez, ajouter une image comme image de fond. Et si vous avez, au préalable, inscrit un texte dans une des zones de texte, celui-ci sera affiché sur l’image.
Cette fonction sera aussi approprié pour des bannières images d’affiliation, sans texte à ajouter.
Dans la section « Paramètres du contenant » et dans « Couleur ou image de fond : », vous devrez cliquer pour ajouter votre image. Et aussi renseigner les champs « Largeur maximum » et « hauteur » pour que cette image s’affiche sur votre site.
Il faudra ensuite ajouter un lien pour rendre cliquable cette image de fond de votre bannière Magic Text Widget.
Ajouter un lien
La zone ajouter un lien permet de rendre cliquable une bannière générée avec un Magic Text Widget. Il suffit d’inscrire une adresse web dans le champ de cette section.
Appel à l’action
Avec l’ajout d’une adresse web dans la section « lien », vous pouvez ensuite sélectionner une couleur de bouton dans la section « Ajouter un bouton d’appel à l’action » pour créer une véritable bannière « call-to-action ».
Dans le réglage « Couleur du bouton : », vous trouverez en plus, la couleur « Facebook connect ». Ce choix affichera un bouton comme l’image ci-dessous.
Bien entendu, vous pourrez définir le texte qui sera imprimé sur le bouton grâce au réglage « Texte sur le bouton: ».
Alors si comme moi, vous utilisez le service ‘SG-Autorepondeur« , cette option vous permettra de créer rapidement des bannières d’inscription pour la liste de votre choix. Il suffira d’ajouter le lien « Facebook connect » correspondant à votre liste. Ce lien est fourni par SG-Autorepondeur.
Paramètres du conteneur
Avec la section « Paramètres du conteneur : » des Magic Text Widget, vous pourrez redéfinir rapidement le design du bloc web créé par le plugin selon les réglages dans le widget.
En laissant « auto » dans le réglage « Hauteur » de cette section, vous serez assuré que la bannière s’auto-dimensionnera suivant le contenu qui aura été ajouté dans les différentes sections.
Si vous souhaitez une bannière sans bord de couleur, vous devrez indiquer la valeur 0 pour le réglage ‘Épaisseur’ des bords.
D’autre part, les réglages « Marges intérieures », correspondant à l’espace entre les bords et le texte ou l’image, devront également être mis à zéro si vous souhaitez faire disparaître complètement le bloc qui aura été créé par Magic Text Widget.
Les réglages « Marges extérieures » quand à eux, seront à modifier selon votre thème WordPress.
Plus facile et plus pratique
Tous ces réglages dans un seul widget, vous aurons peut être effrayé. Alors pour vous montrez que Magic Text Widget est simple à utiliser, je vous propose de visionner quelques vidéos d’utilisation.
Alors comment ça marche ?
Dans cette première vidéo, vous allez découvrir:
Comment afficher, dans une zone à widgets de votre blog, une citation du jour de manière élégante et sans avoir à écrire du code dans un widget texte et sans avoir à modifier des fichiers de votre thème enfant pour utiliser une Google Font dans votre site.
Comment créer rapidement une bannière d’appel à l’action ?
Dans cette seconde vidéo, vous allez découvrir:
Comment créer rapidement une bannière d’appel à l’action sans avoir à écrire du code dans un widget texte et sans avoir à modifier des fichiers de votre thème enfant pour utiliser une Google Font dans votre site.
LE CONTENU EST RÉSERVÉ AUX ABONNÉS.
Bonjour,
Merci pour ce plugin qui est excellent et qui permet le « tout-en-un » !
Cependant, j’aimerais ajouter la fonction « italique » sur les textes. Est-ce possible et comment m’y prendre ? j’ai ajouté une police d’écriture sans problème mais pour le reste, je ne vois pas comment faire.
Merci pour votre réponse.
Bonjour,
Merci pour votre commentaire.
En effet, il reste quelques fonctions à ajouter au Widget Magic Text Widget …pour qu’il soit définitivement inutile d’écrire du code dans les Widgets texte de WordPress.
‘italique’ bien sûr et c’est noté pour la prochaine mise à jour …en route !
Cordialement,
Merci !! et puis, tant qu’on est dans les modifs à prévoir…. j’ose ? allez oui, j’ose ! lol ! sur la première zone de texte, on peut ajuster l’espacement des caractères, mais pas sur la deuxième… et parfois, ça peut être utile…enfin moi, ça me serait utile…lol !
Et puis aussi (oui je sais j’abuse, et même pas honte !), j’aurais bien aimé pouvoir ajouter une ombre portée sur le widget, je trouve que ça ferait sympa pour qu’il se détache bien du fond.
Enfin bref… je sais que ça va vous prendre du temps mais il est tellement bien, ce widget que je n’utilise plus que celui-là !! et pour les gens qui, comme moi, ne sont pas des pros, c’est vraiment le truc génial !! merci encore !
Bonjour,
Votre widget a l’air super, malheureusement je ne le trouve pas dans les extensions wordpress… Pouvez-vous m’aider?
Bonjour Jennifer,
Magic Text Widget est disponible uniquement sur ce site et est offert aux abonnés,
Inscrivez-vous, c’est gratuit !
Cordialement,
José
Bonjour José !
Super boulot, merci ;-).
Est-ce que ton plug in fonctionne sur les page de capture créées avec optimizepress ?
Merci pour ta réponse,
Grégory
Bonjour Grégory,
Merci pour le commentaire.
Magic Text Widget peut être utilisé avec tous les thèmes WordPress, il suffit de disposer d’une zone à widgets ou sidebar …ou de la créer comme je l’explique dans cet article. Magic Text Widget fonctionne donc avec le thème OptimizePress si on choisi le layout avec sidebar.
Par contre, en ce qui concerne les modèles de pages de capture composés avec le Live Editor, ils ne disposent d’aucunes zones à widgets. Donc il n’est pas possible d’y insérer un Magic Text Widget.
Cordialement,
José
Bonjour,
Et merci pour cet outil très utile 🙂
Je rencontre une difficulté et espère que vous pourrez m’aider à la résoudre : comment puis-je centrer le titre du widget? En effet, le titre se met automatiquement sur la gauche de la page et je souhaiterais le centrer par rapport aux blocs textes et image.
D’avance merci pour votre aide!
Jessica
Bonjour Jessica,
Merci pour votre commentaire.
En fait, l’alignement du titre du widget Magic Text Widget est commun à tous les Widgets de votre site. Et Il est déterminé par le code CSS du fichier ‘style.css’ dans votre thème.
Si vous souhaitez modifier cet alignement pour tous les widgets éditez le fichier « style.css » dans le dossier du thème utilisé et recherchez « widget-title ».
Ajouter la ligne suivante (si pas de text-align) :
text-align: center;
(remplacer ‘left’ par ‘center’ si texte-align)
Bien entendu, avant toutes modifications pensez à faire une sauvegarde de vos fichiers et aussi à créer un thème enfant WordPress pour préserver vos modifications lors des prochaines mise à jour du thème wordpress parent.
Bien cordialement,
José KOST
Je trouve bien pratique de pouvoir créer des textes attrayants sans aucune prise de tête avec « magic text widget » dans mes widgets.
Pendant longtemps, je me suis emmerdifié à créer des formulaires de capture à la main en me référençant à tout un tas de palettes pour le CSS, et là, mes formulaires sont réalisés en 2 coups de cuillère à pot avec « magic text widget ». Ça change la vie !
Bonjour Philippe,
Bienvenue ici et merci pour le commentaire.
En fait, j’étais comme toi et c’est pour cela que je me suis mis à créer des plugin WordPress:
pour gagner du temps!
Mais pour les formulaires, je suppose que tu veux parler de Crealist-SG
Cordialement,
José
Bonjour,
Sur un site en cours de passage sur WP j’utilise Divi v2 j’ai voulu utiliser votre widget, il se trouve qu’il bloque la fonction « personnaliser » et « Couleurs » du thème Divi. Il est impossible de sauvegarder le changement de couleur effectuer, d’autres personnalisations fonctionnent, mais je n’ai pas vérifier s’il y en avait qui avait le même problème.
C’est juste pour vous en informer, pour ma part je suis reparti dans « pisser des lignes html »
Bravo pour ce widget.
JPC
Bonjour,
Merci pour votre commentaire et ce problème qui ne m’avait pas encore été signalé.
Cela sera corrigé dans quelques jours avec la nouvelle version du plugin.
Surveillez vos emails !
Bien cordialement,
José
Slt!
Comment dire.. qd on débute sur WP? c’est un peu le premier plug qui te sauve la vie XD
Merci
Salut,
Merci à toi pour le commentaire.
Cordialement,
José
Bonjour,
Je suis toujours aussi fan de ce plugin « magique » qui fait tout ! j’aurais juste une question, voire un regret : on peut mettre une image avant ou après la zone de texte 1, mais pas à gauche et à droite… Or, bien évidemment, c’est à gauche que je voudrais en insérer une !
Est ce que c’est possible ? et surtout, comment faire ?
Merci par avance de votre réponse
Marie
Bonjour Marie,
Merci pour votre commentaire!
En fait cette option n’est pas disponible pour l’instant mais c’est noté pour une future mise à jour
Bien cordialement
José
Bonjour,
merci énormément pour ce plug-in, il est fantastique, il y a longtemps que je recherchais quelque chose du genre. Félicitations et merci!
Bonjour,
Merci pour votre commentaire!
Une mise à jour est sur le point d’arrivée.
Surveillez vos emails.
Bien cordialement,
José
Merci beaucoup José, cela m’a été très utile. Martine
Bonjour,
Merci beaucoup José, très utile, cependant je suis un peu bloquée !! dans le texte de la zone 1 je souhaiterais appliquer l’attribut « gras » que sur une partie du texte, est-ce possible ? sinon est-ce qu’il est possible de trouver les mêmes possibilités d’encadrement pour le widget text intégré à WordPress ? encore un grand merci à tous ceux qui partagent leur savoir. Marie.
Bonjour Marie,
Merci pour votre commentaire.
Non, ce n’est possible. Mais le widget dispose de 2 zones de texte que vous pouvez formater comme vous le souhaitez.
Oui, mais si vous souhaitez encadré le contenu texte entré dans un widget texte de wordpress, il faudra entré en plus du code HTML et CSS!
Bien cordialement,
José