{"id":230844,"date":"2022-12-02T17:58:00","date_gmt":"2022-12-02T14:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230844"},"modified":"2022-11-10T00:15:26","modified_gmt":"2022-11-09T21:15:26","slug":"ridimensionamento-delle-immagini-in-modo-programmatico-in-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/ridimensionamento-delle-immagini-in-modo-programmatico-in-wordpress\/","title":{"rendered":"Ridimensionamento delle immagini in modo programmatico in WordPress"},"content":{"rendered":"\n

Se hai mai dovuto lavorare con il ridimensionamento delle immagini in modo programmatico in WordPress, potresti esserti imbattuto nella funzione image_resize<\/a><\/strong>.<\/p>\n

Inoltre, potresti sapere che \u00e8 stato deprecato (dato che appare nella parte superiore dello schermo):<\/p>\n

\n

Questa funzione \u00e8 stata deprecata. Usa invece wp_get_image_editor()<\/a><\/strong>.<\/p>\n<\/blockquote>\n

E con la sua deprecazione, come \u00e8 vero per tutti coloro che fanno un buon lavoro deprecando la funzionalit\u00e0, non \u00e8 senza la sua sostituzione.<\/p>\n

In questo caso, stiamo parlando del WP Image Editor. Questa \u00e8 una classe in WordPress che possiamo utilizzare per eseguire le stesse operazioni per ridimensionare le immagini in modo programmatico che una volta potevamo con la funzione originale.<\/p>\n

Per essere chiari, questo particolare post non \u00e8 un tutorial completo su come utilizzare il WP_Image_Editor<\/code><\/a><\/strong>.<\/p>\n<\/p>\n

Invece, \u00e8 una semplice guida su come usarlo per ridimensionare le immagini al posto di una funzione deprecata insieme ad alcune spiegazioni lungo il percorso su come gestire i casi in cui potrebbero esserci errori.<\/p>\n

Trovare l’immagine da usare<\/h3>\n

A seconda di ci\u00f2 che stai facendo, potresti essere in grado di recuperare il nome del file dell’immagine da WordPress stesso; tuttavia, per questo esempio, codificher\u00f2 semplicemente il percorso di un file.<\/p>\n

Questo \u00e8 il modo pi\u00f9 semplice per spiegare come utilizzare la classe rispetto all’andare su una tangente per come recuperare un’immagine a livello di codice, ottenerne il percorso, inviarla alla classe dell’editor e cos\u00ec via.<\/p>\n

Quindi supponiamo che il percorso indicato per l’immagine sia qualcosa del genere:<\/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
Usandolo, lo memorizzeremo in una variabile che possiamo passare a un’altra funzione nel caso in cui desideriamo operare sul file originale pi\u00f9 volte.<\/p>\n
Ottenere un’istanza dell’editor di immagini<\/h3>\n
Successivamente, devi ottenere un’istanza della classe dell’editor di immagini in modo da poter operare sull’immagine situata nel percorso sopra. Nella sua forma pi\u00f9 semplice, non \u00e8 altro che passare un nome di file in una funzione e quindi una matrice di argomenti.<\/p>\n
In questo post, non mi preoccupo della serie di argomenti, ma solo di ottenere un’istanza dell’editor con cui posso utilizzare per ridimensionare un’immagine.<\/p>\n
Per prendere un’istanza di detto editor, fai semplicemente questo:<\/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
Ci\u00f2 restituir\u00e0 un’istanza dell’editor di un’istanza di **[WP_Error](https:\/\/developer.wordpress.org\/reference\/classes\/wp_error\/)**<\/code>(insieme a un messaggio di errore e altre informazioni che \u00e8 possibile utilizzare per determinare il problema). \u00c8 sempre bene verificare se il valore restituito \u00e8 un errore e interrompere eventuali operazioni 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
Supponendo che non ci siano errori, tuttavia, puoi iniziare a lavorare per ridimensionare l’immagine.<\/p>\n
Ridimensionamento dell’immagine<\/h3>\n
Fortunatamente, questo \u00e8 qualcosa che \u00e8 facile da fare. Hai bisogno di tre informazioni:<\/p>\n
    \n
  1. larghezza,<\/li>\n
  2. altezza,<\/li>\n
  3. e se desideri ritagliare o meno l’immagine.<\/li>\n<\/ol>\n
    Nella mia esperienza, ritagliare l’immagine \u00e8 quasi sempre meglio che no perch\u00e9 evita strani allungamenti o distorsioni con proporzioni strane.<\/p>\n
    Quando ridimensiono l’immagine, mi piace sempre ottenere la dimensione corrente dell’immagine e quindi utilizzare un moltiplicatore per creare le nuove dimensioni in base alle quali voglio ridimensionare l’immagine.<\/p>\n
    Ad esempio, diciamo che ho un’immagine e voglio ridimensionare la larghezza del 40% e l’altezza del 30%. Per fare ci\u00f2, ho bisogno di:<\/p>\n
      \n
    1. ottenere la dimensione dell’immagine corrente,<\/li>\n
    2. usa la nuova larghezza e altezza per ridimensionare l’immagine.<\/li>\n<\/ol>\n
      A livello di programmazione, questo \u00e8 il modo in cui lo faresti:<\/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
      Abbastanza facile da seguire, vero?<\/p>\n
      Salvataggio dell’immagine<\/h3>\n
      Infine, non resta che salvare l’immagine. In questo caso, l’immagine verr\u00e0 scritta<\/a><\/strong> nella directory dei caricamenti (e di solito l’anno e il mese forniti da 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
      \u00c8 quindi possibile visualizzare la versione finale ridimensionata (e denominata in modo appropriato) in base al suo output.<\/p>\n
      Fonte di registrazione:  tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Questo post fornisce una guida breve e semplice su come utilizzare WP Image Editor per ridimensionare le immagini a livello di codice.<\/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":[720,844,865],"tags":[1168],"class_list":["post-230844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sviluppatore","category-tutorial","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=230844"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230844\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/163264"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=230844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=230844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=230844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}