Vous n'êtes pas identifié.
Annonce
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
#1 05-09-2008 15:25:27
- krysttof
- Habitué WP
- Date d'inscription: 19-10-2007
- Messages: 82
Description de l'image et Titre du lien
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : 2.6.1
- Thème utilisé : défaut fr
- Plugins en place : par défaut
- Nom de l'hebergeur : localhost
- Adresse du site : localhost
Problème(s) rencontré(s) :
Bonjour à tous,
Deux question sur les images insérées.
1) Quand j'insère une image, quand et où apparaît le texte saisi dans le champ Description ?
2) Quand je modifie une image insérée, dans la fenêtre Options avancées, je voudrais savoir quand et où apparaît le texte saisi dans le champ Titre de la zone Options avancées du lien.
Merci de votre aide
Hors ligne
#2 05-09-2008 16:52:23
Re: Description de l'image et Titre du lien
Bonjour,
La description est en fait la balise "alt". C'est-à-dire qu'il s'agit du texte qui apparait si l'image ne se charge pas ou si tu laisses le curseur quelques secondes sur la photo. Pour le titre, je pense que c'est la même chose, ou qu'il ne sert à rien car c'est une image qui fait le lien et non un texte. WP a également tenté d'incorporer une fonction qui entoure la photo d'un cadre avec une légende qui correspondrait à la description, a priori. Mais ce n'est pas très efficace et très restrictif pour la mise en page.
Voilà, je ne sais pas si j'ai été très utile :p
La situation étant désespérée, rien n'est impossible !
Hors ligne
#3 05-09-2008 17:14:10
- krysttof
- Habitué WP
- Date d'inscription: 19-10-2007
- Messages: 82
Re: Description de l'image et Titre du lien
En regardant le code HTML, tu peux voir que le contenu du champ Titre correspond à la valeur d'attribut title de l'élément img; que le contenu du champ Légende, correspond à la valeur de l'attribut caption.
Le contenu du champ Description n'est pas, semble-t-il inséré.
Est-ce juste un champ de description de l'image pour la galerie de l'article ?
Dernière modification par krysttof (05-09-2008 17:14:26)
Hors ligne
#4 08-09-2008 13:41:26
- krysttof
- Habitué WP
- Date d'inscription: 19-10-2007
- Messages: 82
Re: Description de l'image et Titre du lien
Quelqu'un à une piste, une idée, une réponse ?
Merci d'avance !
Hors ligne
#5 11-09-2008 09:44:59
- krysttof
- Habitué WP
- Date d'inscription: 19-10-2007
- Messages: 82
Re: Description de l'image et Titre du lien
Personne n'utilise ce champ ?
Pas une petite idée ?
Un petit coup de main please !
Hors ligne
#6 11-09-2008 10:45:31
Re: Description de l'image et Titre du lien
Bonjour,
Et bien si, on l'utilise, y compris pour afficher de magnifiques oeuvres d'art comme tu peux en trouver une ici, un exemple tout à fait au hasard... (Désolé, long à l'affichage ces derniers temps).
Or, le code correspondant à cette photo est le suivant :
Code:
- [caption id="attachment_187" align="alignnone" width="300" caption="Il teste le béton de la piscine des parents de ma femme, car il est très bricoleur"]<a href="http://maitremo.fr/wp-content/01082008928.jpg"><img class="size-medium wp-image-187" title="Mon fils à un an" src="http://maitremo.fr/wp-content/01082008928-300x225.jpg" alt="Mon fils le jour de ses douze mois" width="300" height="225" /></a>[/caption]
Or, tu retrouves à l'affichage tout ce que j'ai entré dans les rubriques que tu citais, à savoir, comme te le disait, mais en assimilant les deux champs, Bep, ci-dessous, bien sur la "caption", donc la légende, le titre ou title, qui est en fait le message qui s'inscrit en infobulle sur la photo si tu y laisses ta souris un instant, et enfin la description, qui n'apparaît pas à l'écran, et pour cause, c'est là qu'il avait raison : elle ne sert que si, pour une raison ou pour une autre, ton image ne parvient pas à s'afficher, c'est le texte qui s'affichera à sa place, et qui est entré derrière "alt".
Le distinguo entre title et alt est donc que le premier s'affiche au contact de la souris, le second à la place de l'image si problème, et l'intérêt est que les deux textes peuvent, évidemment, être différents - je n'ai pas fait l'essai de ne pas entrer de "title" dans mes codes pour voir si "alt" prend sa place en infobulle également, dans ce cas.
Pour répondre à Bep en ce qui concerne les légendes, Amaury avait écrit un super article sur la façon de les intégrer, non pas à wp puisqu'elles le sont maintenant par défaut, mais à son thème, qui ne les prend pas toujours en compte : je ne retrouve pas l'adresse de l'article, mais il y donnait un code à ajouter à sa feuille de style, et je te le donne donc ci-dessous (j'y ai mis 3 lignes entre /* et */ car la validation ne les aimait pas chez moi...).
Voilà !
Code:
- /* Begin Images */
- p img {
- padding: 0;
- max-width: 100%;
- }
- img.centered, img.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- img.alignright {
- padding: 4px;
- margin: 0 0 2px 7px;
- display: inline;
- }
- img.alignleft {
- padding: 4px;
- margin: 0 7px 2px 0;
- display: inline;
- }
- .alignright {
- float: right;
- }
- .alignleft {
- float: left;
- }
- /* End Images */
- /* Légendes (caption) */
- .aligncenter, div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .wp-caption {
- border: 1px solid #ddd;
- text-align: center;
- background-color: #f3f3f3;
- padding-top: 4px;
- margin: 10px;
- /* -moz-border-radius: 3px;
- -khtml-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px; */
- }
- .wp-caption img {
- margin: 0;
- padding: 0;
- border: 0 none;
- }
- .wp-caption p.wp-caption-text {
- font-size: 11px;
- line-height: 17px;
- padding: 0 4px 5px;
- margin: 0;
- }
- /* End captions */
Y a pas que le Code, y a aussi le code...
Ne vous fiez pas trop à mon nombre de messages, je ne suis pas bavard pour rien ! Mon véritable grade c'est "ignorant", option "demoinsenmoinsmaispartiderien"...
Sinon, attention : testis unus, testis nullus, et de minimis non curat praetor !
Hors ligne
#7 11-09-2008 16:04:52
- krysttof
- Habitué WP
- Date d'inscription: 19-10-2007
- Messages: 82
Re: Description de l'image et Titre du lien
Merci Maître Mô pour cette explication. J'ajoute que le texte alternatif est très important pour l’accessibilité des sites web pour les personnes handicapées.
Hors ligne