• Passer au contenu principal
  • Accueil
  • A propos
  • Services WordPress
  • Plugins WordPress
  • Espace Abonnés
  • Contact

José Kost - Services WordPress - Création Site Internet

Des solutions pour créer, gérer, maintenir et faire évoluer votre site en WordPress

Vous êtes ici : Accueil / Magic Text Widget : arrêtez de lutter avec le code HTML …dans les Widgets de WordPress

Magic Text Widget : arrêtez de lutter avec le code HTML …dans les Widgets de WordPress

Widget magic-text-widget
Un Magic Text Widget déplié dans une zone à Widgets de WordPress

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.

bouton-facebook-connect

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.

Interactions du lecteur

Commentaires

  1. hollinger dit

    28 mars 2014 à 08:39

    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.

    Répondre
    • José Kost dit

      28 mars 2014 à 10:57

      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,

      Répondre
  2. hollinger dit

    29 mars 2014 à 09:21

    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 !

    Répondre
  3. Jennifer dit

    15 avril 2014 à 13:37

    Bonjour,

    Votre widget a l’air super, malheureusement je ne le trouve pas dans les extensions wordpress… Pouvez-vous m’aider?

    Répondre
    • José Kost dit

      15 avril 2014 à 15:02

      Bonjour Jennifer,

      Magic Text Widget est disponible uniquement sur ce site et est offert aux abonnés,

      Inscrivez-vous, c’est gratuit !

      Cordialement,

      José

      Répondre
  4. Grégory dit

    7 mai 2014 à 19:45

    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

    Répondre
    • José Kost dit

      8 mai 2014 à 01:04

      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é

      Répondre
  5. jessica dit

    20 août 2014 à 15:06

    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

    Répondre
    • José Kost dit

      20 août 2014 à 16:26

      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

      Répondre
  6. Philippe Gras dit

    16 octobre 2014 à 22:27

    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 !

    Répondre
    • José Kost dit

      16 octobre 2014 à 23:10

      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é

      Répondre
  7. Chocho dit

    22 janvier 2015 à 10:28

    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

    Répondre
    • José Kost dit

      23 janvier 2015 à 02:05

      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é

      Répondre
  8. Nico dit

    24 mai 2015 à 16:19

    Slt!
    Comment dire.. qd on débute sur WP? c’est un peu le premier plug qui te sauve la vie XD

    Merci

    Répondre
    • José Kost dit

      24 mai 2015 à 19:57

      Salut,
      Merci à toi pour le commentaire.
      Cordialement,
      José

      Répondre
  9. Marie dit

    10 août 2015 à 14:46

    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

    Répondre
    • José Kost dit

      11 août 2015 à 18:20

      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é

      Répondre
  10. Sylvain C. dit

    31 août 2015 à 00:07

    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!

    Répondre
    • José Kost dit

      2 septembre 2015 à 14:30

      Bonjour,
      Merci pour votre commentaire!
      Une mise à jour est sur le point d’arrivée.
      Surveillez vos emails.
      Bien cordialement,
      José

      Répondre
  11. Cuny dit

    18 mars 2016 à 15:24

    Merci beaucoup José, cela m’a été très utile. Martine

    Répondre
  12. bastion dit

    12 avril 2016 à 14:32

    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.

    Répondre
    • José Kost dit

      13 avril 2016 à 17:27

      Bonjour Marie,

      Merci pour votre commentaire.

      dans le texte de la zone 1 je souhaiterais appliquer l’attribut “gras” que sur une partie du texte, est-ce possible ?

      Non, ce n’est possible. Mais le widget dispose de 2 zones de texte que vous pouvez formater comme vous le souhaitez.

      sinon est-ce qu’il est possible de trouver les mêmes possibilités d’encadrement pour le widget text intégré à WordPress ?

      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é

      Répondre

Laisser un commentaire Annuler la réponse

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Copyright © 2019 · José Kost - Services WordPress · Conditions Générales d'Utilisation · Mentions Légales

Cliquer ici pour abandonner
Ajouter un formulaire
En continuant votre navigation sur ce site, vous acceptez l'utilisation des cookies pour vous offrir un service optimal. Ok