[Résolu] Modification des paramètres d'insertion image par défaut

Statut : non résolu

Ce sujet contient 19 réponses, 8 participants et a été mis à jour pour la dernière fois par artxtra, le il y a 18 années et 5 mois.

15 sujets de 1 à 15 (sur un total de 20)

1 2 →

Auteur

Messages
6 octobre 2005 à 21 h 58 min #446491
imported_BenKenobi
Membre

Padawan WordPress
93 contributions
Lorsque l’on insère une image dans un post en cliquant sur le bouton « img » des paramètres préétablis sont utilisés par défaut. Ainsi on obtient ensuite ce genre de balise :
```
<img src="xxxxxxxx" alt="yyyyyyyy" />
```
où xxxx représente le lien vers l’image et y le titre de remplacement de l’image au cas où elle manquerait.
Je souhaiterais pouvoir mettre par défaut (donc lorsque je clique sur « img ») dans cette même balise ce genre d’info :
```
<img src="xxxxxx" alt="yyyyyy" title="zzzzzzzz" align=left hspace=6 vspace=3/>
```
où zzzz représente l’info bulle qui apparaitra.

Comment faire ?
7 octobre 2005 à 10 h 23 min #566009
z720
Membre

Maître WordPress
578 contributions
Il faut modifier le fichier quicktags.js dans le dossier wp-admin de WordPress.
En fin du fichier il y a une function :
```
function edInsertImage(myField) {
	var myValue = prompt(‘Enter the URL of the image’, ‘http://’);
	if (myValue) {
		myValue = ‘<img src="' 
				+ myValue 
				+ '" alt="' + prompt('Enter a description of the image', '') 
				+ '" />‘;
		edInsertContent(myField, myValue);
	}
}
```
Pour ta modifi il faudrait la remplecer par cela :
```
function edInsertImage(myField) {
	var myValue = prompt(‘Enter the URL of the image’, ‘http://’);
	if (myValue) {
		myValue = ‘<img src="' 
				+ myValue 
				+ '" alt="' + prompt('Enter a description of the image', '')
 				+ '" title="' + prompt('Entrer info-bulle','') 
				+ '" align="left" hspace="6" vspace="3" />‘;
		edInsertContent(myField, myValue);
	}
}
```
Je n’ai pas testé (pas de WP sous la main), mais ça devrait faire l’affaire…
7 octobre 2005 à 10 h 26 min #566010

z720
Membre

Maître WordPress
578 contributions

J’ai oublié l’avertissement :

Attention, dans la prochiane version de WordPress (1.6) ce fichier n’existera plus. Les boutons seront remplacé par un éditeur WYSIWIG (Ce que tu vois, c’est ce que tu as) pour le contenu des articles.

7 octobre 2005 à 11 h 30 min #566011

benkenobi
Participant

Maître WordPress
4068 contributions

Je vais essayer cette modification. Quant à la version 1.6, pour le moment elle n’est pas encore disponible donc on verra à ce moment là.

7 octobre 2005 à 13 h 45 min #566012

benkenobi
Participant

Maître WordPress
4068 contributions

OK C’est parfait ! ça fonctionne impeccable… Merci beaucoup.

10 octobre 2006 à 17 h 26 min #566013

Magouya
Membre

Initié WordPress
18 contributions

Hello, je voulais savoir si ce systeme marche aussi pour la verion 2.0.4??
Je cherche à faire exactement la même chose que BenKenobi!

J’ai inséré exactement le même code que précédemment (mais cette fois dans le fichier quicktags.js du dossier wp-includes, car il n’y en avait pas dans le dossier wp-admin!), et ca ne change rien!

Quelqu’un pourrais il m’aider?
merci

10 octobre 2006 à 18 h 58 min #566014

benkenobi
Participant

Maître WordPress
4068 contributions

D’ailleurs il faudrait en profiter pour faire en sorte que la solution proposée soit W3C compliant car ce que je proposais précédement ne l’est pas.

Et ce serait intéressant de savoir comment intégré tout ça par défaut dans WP 2.0.4 afin que l’intégration d’image dans un post devienne plus simple.

11 octobre 2006 à 9 h 43 min #566015

Oo
Membre

Maître WordPress
2484 contributions

Merci d’avoir relancer la discussion ^^ Je suis friand de la réponse !!! mais également pour les liens URL ^^

Merci

Oo

11 octobre 2006 à 12 h 09 min #566016

xavier
Participant

Maître WordPress
2124 contributions

Pour faire du W3C compliant, il faut remplacer les attributs non valides (align=left hspace=6 vspace=3) par leur équivalent CSS, au pire en ajoutant un attribut style à l’élément , par exemple :

<img src="xxxxxx" alt="yyyyyy" title="zzzzzzzz" style= »float: left; margin: 3px 6px; » />

11 octobre 2006 à 12 h 49 min #566017

Magouya
Membre

Initié WordPress
18 contributions

Hello,
oui mais dans ce cas ce bout de code il faut le rajouter après avoir envoyé l’image à l’éditeur…
Hors je voudrais qu’il y soit déjà, par défaut, lorsque la personne clique sur « envoyer à l’éditeur ». 😕

Pour que les images insérées dans chaques posts aient systématiquement des marges, sans que l’utilisateur n’aie besoin de toucher au code html de son message.

11 octobre 2006 à 13 h 39 min #566018

AmO
Participant

Maître WordPress
4443 contributions

Une solution pour les marges peut consister à utiliser intelligemment les CSS

Tu entoure la fonction par un

Et dans le CSS tu met #theContent img { margin : 3px 6px; }
Et hop… c’est appliqué à tout les images de tes articles ^^

11 octobre 2006 à 13 h 58 min #566019

Magouya
Membre

Initié WordPress
18 contributions

Parfais AmO! 🙂

11 octobre 2006 à 15 h 02 min #566020

Oo
Membre

Maître WordPress
2484 contributions

Salut,

Pour ma part, je voyais cela un peu différemment…

Lors de l’ajout d’une image ou d’une URL, lorsque je clique sur « link » ou « img » dans l’éditeur, WP m’ouvre une fenetre avec une URL à ajouter. J’aimerais également qu’il me demande le title [title= « xxxxxx »] et alt [alt= « yyyyyyyy »].

Je souhaite également que les URLs [lien hypertexte et pas les images] puissent s’ouvrir automatiquement sur une nouvel fenêtre [target= « _blank »]…

Car actuellement, je suis obliger de les ajouter à la main et parfois c’est pénible ^^

Merci de votre aide

Oo

11 octobre 2006 à 15 h 32 min #566021
artxtra
Participant

Chevalier WordPress
149 contributions
Si on veut que la valeur de title soit la même que alt :
```
function edInsertImage(myField) {
	var myValue = prompt(‘Enter the URL of the image’, ‘http://artxtra.info/img/’);
	var myTitreImage = prompt(‘Attribut title’);
	if (myValue) {
		myValue = ‘<img src="' 
				+ myValue 
				+ '" alt="' + myTitreImage + '" title="' + myTitreImage + '" />‘;
		edInsertContent(myField, myValue);
	}
}
```
Si alt différent de title, alors :
```
function edInsertImage(myField) {
	var myValue = prompt(‘Enter the URL of the image’, ‘http://artxtra.info/img/’);
	var myTitreImage = prompt(‘Attribut title’);
var myAltImage = prompt(‘Attribut alt’)
	if (myValue) {
		myValue = ‘<img src="' 
				+ myValue 
				+ '" alt="' + myAltImage + '" title="' + myTitreImage + '" />‘;
		edInsertContent(myField, myValue);
	}
}
```
J’avais fait ça pour la balise a, pour avoir hreflang et title à saisir à chaque fois :
```
function edInsertLink(myField, i, defaultValue) {
	if (!defaultValue) {
		defaultValue = ‘http://’;
	}
	if (!edCheckOpenTags(i)) {
		var URL = prompt(‘Enter the URL’ ,defaultValue);
		var TITRE = prompt(‘title=’);
		if (URL) {
		var LANG = prompt(‘Langue’);
			edButtons[i].tagStart = ‘<a href="' + URL + '" title="' + TITRE +'">‘;
			edInsertTag(myField, i);
		}
	}
	else {
		edInsertTag(myField, i);
	}
}
```
On peut aller plus loin en ajoutant un prompt pour les class, pourquoi pas…

La modif de a marche moi, je n’ai pas essayé celle d’img, merci de me dire si c’est OK ou pas.

Pour le target= »_blank », on peut rajouter :
```
edButtons[i].tagStart = ‘<a href="' + URL + '" title="' + TITRE +'" target="_blank">‘;
```
Ou bien, vu que ce n’est pas recommandé par le W3C, passé par le script suivant, sur les pages web, à l’usage de l’internaute : script de 456BereaStreet
18 octobre 2006 à 20 h 55 min #566022

benkenobi
Participant

Maître WordPress
4068 contributions

Bon voilà de bonnes pistes de réflexions… et même plus encore.
Va falloir que j’essai tout cela moi.
Auteur

Messages