{"id":24081,"date":"2021-05-09T16:24:00","date_gmt":"2021-05-09T13:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24081"},"modified":"2021-10-18T03:17:10","modified_gmt":"2021-10-18T00:17:10","slug":"come-registrare-le-dimensioni-delle-immagini-personalizzate-e-ridimensionare-le-immagini-esistenti-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-registrare-le-dimensioni-delle-immagini-personalizzate-e-ridimensionare-le-immagini-esistenti-in-wordpress\/","title":{"rendered":"Come registrare le dimensioni delle immagini personalizzate e ridimensionare le immagini esistenti in WordPress"},"content":{"rendered":"<p>WordPress ha una miniatura del post di funzionalit\u00e0 integrata, nota anche come immagine in primo piano. Ogni volta che una nuova immagine viene caricata su WordPress tramite l&#8217;uploader multimediale, vengono creati 3 tipi di immagini con dimensioni diverse.<\/p>\n<p>L&#8217;amministratore pu\u00f2 registrare 3 dimensioni per le immagini dalla pagina <strong>Impostazioni-&gt;Media<\/strong>.<\/p>\n<h3>Dimensione miniatura predefinita<\/h3>\n<p>Come mostrato nello screenshot, vengono registrate le dimensioni della miniatura, le dimensioni medie e le dimensioni grandi. Quando carichiamo una nuova immagine, vengono create in proporzione 3 immagini con le dimensioni sopra specificate. Se selezioniamo l&#8217;opzione &quot;Ritaglia miniatura alle dimensioni esatte (normalmente le miniature sono proporzionali)&quot; in &quot;Dimensione miniatura&quot;, l&#8217;immagine sar\u00e0 un ritaglio duro alla dimensione specificata.<\/p>\n<p>Si tratta di 3 dimensioni predefinite dell&#8217;immagine che WordPress ci consente dalle impostazioni multimediali. Cosa succede se abbiamo bisogno di registrare un&#8217;altra dimensione per l&#8217;immagine caricata? Ci sono alcuni casi in cui \u00e8 necessario visualizzare le immagini con la larghezza e l&#8217;altezza esatte.<\/p>\n<p>Bene, possiamo farlo con poche righe di codice.<\/p>\n<h3>Registra la nuova dimensione dell&#8217;immagine per le miniature<\/h3>\n<p>WordPress fornisce una funzione <code>add_image_size()<\/code>che aiuta a registrare la nuova dimensione post_thumbnail.<\/p>\n<p>Per utilizzare questo metodo dovremmo aggiungere il supporto per le miniature dei post. Inserisci il codice seguente nel <code>functions.php<\/code>file.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<p><code>add_image_size()<\/code> il metodo ha 4 parametri come questo: add_image_size(&#8216;name-of-size&#8217;, width, height, crop mode );<\/p>\n<p>Se passiamo il quarto parametro come vero, l&#8217;immagine sar\u00e0 un hard crop. Se passiamo false, l&#8217;immagine verr\u00e0 ritagliata proporzionalmente.<\/p>\n<p>Il codice di esempio sarebbe il seguente.<\/p>\n<pre><code>add_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Assicurati di non utilizzare nomi riservati nella funzione sopra. I nomi riservati sono &#8216;thumb&#8217;, &#8216;thumbnail&#8217;, &#8216;medium&#8217;, &#8216;large&#8217;, &#8216;post-thumbnail&#8217;.<\/p>\n<p>Quindi il nostro codice finale \u00e8 il seguente.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Una volta aggiunto il codice sopra nel tuo functions.php, ogni nuova immagine caricata tramite l&#8217;uploader multimediale creer\u00e0 ulteriori 2 miniature con le dimensioni sopra.<\/p>\n<h3>Come usarlo?<\/h3>\n<p>Abbiamo aggiunto il codice per ulteriori dimensioni dell&#8217;immagine, ora per visualizzare quelle immagini puoi utilizzare il codice sottostante.<\/p>\n<pre><code>&lt;?php the_post_thumbnail( 'your-specified-image-size-name' ); ?&gt;<\/code><\/pre>\n<p>Il codice sopra dovrebbe usare all&#8217;interno del ciclo post. Se vuoi usarlo al di fuori del ciclo, il codice sar\u00e0:<\/p>\n<pre><code>&lt;?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?&gt;<\/code><\/pre>\n<h3>Perch\u00e9 dovresti usare Rigenera miniature?<\/h3>\n<p><code>add_image_size()<\/code>funzione registra nuove dimensioni di anteprima per le nuove immagini, non per le vecchie immagini che sono gi\u00e0 state caricate in un sistema. Per convertire vecchie immagini, installa il plugin <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Rigenera miniature<\/a> e attivalo.<\/p>\n<p>Dopo aver attivato il plugin, vai su <strong>Strumenti-&gt;Rigenera. Miniature<\/strong>. Fare clic sul pulsante Rigenera tutte le miniature.<\/p>\n<p>Puoi anche rigenerare la miniatura per l&#8217;immagine specificata. Di seguito sono riportati i passaggi per questo.<\/p>\n<ul>\n<li>Vai alla pagina dei media.<\/li>\n<li>Seleziona il layout della griglia della tabella.<\/li>\n<li>Seleziona l&#8217;immagine di cui vuoi rigenerare le miniature.<\/li>\n<li>Seleziona l&#8217;opzione &quot;Rigenera miniature&quot; dal menu a discesa.<\/li>\n<li>Premi il pulsante Applica.<\/li>\n<\/ul>\n<p>Ci auguriamo che tu capisca come registrare le dimensioni delle immagini personalizzate e ridimensionare le immagini esistenti. Se hai domande o suggerimenti, lascia un commento qui sotto.<\/p>\n<h4>articoli Correlati<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/come-impostare-l-immagine-in-primo-piano-a-livello-di-codice-in-wordpress\/\" title=\"Come impostare l&#039;immagine in primo piano a livello di codice in WordPress\">Come impostare l&#8217;immagine in primo piano a livello di codice in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/ridimensiona-l-immagine-in-php-usando-tinypng\/\" title=\"Ridimensiona l&#039;immagine in PHP usando TinyPNG\">Ridimensiona l&#8217;immagine in PHP usando TinyPNG<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/carica-l-immagine-utilizzando-la-libreria-antiproiettile-in-php\/\" title=\"Carica l&#039;immagine usando la libreria antiproiettile in PHP\">Carica l&#8217;immagine usando la libreria antiproiettile in PHP<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Possiamo registrare la dimensione dell&#8217;immagine personalizzata in WordPress. add_image_size() funzione utilizzata per registrare la miniatura del post per dimensioni aggiuntive.<\/p>\n","protected":false},"author":1,"featured_media":20673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[500,611],"tags":[846],"class_list":["post-24081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-uncategorized-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=24081"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24081\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/20673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=24081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=24081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=24081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}