{"id":230552,"date":"2022-12-02T18:01:00","date_gmt":"2022-12-02T15:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230552"},"modified":"2022-11-09T22:55:34","modified_gmt":"2022-11-09T19:55:34","slug":"redimensionner-les-images-par-programmation-dans-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/redimensionner-les-images-par-programmation-dans-wordpress\/","title":{"rendered":"Redimensionner les images par programmation dans WordPress"},"content":{"rendered":"\n

Si vous avez d\u00e9j\u00e0 d\u00fb redimensionner des images par programme dans WordPress, vous avez peut-\u00eatre rencontr\u00e9 la fonction image_resize<\/a><\/strong>.<\/p>\n

De plus, vous savez peut-\u00eatre qu’il est obsol\u00e8te (\u00e9tant donn\u00e9 que cela appara\u00eet en haut de l’\u00e9cran) :<\/p>\n

\n

Cette fonction est obsol\u00e8te. Utilisez wp_get_image_editor()<\/a><\/strong> \u00e0 la place.<\/p>\n<\/blockquote>\n

Et avec sa d\u00e9pr\u00e9ciation, comme c’est le cas de tous ceux qui font du bon travail en d\u00e9pr\u00e9ciant les fonctionnalit\u00e9s, ce n’est pas sans son remplacement.<\/p>\n

Dans ce cas, nous parlons de l’\u00e9diteur d’images WP. Il s’agit d’une classe dans WordPress que nous pouvons utiliser pour effectuer les m\u00eames op\u00e9rations de redimensionnement des images par programme que nous pouvions autrefois avec la fonction d’origine.<\/p>\n

Pour \u00eatre clair, cet article particulier n’est pas un didacticiel complet sur l’utilisation du fichier WP_Image_Editor<\/code><\/a><\/strong>.<\/p>\n<\/p>\n

Au lieu de cela, il s’agit d’un guide simple sur la fa\u00e7on de l’utiliser pour redimensionner les images \u00e0 la place d’une fonction obsol\u00e8te, ainsi que de quelques explications sur la fa\u00e7on de g\u00e9rer les cas o\u00f9 il peut y avoir des erreurs.<\/p>\n

Trouver l’image \u00e0 utiliser<\/h3>\n

Selon ce que vous faites, vous pourrez peut-\u00eatre r\u00e9cup\u00e9rer le nom de fichier de l’image \u00e0 partir de WordPress lui-m\u00eame ; cependant, pour cet exemple, je vais simplement coder en dur le chemin d’acc\u00e8s \u00e0 un fichier.<\/p>\n

C’est le moyen le plus simple d’expliquer comment utiliser la classe plut\u00f4t que de partir sur une tangente pour savoir comment r\u00e9cup\u00e9rer par programme une image, obtenir son chemin, l’envoyer \u00e0 la classe de l’\u00e9diteur, etc.<\/p>\n

Supposons donc que le chemin donn\u00e9 \u00e0 l’image ressemble \u00e0 ceci\u00a0:<\/a><\/strong><\/p>\n

<?php\n\n$filename = '\/Users\/tommcfarlin\/Projects\/acme\/wp-content\/uploads\/2018\/06\/original-image.jpg';\nif (!file_exists($filename)) {\n  return;\n}<\/code><\/pre>\n
En utilisant cela, nous le stockerons dans une variable que nous pourrons transmettre \u00e0 une autre fonction au cas o\u00f9 nous voudrions op\u00e9rer plusieurs fois sur le fichier d’origine.<\/p>\n
Obtenir une instance de l’\u00e9diteur d’images<\/h3>\n
Ensuite, vous devez obtenir une instance de la classe de l’\u00e9diteur d’images afin de pouvoir op\u00e9rer sur l’image situ\u00e9e sur le chemin ci-dessus. Dans sa forme la plus basique, ce n’est rien de plus que de passer un nom de fichier dans une fonction, puis un tableau d’arguments.<\/p>\n
Dans cet article, je ne suis pas concern\u00e9 par le tableau d’arguments – uniquement par l’obtention d’une instance de l’\u00e9diteur avec laquelle je peux utiliser pour redimensionner une image.<\/p>\n
Pour saisir une instance dudit \u00e9diteur, proc\u00e9dez simplement comme suit\u00a0:<\/a><\/strong><\/p>\n
<?php\n\n\/\/ Grab the editor for the filename of the image. \n$filename = '\/Users\/tommcfarlin\/Projects\/acme\/wp-content\/uploads\/2018\/06\/original-image.jpg';\nif (!file_exists($filename)) {\n  return;\n}\n\n$editor = wp_get_image_editor( $filename, array() );<\/code><\/pre>\n
Cela renverra soit une instance de l’\u00e9diteur d’une instance de **[WP_Error](https:\/\/developer.wordpress.org\/reference\/classes\/wp_error\/)**<\/code>(avec un message d’erreur et d’autres informations que vous pouvez utiliser pour d\u00e9terminer le probl\u00e8me). Il est toujours bon de v\u00e9rifier si la valeur renvoy\u00e9e est une erreur et d’arr\u00eater toute op\u00e9ration future.<\/a><\/strong><\/p>\n
<?php\n\n\/\/ Grab the editor for the file and the size of the original image.\n$filename = '\/Users\/tommcfarlin\/Projects\/acme\/wp-content\/uploads\/2018\/06\/original-image.jpg';\nif (!file_exists($filename)) {\n  return;\n}\n\n$editor = wp_get_image_editor( $filename, array() );\nif (is_wp_error($editor)) {\n   \/\/ handle the problem however you deem necessary.\n}<\/code><\/pre>\n
En supposant qu’il n’y ait pas d’erreur, cependant, vous pouvez commencer \u00e0 travailler pour redimensionner l’image.<\/p>\n
Redimensionner l’image<\/h3>\n
Heureusement, c’est quelque chose de facile \u00e0 faire. Vous avez besoin de trois informations :<\/p>\n
    \n
  1. largeur,<\/li>\n
  2. la taille,<\/li>\n
  3. et si vous souhaitez ou non recadrer l’image.<\/li>\n<\/ol>\n
    D’apr\u00e8s mon exp\u00e9rience, recadrer l’image est presque toujours pr\u00e9f\u00e9rable car cela \u00e9vite tout \u00e9tirement ou distorsion \u00e9trange \u00e0 des rapports d’aspect impairs.<\/p>\n
    Lors du redimensionnement de l’image, j’aime toujours obtenir la taille actuelle de l’image, puis utiliser un multiplicateur pour cr\u00e9er les nouvelles dimensions par lesquelles je veux redimensionner l’image.<\/p>\n
    Par exemple, disons que j’ai une image et que je veux redimensionner la largeur de 40% et la hauteur de 30%. Pour ce faire, je dois :<\/p>\n
      \n
    1. obtenir la taille de l’image courante,<\/li>\n
    2. utilisez les nouvelles largeur et hauteur pour redimensionner l’image.<\/li>\n<\/ol>\n
      Par programmation, voici comment proc\u00e9der\u00a0:<\/a><\/strong><\/p>\n
      <?php\n\n\/\/ Grab the editor for the file and the size of the original image.\n$filename = '\/Users\/tommcfarlin\/Projects\/acme\/wp-content\/uploads\/2018\/06\/original-image.jpg';\nif (!file_exists($filename)) {\n  return;\n}\n\n$editor = wp_get_image_editor( $filename, array() );\nif (is_wp_error($editor)) {\n   \/\/ Handle the problem however you deem necessary.\n}\n\n\/\/ Get the dimensions for the size of the current image.\n$dimensions = $editor->get_size();\n$width = $dimensions['width'];\n$height = $dimensions['height'];\n\n\/\/ Calculate the new dimensions for the image.\n$newWidth = 0.4 * $width;\n$newHeight = 0.3 * $height;\n\n\/\/ Resize the image.\n$result = $editor->resize($newWidth, $newHeight, true);<\/code><\/pre>\n
      Assez facile \u00e0 suivre, n’est-ce pas?<\/p>\n
      Enregistrement de l’image<\/h3>\n
      Enfin, il ne reste plus qu’\u00e0 enregistrer l’image. Dans ce cas, l’image sera \u00e9crite dans<\/a><\/strong> le r\u00e9pertoire de t\u00e9l\u00e9chargement (et g\u00e9n\u00e9ralement l’ann\u00e9e et le mois fournis par WordPress).<\/p>\n
      <?php\n\n\/\/ Grab the editor for the file and the size of the original image.\n$filename = '\/Users\/tommcfarlin\/Projects\/acme\/wp-content\/uploads\/2018\/06\/original-image.jpg';\nif (!file_exists($filename)) {\n  return;\n}\n\n$editor = wp_get_image_editor( $filename, array() );\nif (is_wp_error($editor)) {\n   \/\/ handle the problem however you deem necessary.\n}\n\n\/\/ Get the dimensions for the size of the current image.\n$dimensions = $editor->get_size();\n$width = $dimensions['width'];\n$height = $dimensions['height'];\n\n\/\/ Calculate the new dimensions for the image.\n$newWidth = 0.4 * $width;\n$newHeight = 0.3 * $height;\n\n\/\/ Resize the image.\n$result = $editor->resize($newWidth, $newHeight, true);\n\n\/\/ If there's no problem, save it; otherwise, print the problem.\nif (!is_wp_error($result)) {\n  $editor->save($editor->generate_filename());\n} else {\n   \/\/ Handle the problem however you deem necessary.\n}<\/code><\/pre>\n
      Vous pouvez alors voir la version finale redimensionn\u00e9e (et nomm\u00e9e de mani\u00e8re appropri\u00e9e) en fonction de sa sortie.<\/p>\n
      Source d’enregistrement:  tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Cet article fournit un guide court et simple sur l’utilisation de WP Image Editor pour redimensionner les images par programme.<\/p>\n","protected":false},"author":1,"featured_media":163264,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[717,841,862],"tags":[1167],"class_list":["post-230552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpeur","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=230552"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/163264"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}