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

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #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 ?

    #566009
    z720
    Membre
    Maître WordPress
    579 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…

    #566010
    z720
    Membre
    Maître WordPress
    579 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.

    #566011
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 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à.

    #566012
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

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

    #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

    #566014
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 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.

    #566015
    Oo
    Membre
    Maître WordPress
    2486 contributions

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

    Merci

    Oo

    #566016
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 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;” />

    #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.

    #566018
    AmO
    Participant
    Maître WordPress
    4452 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 ^^

    #566019
    Magouya
    Membre
    Initié WordPress
    18 contributions

    Parfais AmO! 🙂

    #566020
    Oo
    Membre
    Maître WordPress
    2486 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

    #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

    #566022
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

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

15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.