web-dev-qa-db-fra.com

Génère des tailles d'image fixes pour différentes pages, élimine les tailles lors du téléchargement

J'ai construit quelques sites dans Wordpress et en général, je suis assez satisfait de toutes les possibilités qu'il a développées récemment. Il y a une chose qui est complètement déroutante pour les utilisateurs finaux; les tailles qu'ils doivent choisir lors de l'utilisation d'une image. Ils ne comprennent vraiment pas le concept de pixels, mais ils oublient également de choisir une taille de toute façon. C'est très exigeant.

Venant de systèmes de gestion de contenu tels que Expression Engine, je suis habitué au téléchargement du fichier par l'utilisateur final. Les tailles sont générées à l'aide d'ImageMagick (ou similaire) via le modèle/thème. Donc, il n'aura jamais à choisir une taille. Cela a également l'avantage que les images sont constamment les mêmes dans les curseurs, etc.

Alors, y a-t-il moyen de simplifier cette procédure? Aucune option de taille, redimensionnement uniquement lorsque cela est nécessaire sur une page et dans la taille exacte.

imagesimage-sizeimage-resize
1
noregt

Les utilisateurs ne devraient rien savoir sur la taille des images. Demandez-leur simplement de télécharger des images aussi grandes que nécessaire et votre travail consiste à faire en sorte que WordPress fasse le reste.

Lorsqu'un utilisateur télécharge une image, WordPress génère autant d'images que vous en avez déclaré add_image_size() .

Un exemple du codex pour votre fichier functions.php:

if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
    add_image_size( 'homepage-thumb', 220, 180, true ); //(cropped)
}

En ce qui concerne les modèles, il existe différentes manières d’obtenir ces tailles d’image. the_post_thumbnail() est probablement le plus courant.

the_post_thumbnail('category-thumb');
// or
the_post_thumbnail('homepage-thumb');

aurait les deux tailles d'image que nous avons configurées il y a une seconde.

Après avoir lu le codex, vous remarquerez que certaines tailles sont recadrées. Si vous téléchargez une image 1000x500 et demandez à add_image_size de créer une image carrée, quelque chose doit disparaître. Wordpress le fera à partir du centre par défaut , mais vous pouvez également autoriser les utilisateurs à les créer eux-mêmes pour une meilleure direction artistique. http://wordpress.org/plugins/post-thumbnail-editor/ est un exemple de plug-in, il y en a quelques autres. http://codecanyon.net/item/theia-smart-thumbnails/3160252 semble également très intéressant. Au lieu de définir les cultures pour chacune, l'utilisateur clique sur la partie "intéressante" de la photo et le plug-in génère (supposément) toutes les cultures afin que le point central reste dans l'image.

Éditer: Quelques autres options de redimensionnement d'image à la volée. Notez que je n’ai essayé aucune de ces solutions: https://github.com/syamilmj/Aqua-Resizer
https://Gist.github.com/seedprod/1367237
http://wordpress.org/plugins/image-resizer-on-the-fly/

3
Will