WordPress : Retina prêt pour les images téléchargées qui sont recadrées

Publié par Jean-Michel le

J’ai utilisé la recherche mais je n’ai pas trouvé la bonne réponse à mon problème.

J’ai développé un thème qui, sur le modèle de portfolio, prend l’image sélectionnée des différents éléments du portfolio et les recadre à une taille fixe (add_image_size) pour les adapter à la grille générale. Jusqu’ici pas de problème 😉

Lire également:  Wordpress : comment_form() génère la mauvaise URL d'action

Mais que se passe-t-il si je veux que toutes les images téléchargées personnalisées soient « prêtes pour la rétine ». Je sais qu’il existe des scripts ( retina.js) qui recherchent sur le serveur s’il existe une version plus grande/@2x de l’image et les prennent. Mais si l’image est recadrée par la fonction add_image_size(Ex : the_post_thumbnail('custom-thumb');), l’image double/plus grande n’aura aucun effet dessus ?

Lire également:  Wordpress : Comment imprimer les informations en pied de page

Ai-je raison? Comment puis-je résoudre ce problème ?

Solution n°1 trouvée

Désolé, je n’ai pas de code spécifique, mais voici comment je le ferais:

Définissez deux tailles de téléchargement, une normale et une double pour la rétine à l’aide de ‘add_image_size’.

Utilisez le filtre ‘wp_handle_upload_prefilter’ pour ajouter l’extension ‘@2x’ uniquement aux images de plus grande taille.

Lire également:  Modifier le nombre d'éléments du portefeuille sur la page d'accueil Wordpress Cubic Theme

Ensuite, utilisez retina .js comme d’habitude.

Cette page contient du code utilisant ce filtre pour renommer les images téléchargées, il vous suffit de l’adapter pour ne renommer que des téléchargements spécifiques : http://wordpressapi.com/2012/01/11/change-uploaded-image-name-to-post -slug-pendant-le-téléchargement-utilisant-des-variables/

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *