Cherche solution forcer automatiquement la taille images déjà insérées (Créer un compte)

  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #504988
    chamomor
    Participant
    Maître WordPress
    1914 contributions

    Bonjour,

    Un message pour les fins connaisseurs de WP, ou les limiers futés.

    Une large majorité d’utilisateurs insèrent très mal leurs contenus, et en particulier les images. Parmi mes client qui m’arrivent avec des blogs à améliorer, je dirais qu’ils sont au moins 50%. Oui, la moitié des blogeurs ne savent pas comment insérer proprement leurs photos et leurs texte. Ils le font en aveugle, advienne que pourra ça n’a qu’à marcher.
    Sauf que ça ne marche pas. Les images qui sont plus larges que 600px déforment évidemment la grande majorité de choix de thèmes possibles.
    L’utilisateur qui passe par exemple d’un thème large vers un thème classique voit toutes ses images déformer son blog.

    Alors évidemment, pour le moment la seule solution est de choisir un thème qui retaille ces images mal insérées. De mon côté je peux intervenir sur la base de données en automatisant un remplacement en masse des tailles d’images. Je sais.

    Mais pas sur l’insertion d’une image modifiée, puisque la modification faite par le blogueur est manuelle. Le résultat sera un code du type width=”822px” height=”200px”
    Totalement particulier donc pas automatisable

    Je me creuse les méninges depuis des mois pour trouver une excellente parade.
    SVP, ne me répondez pas vite fait du genre “utilise le plugin regenerate thumbnail”. Cet excellent plugin et les autres dans le genre sont utiles et précieux, mais encore là ils font une partie du boulot, mais pas ce dont je parle.

    Je me dis qu’il n’y a pas d’autre solution que d’obliger un tel blogueur à utiliser un thème qui prévoit de forcer les images trop grandes à rentrer dans la colonne (dans le moule :fouet:)
    Mais si je suis ici, c’est que j’aimerais bien m’être trompée, et que quelqu’un d’astucieux me dise qu’il a trouvé la solution magique.

    Si oui, partagez-la svp, tous les gens qui me posent la question d’un air désespéré vous en remercieront aussi.

    Merci d’avance
    :D

    #813454
    Lumiere de Lune
    Participant
    Maître WordPress
    19378 contributions

    regarde tout simplement comment est fait twenty eleven

    cela dit j’aurais tendance à penser qu’un max-width avec !important dans le cess du thème devrait suffire

    #813460
    chamomor
    Participant
    Maître WordPress
    1914 contributions

    Bonjour Lumière de Lune,
    Je pense que tu n’as pas compris ma question. Ces derniers temps je me suis demandée souvent si ce n’était pas quelqu’un d’autre qui répondait avec ton pseudo car c’est très différent de ce que je connaissais encore l’an passé. 😎

    Je ne cherchais pas quelque chose pour intégrer dans du code et construire un thème mais pour solutionner un problème rapidement et pour un simple utilisateur lambda.

    J’ai trouvé et c’est grâce au blog de Li-An que j’ai fouillé –l’Echo des Plugins :

    le plugin Hungred Image Fit fait exactement cela : ne retaille pas les images, simplement la force

    Cela dit si quelqu’un a d’autres infos je suis toujours preneuse

    #813461
    Lumiere de Lune
    Participant
    Maître WordPress
    19378 contributions

    Bah c’est la même chose que ce que je te proposais, mais avec un plugin. Il joue sur la largeur maximum, ce que tu peux faire aussi en css. Nulle part dans mon post je n’ai parlé de retailler les images … disons que tu n’as pas plus compris ma réponse que je n’avais compris ta question :D

    #813463
    Guy
    Participant
    Maître WordPress
    14828 contributions

    je n’ai pas tout compris ni tout suivi, mais il me semble qu’agir sur la largeur n’est pas suffisant et que l’on ne peut pas s’affranchir d’un redécoupage des images lorsque l’on veut des tailles d’images ou vignettes identiques et que le rapports hauteur/largeur des images originales ne correspond pas.

    La solution toute faite, qui respecte le mieux toutes ces contraintes mais qui présente les failles de sécurité que l’on a connu est timthumb à mon avis.

    #813464
    chamomor
    Participant
    Maître WordPress
    1914 contributions
    Lumière de Lune wrote:
    Bah c’est la même chose que ce que je te proposais, mais avec un plugin. Il joue sur la largeur maximum, ce que tu peux faire aussi en css. Nulle part dans mon post je n’ai parlé de retailler les images … disons que tu n’as pas plus compris ma réponse que je n’avais compris ta question :D

    C’est le meilleur signe qu’il nous faut d’énormes vacances.

    :lol::lol::lol:

    #813462
    chamomor
    Participant
    Maître WordPress
    1914 contributions
    Guy wrote:
    je n’ai pas tout compris ni tout suivi, mais il me semble qu’agir sur la largeur n’est pas suffisant et que l’on ne peut pas s’affranchir d’un redécoupage des images lorsque l’on veut des tailles d’images ou vignettes identiques et que le rapports hauteur/largeur des images originales ne correspond pas.

    La solution toute faite, qui respecte le mieux toutes ces contraintes mais qui présente les failles de sécurité que l’on a connu est timthumb à mon avis.

    Non, car ce n’est pas activable par n’importe qui en deux minutes.

    Mais là c’est résolu, j’ai fait mon choix.
    Plugin nCode Image Resizer

    j’ai juste modifié le css du plugin pour que ça ne soit pas horrible, et c’est parfait.

    #813459
    Guy
    Participant
    Maître WordPress
    14828 contributions

    De toute façon, j’avais lu trop vite et timthumb ne s’appliquait pas au problème posé, je me demande si la solution de lumière de lune ne convenait pas, un css avec max_width et important sur la balise img du contenu d’un article devrait pouvoir limiter la taille des images trop larges pour le thème.

    #813455
    Lumiere de Lune
    Participant
    Maître WordPress
    19378 contributions
    chamomor wrote:
    C’est le meilleur signe qu’il nous faut d’énormes vacances.

    :lol::lol::lol:

    ça c’est clair, en tout cas en ce qui me concerne 🙂

    #813465
    chamomor
    Participant
    Maître WordPress
    1914 contributions
    Guy wrote:
    De toute façon, j’avais lu trop vite et timthumb ne s’appliquait pas au problème posé, je me demande si la solution de lumière de lune ne convenait pas, un css avec max_width et important sur la balise img du contenu d’un article devrait pouvoir limiter la taille des images trop larges pour le thème.

    Le problème de la classe css avec max_width, est qu’elle ne fonctionne déjà pas dans Internet Explorer. Donc inutilisable.

    Comme déjà dit, je cherche une solution de deux minutes pour tout le monde, pas quelque chose à bidouiller dans un thème. Si je construis un thème je vais évidemment le faire dès le départ proprement, enfin j’espère.

    Le problème c’est pour la majorité des utilisateurs lambdas, comme je disais, 50% de mes clients m’arrivent avec des blogs dont les contenus ont été insérés d’une façon pourrie et inadéquate. Je passe un temps fou à corriger ça chez eux en mode automatique, via des requêtes SQL et autres plugins. Ainsi j’arrive à corriger 80% en quelque heures, contre des semaines entières qu’il faudrait au client pour corriger manuellement.
    Mais il reste les 20% qui déforme les thèmes : les images trop grandes.

    D’où l’idée d’une solution géniale, forcément un plugin. Ceux que j’ai trouvés ne sont pas parfaits, mais ils résolvent bien des choses.

    #813458
    Lumiere de Lune
    Participant
    Maître WordPress
    19378 contributions

    Il est vrai que max-width doit,( comme beaucoup de css3 par ailleurs), être complété par un petit js le temps qu’IE se mette à jour.

    Le css qui s’applique aux images trop larges dans twenty eleven est le suivant :

    img.size-full {
    max-width: 97.5%;
    width: auto;
    }

    Le width: auto; a l’air d’être pris en compte par IE

    Si tu ne veux pas aller coller ce genre de code tout en bas de la feuille de style de ton thème, tu peux te faire un petit plugin vite fait, qui rajoute le style en question (ça vaut le coup de passer à travers la feuille de style de twenty eleven pour voir tous les cas de figure) en créant une petite feuille de style chargée via wp_head()

    ça reste assez simple, et utilisable partout

    #813457
    chamomor
    Participant
    Maître WordPress
    1914 contributions
    Lumière de Lune wrote:
    Il est vrai que max-width doit,( comme beaucoup de css3 par ailleurs), être complété par un petit js le temps qu’IE se mette à jour.

    Le css qui s’applique aux images trop larges dans twenty eleven est le suivant :

    img.size-full {
    max-width: 97.5%;
    width: auto;
    }

    Le width: auto; a l’air d’être pris en compte par IE

    Si tu ne veux pas aller coller ce genre de code tout en bas de la feuille de style de ton thème, tu peux te faire un petit plugin vite fait, qui rajoute le style en question (ça vaut le coup de passer à travers la feuille de style de twenty eleven pour voir tous les cas de figure) en créant une petite feuille de style chargée via wp_head()

    ça reste assez simple, et utilisable partout

    Oui, bien vu, je retiens l’idée du plugin “maison”. Puisque ce n’est pas pour “mon” thème, mais uniquement pour ceux des clients.
    A vrai dire c’est un truc que je fais déjà pour quelques clients quand je ne fais pas du sur-mesure. Et c’est vrai que je pourrai ajouter un bout de classe systématiquement. Il y a un tas de choses qu’on ajoute systématiquement, pourquoi pas celle-là. Je vais tester le côté pratique de la chose et reviendrai dire quoi.

    Note que cette solution revient au même qu’utiliser un plugin existant. Sauf que je ne les connaissais pas.

    #813456
    Lumiere de Lune
    Participant
    Maître WordPress
    19378 contributions

    Le seul avantage – important – que je vois à mettre dans les feuilles de styles, c’est qu’on ne risque pas de rebouziller le thème en désactivant le plugin

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