Ajouter une photo à un widget ?
-
Bonjour !!
Serait il possible d’ajouter une photo que j’associerais à un widget dans la colonne de droite de mon blog ? Bonne journée !!L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Bonjour Jean-Claude,
Tu es certain que c’est à un widget que tu veux associer ton image ou bien à une adresse url ? -
Salut Geneviève !!
Regarde dans ma colonne de droite de mon site « CONSEILS PHYTO-AROMATIQUES DE CATHERINE BONNAFOUS » Je voudrais mettre une photo à coté de ce titre. Il s’agit bien d’un widget ? Non ? -
Pour un widget texte que tu souhaites mettre à cet endroit, tu peux y mettre un image avec l’adresse url à l’arrière.
Comment je fais personnellement ?
J’ouvre un article, j’y insère mon image avec la largeur de mon widget environ 300 ou 350 pixels en largeur avec ton logiciel de retouches d’image. Tu insères cette image dans ton article privé, et ensuite en faisant clic sur l’image tu vois le crayon et tu ajoutes le lien dans lien personnalisé où tu mets le lien url qui mène vers son article. Si c’est cela que tu veux. Sur cet article tu cliques sur texte, tu fais copier de tout le langage html et ensuite tu le mets dans ton widget texte. Enregistrer, terminer. Et tu regardes sur ton site ce que cela donne. J’espère que cela marchera. :-) -
Je ne sais pas si on s’est bien compris. Je voudrais mettre la photo de kathy en dessous du widget « CONSEILS PHYTO-AROMATIQUES PAR CATHERINE BONNAFOUS ». tu me parles de lien URL vers son article.
-
Ok, c’est pareil pour le début de mon explication.
J’ouvre un article, j’y insère mon image avec la largeur de mon widget environ 300 ou 350 pixels en largeur avec ton logiciel de retouches d’image. Tu insères cette image dans ton article privé,
Ensuite,
Sur cet article tu cliques sur texte, tu fais copier de tout le langage html et ensuite tu le mets dans ton widget texte. Enregistrer, terminer. Et tu regardes sur ton site ce que cela donne.
Et tu mettras ton widget avec l’image de Catherine là où tu le souhaites dans la liste de ta colonne de droite.
Est-ce plus clair ? Bonne soirée à toi. -
-
Dans un article, tu as mode visuel et mode texte ou html. Ceci pour que tu puisses copier le texte html et le mettre en le collant dans ton widget.
Je t’ai donné ce petit truc que j’utilise pour faire simple ;-) -
ça je connais. Je l’ai fait. Je l’ai peut être mal fait. La photo tu l’inserres directement par l’éditeur ou avec un hébergeur d’images via un code ?
-
Bonjour,
Je l’insère dans les médias de mon blog ou site. C’est plus pratique :-)
A ce propos, je viens d’aller sur le site et je n’y vois pas de photo. Tu l’as peut-être enlevée ?
Allez fonce, c’est facile :-) -
Voilà ce que j’ai collé.
<h3 class= »heading »>CONSEILS PHYTO-AROMATIQUES PAR CATHERINE BONNAFOUS <img class= »alignnone size-full wp-image-32451″ src= »https://spotjardin.files.wordpress.com/2017/12/cathy2.jpeg » alt= »cathy » width= »96″ height= »96″ /></h3>
La photo de Cathy n’apparait pas.
-
Bonsoir,
Je viens d’essayer sur mon windows10 en mode texte dans un article et tout est visible.
Sauf que mettre tout cela dans un widget n’a pas de sens. Pourquoi ne pas agrandir ton image que tu as mise en 96 x 96 pixels alors que tu peux facilement aller jusqu’à 300 x 300 pixels, ceci à partir de l’image d’origine.
Quant au titre dans ton widget, pourquoi l’agrandir ?
Nous parlons bien widget ?
Tu mets le titre simplement sur ton widget texte et ensuite
<img class="alignnone size-full wp-image-32451" src="https://spotjardin.files.wordpress.com/2017/12/cathy2.jpeg" alt="cathy" width="300" height="300" />
J’essaierais ceci dans ton widget. Avant cela tu prends ta photo d’origine et tu la diminue à 300 x 300 -
Salut Geneviève !!
J’ai fait ce que tu m’as dit. J’ai collé ceci. Il n’y a que le titre de mon widget qui apparait sans la photo.
<h3 class= »heading »>CONSEILS PHYTO-AROMATIQUES PAR CATHERINE BONNAFOUS <img class= »alignnone size-full wp-image-32467″ src= »https://spotjardin.files.wordpress.com/2017/12/cathy.jpg » alt= »cathy » width= »300″ height= »300″ /></h3>
-
Bonjour,
Tu n’as pas recopier le code que j’ai mis ci-dessus. C’est ce que je te conseille de faire. Tu verras après pour le titre ;-)
C’est normal, c’est trop grand avec le code h3 devant le titre ;-)
Tu mets ceci avec un titre en minuscules. Les majuscules prennent de la place et tu verras après.
Dans un widget texte tout est permis.
Conseils phyto-aromatiques par Catherine Bonnafous <img class="aligncenter size-full wp-image-32467" src="https://spotjardin.files.wordpress.com/2017/12/cathy.jpg" alt="cathy" width="300" height="300" />J’ai rajouté le terme center à « align », ton image sera ainsi centrée.
Bonne journée. -
J’ai copié ton code ci dessus que j’ai collé dans mon widget. Il ne ressort que le titre en majuscules alors qu’il était en minuscules. C’est bizarre.
-
Excuse-moi là j’éclate de rire vis à vis de la machine. Je crois qu’elle veut te faire des blagues. C’est en effet étrange.
Avec ce que je t’ai donné comme information, je ne puis pas en faire davantage. A toi de chercher un peu, je suis certaine que tu vas y arriver.
Ce que je fais perso, je vais dans un article privé et c’est là que je fais mes essais. Ensuite copier -coller de mon texte html ou mode texte dans l’article. Si tu as des majuscules c’est que le code h3 est resté traîné quelque part au début de ta phrase.
Bonne journée -
Salut Geneviève !!
J’ai trouvé comment faire il suffisait que je crée un widget « HTML personnalisé » en y mettant un titre. Et pour éviter le doublon du titre avec mon widget « Menu de navigation » je l’ai supprimé sur ce dernier widget. En fait pour résumer il faut créer un widget « Menu de navigation » pour y mettre les publications et un widget « HTML personnalisé » pour mettre une photo se rapportant au widget « Menu personnalisé ». Tu peux regarder dans ma colonne de droite. J’ai pu mettre comme ça deux photos de Cathy. -
Super ! C’est résolu.
Pour les widgets, je n’ai pas les mêmes dénominations. Pour expliquer, c’est pas pareil là. Comme quoi avec un peu de recherche, tu as pu trouver. Je suis contente pour la photo de cette dame et de ce qu’elle vous a transmis à tous.
Bonne journée. Je met le sujet en résolu. -
Effectivement je suis tombé sur le widget adéquate. Je n’avais certainement pas fait attention qu’il existait.
-
Je suis retournée dans mes widgets, et j’ai effectivement vu qu’il y avait ceci :
Code HTML arbitraire
Ce qui n’empêche pas que le widget Texte est tout aussi valable, je l’utilise moi-même. Bonne soirée.
- Le sujet ‘Ajouter une photo à un widget ?’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 