WordPress 2.9+: la nuova funzione post thumbnails

Con le ultime release di WordPress, dalla 2.9+, è stata introdotta una nuova funzionalità molto utile per gestire i thumbnails, ovvero le miniature. Tale funzionalità, tuttavia, dev’essere attivata nel tema e, precisamente, agendo sul file functions.php. Questa nuova caratteristica è utile in molti contesti e fornisce una strumento comodo e semplice sia per chi sviluppa un sito web utilizzando WordPress sia al cliente finale che dovrà poi gestire i contenuti.
Nelle versioni di WordPress precedenti alla 2.9, infatti, molti sviluppatori utilizzavano i campi personalizzati (custom fields) per fornire al cliente la possibilità di aggiungere un’immagine – esterna – al post. Soluzione che se dal punto di vista dello sviluppatore non era particolarmente gravosa, rendeve comunque l’editing dei post abbastanza scomodo, soprattutto se consideriamo che spesso e volentieri è il cliente finale a curare i contenuti. Altre soluzioni potevano essere quelle di sfruttare Plugin già fatti o scriverne uno ad-hoc. Con la release 2.9+, invece, è possibile attivare una gestione “miniature” con poche righe di codice, ritrovandosi nel backend tutto già fatto; rendendo il processo di inserimento del post davvero più confortevole e chiaro.

Attivare la nuova funzione post-thumbnails

Per attivare la gestione lato backend della “Miniatura articolo” è sufficiente editare il file functions.php e inserire la seguente linea di codice:

1
add_theme_support('post-thumbnails');

O, ancora meglio, nell’ottica di compatibilià e stabilità:

1
2
3
if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
}

Fatto questo, entrando nell’amministrazione e andando nella modifica di un post, troveremo sulla sidebar destra un nuovo pannello:

Nuovo Pannello Post-Thumbnails

Cliccando su “Imposta miniatura” si aprirà il classico pannello già usato per allegare immagini e media. Quando avremmo scelto la nostra immagine, al momento di inserirla abbiamo a disposizione la nuova funzione “Utilizzarla come miniatura”:

Utilizzarla come miniatura

L’attivazione può essere controllata anche meglio utilizzando:

1
2
3
4
// Attiva la funzione solo per i Post
add_theme_support( 'post-thumbnails', array( 'post' ) );
// Attiva la funzione solo per i Post
add_theme_support( 'post-thumbnails', array( 'page' ) );

È possibile anche scegliere la dimensione di tale “miniatura”, olre che operare nel nuovo editor di immagini messo a disposizione da WordPress:

1
2
// 50 pixels wide by 50 pixels tall, box resize mode
set_post_thumbnail_size( 50, 50 );

Usare la miniatura

A questo punto non rimane altro che usare la miniatura all’interno del nostro template:

1
the_post_thumbnail();

Seguendo lo standard WordPress è disponibile anche la versione senza echo:

1
get_the_post_thumbnail();

Inoltre è possibile passare una serie di parametri a questa funzione, che la rendono davvero versatile, come:

1
2
3
4
5
6
// Mostra la thumbnail
the_post_thumbnail('thumbnail');
// La versione Medium
the_post_thumbnail('medium');
// La versione Large
the_post_thumbnail('large');

È anche possibile impostare altri parametri come gli attributi del tag img alt e title, cosa comodissima all’interno di “loop” personalizzati:

1
$img = get_the_post_thumbnail(null, 'medium', array( 'alt' => $post->post_title, 'title' => $post->post_title) );

Sempre per la “retrocompatibilià” una buona implementazione di questa nuova funzione potrebbe essere:

1
2
3
4
5
6
7
8
9
10
11
12
if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
    // Wordpress 2.9+ uso le thumbnail incorporate
    the_post_thumbnail();
} else {
    // Wordpress 2.8 e precedenti - uso la tecnica del custom field
    // Uso un campo personalizzato chiamato "campo-thumbnail" o come volete voi che
    // contiene l'url di un'immagine
    $postimage = get_post_meta($post->ID, 'campo-thumbnail', true);
    if ($postimage) {
        echo '<img src="'.$postimage.'" alt="" />';
    }
}

Ulteriori note ed esempi

Questa funzionalità è davvero utile ed è stata introdotta in modo completo. Vi suggerisco di visionare comunque la documentazione uffciale di WordPress che dettaglia in modo completo tutte le funzioni e i loro parametri. A titolo di ulteriore esempio ecco come impostare un thumbnail di 64×64 pixel con hard-crop e utilizzare la stessa immagine nel singolo post modificando le impostazioni della larghezza (ad esempio 512) e altezza (infinita inserendo 9999):

1
2
3
4
// Nel file functions.php
add_theme_support( 'post-thumbnails'  );
set_post_thumbnail_size( 64, 64, true );
add_image_size( 'single-post-thumbnail', 512, 9999 );

Nella home page, ad esempio, useremo:

1
the_post_thumbnail();

Nel file single.php useremo:

1
the_post_thumbnail( 'single-post-thumbnail' );
  • Pingback: Saidmade Labs» creazione siti web, sviluppo applicazioni web, marketing virale()

  • giuseppe

    ma che differenza c’è tra queste 2 righe? che risultati genera???

    Nella home page, ad esempio, useremo:

    1
    the_post_thumbnail();

    Nel file single.php useremo:

    1
    the_post_thumbnail( 'single-post-thumbnail' );
  • http://www.undolog.com Giovambattista Fazioli

    @giuseppe: la prima mostra un thumbnail con le dimensioni predefinite, quelle impostate da:

    
    
    1
    set_post_thumbnail_size( 64, 64,  true );

    la seconda permette di impostare un nostro personale thumbnail con dimensioni diverse, ad esempio:

    
    
    1
    2
    add_image_size( 'mio-thumbnail', 128, 128 );
    the_post_thumbnail( mio-thumbnail' );

    in questo modo possiamo avere diversi thumbnail a secondo delle nostre esigenze, su pagine e contesti differenti. Tutto realizzato impostando una sola volta la “miniatura”.

  • Pingback: Come impostare in automatico le miniature su tutti i Post | Undolog.com()

  • Emanuele

    Un saluto a tutti,
    come posso cambiare nome (label) in amministrazione della thumbnail. Invece di “Immagine in evidenza” ovviamente in Italiano.
    Attualmente ho cominciato ad usare wordpress 3.0 con il plugin “multiple post thumbnails”.

  • http://www.undolog.com Giovambattista Fazioli

    @Emanuele: non ho capito bene a cosa ti riferisci, forse intendevi a “Imposta Miniatura”? Puoi provare utilizzando il filtro:

    
    
    1
    2
    3
    4
    5
    6
    function custom_admin_post_thumbnail_html($content) {
       // In $content c'è l'output mostrato nel backend
       // "Imposta miniatura" ...
    }

    add_filter('admin_post_thumbnail_html', 'custom_admin_post_thumbnail_html');

    Se ho capito male riptoponi la domanda. Saluti :)

  • Emanuele

    @Giovambattista Fazioli:
    intendo la label del campo thumbnail dove c’è scritto “Immagine in evidenza” ;)
    Mi interesserebbe di fatti cambiare anche il link interno “Imposta immagine in evidenza”, in pratica come sai è il link che ti permette di uplodare l’immagine in libreria ;)

    Intanto grazie mille

  • Emanuele

    @Emanuele:
    Ops scusa io usando wordpress 3.0 come traduzione italiana la label ha appunto “Immagine in evidenza” mentre prima era (come nel tuo tutorial) “Miniatura articolo”.

  • http://www.undolog.com Giovambattista Fazioli

    @Emanuele: Ok, ora mi è chiaro. Basta che inserisci questo codice nel file

    1
    functions.php

    del tema attivo che stai usando:

    
    
    1
    2
    3
    4
    5
    function customposttype_image_box() {
        remove_meta_box( 'postimagediv', 'post', 'side' );
        add_meta_box('postimagediv', 'Quello che vuoi', 'post_thumbnail_meta_box', 'post', 'side', 'low');
    }
    add_action('do_meta_boxes', 'customposttype_image_box');

    Sostituisce, eventualmente usando la localizzazione, la string

    1
    Quello che vuoi

    con Quello chee vuoi :) scusa il gioco di “testi”. Spero ti sia d’aiuto.

  • http://blog.merlinox.com Merlinox

    Grazie per questo post!

  • http://www.dozarte.com DoZ

    Grazie mille per il chiarimento sull’uso della nuova funzione, che finora mi era rimasto oscuro!
    Una domanda: c’è modo – o plugin – di creare automaticamente una griglia di “thumbs” che rimandino all’articolo di appartenenza?
    (qualsiasi aiuto sarà gradito)

  • http://www.undolog.com Giovambattista Fazioli

    @DoZ: certamente! Il tutto è possibile farlo anche senza un Plugin. Basta creare una funzione nel file

    1
    functions.php

    tipo questa:

    
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function creaGriglia() {
        global $post;
        $thumbnailsPosts = new WP_Query('category_name=blog&showposts=10');
        $o = '';
        while ($thumbnailsPosts->have_posts()) {
            $thumbnailsPosts->the_post();
            $o .= '<a href="'.get_permalink().'" rel="nofollow">' . get_the_post_thumbnail(null, 'thumbnail', array( 'alt' => $post->post_title, 'title' => $post->post_title) ) . '</a>';
        }
        echo $o;
    }

    Fatto questo, nel file del tema

    1
    index.php

    ad esempio, puoi richiamare questa funzione, aggiungendo nel punto che meglio credi:

    
    
    1
    <?php creaGriglia() ?>

    Nella funzione

    1
    creaGriglia()

    di sopra ho estratto i primi 10 post dalla categoria

    1
    blog

    . Modificando i parametri di query e la formattazione HTML, puoi realizzare in modo semplice quello da te richiesto. Sopra, come vedi, ho inserito le “miniature” una accanto all’altra. Inserendo la “taggatura” opportuna puoi formattare l’output come meglio credi. Spero di esserti stato d’aiuto.

  • http://www.dozarte.com DoZ

    @Giovambattista Fazioli:
    heilà, che velocità, che disponbiiità!! ;)
    Appena ho un attimo provo il tuo codice, e grazie mille!
    CIAO

  • http://www.llow.it Lorenzo

    Sto testando il codice sin dalla uscita della 2.9 e l’hard-cropping non funziona mica.Su questo punto di vista timthumb funziona nettamente meglio se non fosse che l’immagine in uscita risulta di una qualità nettamente inferiore rispetto all’input.

    Ho impostato una thumbnail di 60x60px con hard cropping, ho caricato un immagine 600x300px ma la funzione hard cropping non ne vuole sapere di funzionare…qualche idea ?

  • http://bulsaonline.altervista.org/ sandro

    ciao .. e poco che uso wordpress e di codici ne capisco meno di zero .. il mio probema e .. in home page ho postato immagini di dimensione 320 x 320 ottenendone il codice da imageshak …. e confrontandolo con l’intero post tale immagine stona essendo troppo ampia e cosi facendo nell’ordine di 10 post per pagina questa diventa lunga … ora ho cercato nel web ma non ho trovato la soluzione che cercavo … vi o le chiedo tale immagini si possono ridurre di dimensione esempio 100 x 100 ? tenendo presente che una volta usato il read more tale pagina evidenzi l’immagine naturale 320 x 320 …. ora avendo avuto esperienza con blogger tale template nel codice aveva la funzione di modifica delle immagini in home page .. wordpress potrebbe avere la stessa funzione oppure bisogna optare per altra soluzione ?? .. un grazie a chi mi sapra dare utili consigli su come procedere … sandro

  • Pingback: M4rc07 il "Thumbnails"()

  • Gianluca

    Ciao complimenti per il blog, avrei un quesito , ho una gallery che carica le immagini dai campi personalizzati dei post , in teoria mi crea una variabile di nome

    1
    $BG_image

    con il link alla foto tipo

    1
    http://www.miosito7immagine/foto.jpg

    .
    Come posso mettere al posto del link la foto in evidenza, se trasformo questa

    
    
    1
    ID, 'BG_image', $single = true);

    in

    
    
    1
    $BG_image = get_the_post_thumbnail();

    non sono un esperto di php come avrai già visto…

  • http://www.undolog.com Giovambattista Fazioli

    @Gianluca: potresti spiegarmi meglio il problema, non ho capito bene cosa vuoi ottenere. :)

  • stefano

    ora capisco che non devo mettere i segni di apertura e chiusura php, chiedo scusa

    …nn mi va..cosa sbaglio?
    sto usando un tema che ha il timthumb.php ma questo non funziona perchè ho installato un WPMU.

    Nel

    1
    functions.php
    
    
    1
    2
    3
    add_theme_support( 'post-thumbnails'  );
    set_post_thumbnail_size( 64, 64, true );
    add_image_size( 'single-post-thumbnail', 512, 9999 );

    In

    1
    index.php

    e

    1
    front.php

    (subito dopo get_header) perchè index mi da

    1
    Templatepath. '/front.php'
    
    
    1
    the_post_thumbnail();

    E in

    1
    single.php

    (subito dopo get_header)

    
    
    1
    the_post_thumbnail( 'single-post-thumbnail' );

    fatto questo, le cose non cambiano

  • Paolo

    ciao non riesco a cambiare le dimensioni della tumb. nel file

    1
    function.php

    io scrivo questo:

    
    
    1
    set_post_thumbnail_size( 190, 117, true );

    ma non cambia formato.
    cosa dovrei fare???

    ti ringrazio

    paolo

  • http://www.undolog.com Giovambattista Fazioli

    @Paolo: non ti funziona perché la thumbnail l’hai già creata. Devi eliminare il file e ricaricarlo per far si che venga vista la nuova impostazione. Le thumbnail, infatti, non vengono generate runtime quando viene chiamata la funzione, bensì quando le crei la prima volta nel backend; pensa se WordPress ricreasse “al volo” tutte le thumbnail di un sito con 2000 articoli…
    Quell’impostazione, diciamo, non è retroattiva!

  • http://www.dynamicdevotion.com Federico

    Un ciao a tutti.
    Ho testato la funzione

    1
    creaGriglia()

    sopradescritta ma non mi funziona.
    Vorrei che ad ogni click in una categoria mi uscissero le thumb relative alla categoria stessa, o magari attraverso

    1
    add_image_size

    creare una nuova dimensione ed inserirla in una bella gallery jquery.
    Potrei fare un query diretto al database, vedo dove sono inserite, ma ci sarà un modo più semplice…!
    Grazie in anticipo!

  • http://www.undolog.com Giovambattista Fazioli

    @Federico: ti potrebbe non funzionare per vari motivi; ad esempio non hai le thumbnail impostate, oppure non hai la categoria blog… esattamente cosa ti accade? Ricevi qualche messaggio di errore?

  • http://www.dynamicdevotion.com Federico

    Chiedo perdono… non ho la categoria blog…!
    Ora funziona perfettamente, lo personalizzerò integrando una gallery, dovrei riuscire in quanto vedo che è possibile intervenire bene nella funzione.
    Grazie e rinnovo le mie scuse.

  • Tiziana

    Ciao,
    grazie per la tua guida davvero utile. Volevo chiederti c’è un modo per adattare automaticamente la nuova funzione anche ai precedenti post in cui le thumbnail erano gestitie tramite campi personalizzati oppure devo manualmente aggiungere le thumbnail per tutti i vecchi post? Spero tu potrai aiutarmi, grazie in anticipo di tutto

    Tiziana

  • http://www.undolog.com Giovambattista Fazioli

    @Tiziana: puoi fare entrambe le cose. Come indicato nell’articolo di sopra, se usi un codice come questo:

    
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
        // Wordpress 2.9+ uso le thumbnail incorporate
        the_post_thumbnail();
    } else {
        // Wordpress 2.8 e precedenti - uso la tecnica del custom field
        // Uso un campo personalizzato chiamato "campo-thumbnail" o come
        // volete voi che contiene l'url di un'immagine
        $postimage = get_post_meta($post->ID, 'campo-thumbnail', true);
        if ($postimage) {
            echo '<img src="' . $postimage . '" alt="" />';
        }
    }

    Potrai visualizzare le thumbnail dei nuovi articoli e, nel caso, estrarre dal post-meta l’indirizzo dell’immagine dei vecchi articoli, cioè quelli che usavamo un meta tag.
    Inoltre puoi riapplicare a tutti gli articoli la nuova funzionalità, leggi Come impostare in automatico le miniature su tutti i Post

  • Tiziana

    Ciao,
    ma questo codice che mi hai indicato in automatico mette anche in homepage la thumbnail dei post per i vecchi che lo hanno tramite campi personalizzati? Grazie

  • Tiziana

    Ciao ho risolto facendo come scritto nel link che hai indicato. Grazie

  • Tiziana

    Ciao come non detto :(. Ho inserito il codice che mi hai indicato su altri blog ma non funziona non riconosce le vecchie miniature (gestite tramite custom fields). Come posso risolvere questo problema? Spero potrai aiutarmi, grazie

    Tiziana

  • http://www.innobrain.it Innobrain

    Ciao a tutti e complimenti per l’ottimo post ;)
    Visto che siamo in tema volevo chiedere una cosa; sto utilizzando il plugin “Category Posts”, che permette di inserire un widget con i post che vogliamo per ogni categoria, ovviamente visualizzando anche il thumb legato all’articolo per ogni categoria.
    Il plugin di default inserisce la miniatura dopo il nome del post, ma io lo vorrei all’inizio e poi il nome del post. Come potrei fare?

  • http://www.picsandtrips.net Alfredo

    Ciao,
    complimenti per il blog.
    Sono riuscito ad attivare la visualizzazione dei thumbnails seguendo le tue istruzioni però li visualizzo anche all’interno del post nonostante nel

    1
    function.php

    abbia inserito la riga:

    
    
    1
    add_theme_support( 'post-thumbnails', array( 'page' ) );

    Come faccio ad evitare la visualizzazione dei thumb all’interno del post?

    Grazie
    Alfredo

  • http://www.undolog.com Giovambattista Fazioli

    @Alfredo: una possibile causa potrebbe essere che qualcos’altro abbia attivato i thumbnails sui post, visto che la riga di codice che hai usato sembra corretta. Per prova potresti inserire prima del

    1
    add_theme_support

    :

    
    
    1
    remove_theme_support('post-thumbnails');

    Fammi sapere se funziona? Io nel frattempo indago.

  • jgor

    Ok, tutto funziona. Grazie per la disponibilita’ in pratica inserendo:

    
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
        // Wordpress 2.9+ uso le thumbnail incorporate
        the_post_thumbnail();
    } else {
        // Wordpress 2.8 e precedenti - uso la tecnica del custom field
        // Uso un campo personalizzato chiamato "campo-thumbnail" o come volete voi che
        // contiene l'url di un'immagine
        $postimage = get_post_meta($post->ID, 'campo-thumbnail', true);
        if ($postimage) {
            echo '';
        }
    }

    Non mi si aggiornava piu’ la pagina dei temi. Ora ti chiedo una cosa.
    Io ho l’esigenza di mettere l’immagine caricata

    1
    the_post_thumbnail();

    su un div, per metterci del testo sopra.
    Quindi avrei bisogno di ottenere solamente “src” per poi passarlo al css.

    Grazie

  • http://www.undolog.com Giovambattista Fazioli

    @jgor: puoi fare in vari modi. Per ottenere il codice (e non l’output) puoi usare

    1
    get_the_post_thumbnail()

    . Questa funzione, però, ti restituisce tutta la marcatura HTML.
    A questa funzione, comunque, a titolo informativo, è legato il filtro

    1
    post_thumbnail_html

    .
    Se desideri ottenere solo l’url dell’immagine, da inserire quindi nell’attributo

    1
    src

    , puoi usare

    1
    wp_get_attachment_thumb_url()

    che vuole come parametro l’ID del thumbanail. Quest’ultimo lo ottieni tramite

    1
    get_post_thumbnail_id()

    , che come parametro vuole l’ID del post.

  • jgor

    @Giovambattista Fazioli:
    Grazie mille! ^_^
    complimenti per il lavoro fatto. Ti sei annoverato un posto nel mio rss-reader ^_^

  • vito

    ciao, utilizzo wp 3.2.1 con installato il tema costelo. il mio problema e’ che non riesco a eliminare le immagini in anteprima, le thumbnail insomma… quando vado a cliccare sul link “rimuovi immagine in evidenza” sul link leggo …action=edit# e cliccando non succede nulla… stesso problema nel cercare di modificare lo stato di visibilita’ ed altre cosucce che pero’ riesco a modificare tramite la modifica veloce… mi rimane insomma il problema di rimuovere le miniature… qual’e’ il comando che devo usare per rimuovere l’anteprima( il link che devo visualizzare passando col mouse sopra a “rimuovi immagine”? in che file devo andare a ripristinare il giusto codice?
    gazie

  • Simona

    Ciao, gentilmente avrei bisogno di sapere se queste stringhe servono per attivare la visualizzazione delle anteprime nei post, io non capisco assolutamente nulla di questo linguaggio ma ho visto che la funzione

    1
    add_theme_support('post-thumbnails');

    è presente nel mio tema, nel caso servissero proprio alle anteprime dove dovrei inserirle di preciso?? mi puoi dare una mano?

    grazie :)

  • http://www.undolog.com Giovambattista Fazioli

    @Simona: la funzione da te indicata aggiunge (o abilità se preferisci) la possibilità di impostare delle miniature per ogni singolo post, ma di per sé non visualizza nulla. Se ho capito bene:

    se queste stringhe servono per attivare la visualizzazione delle anteprime nei post

    per fare questo di solito ci sono tre strade:

    1) Usi già un tema che lo permette
    2) Installi un Plugin
    3) Agisci manualmente

    Escludendo le prime, che puoi risolvere da sola, se volessi visualizzare in automatico le miniature (se presenti) in un post basta che aggiungi queste righe di codice al tuo file

    1
    functions.php

    presente nella cartella del tuo tema attivo:

    
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function showThumbnail($content) {
      global $post;
     
      $original_content = $content;
     
        if ( current_theme_supports( 'post-thumbnails' ) ) {
          $content = the_post_thumbnail();
          $content .= $original_content;
        }
        return $content;
    }
    add_filter( 'the_content', 'showThumbnail' );

    Di codice come questo sopra ne trovi tantissimi in rete, in base alle tue esigenze. Io te ne ho creato uno più semplice possibile per non confonderti. Capisco che se non sei “un tecnico” può risultare un’esperienza frustante e faticosa, meglio allora un tema prefatto o l’uso di un plugin. Spero di esserti stato d’aiuto…

  • http://www.undolog.com Giovambattista Fazioli

    @vito:: il link è corretto, in quanto la rimozione della miniatura avviene tramite Javascript, ecco un esempio:

    
    
    1
    <a onclick="WPRemoveThumbnail('f46ef189fb');return false;" id="remove-post-thumbnail" href="#" rel="nofollow">Rimuovi immagine in evidenza</a>

    Probabilmente, da quello che ho capito, il tuo problema è un malfunzionamento del tema, cosa difficile da sistemare da qui…

  • Simona

    @Giovambattista Fazioli::

    Grazie!!!!!! :))))

    molto molto gentile…io ci provo…al massimo non mi funzionerà più nulla ;)

    Buona giornata.

  • Pingback: WordPress snippet: src thumbnail - Undolog.com - Undolog.com()

  • http://www.socialmotori.com Giuseppe

    Complimenti!
    Guida estremamente interessante.

  • http://www.socialmotori.com Giuseppe

    Consiglio nel caso si voglia ripristinare tutte le thumbs il plugin Regenerate Thumbnails

  • http://www.socialmotori.com Giuseppe

    Salve desideravo chiederle come poter fare a:
    nel post ho caricato una galleria ad esempio di 50 immagini, dunque verranno visualizzate in coda all’articolo 50 miniature 100×100. Vorrei capire come fare a visualizzarne solo 5 sotto l’articolo e al click su una di queste 5 foto mi rimanda alla pagina, già esistente (attachment.php), con la galleria completa di tutte e 50 immagini.
    Grazie

  • kainone

    Ma come si può creare la thumb e associarla al post come imamgine in evidenza?

  • G.M.

    Salve, mi spiace riesumare un post vecchio ma spero tu mi possa dare una mano. Come faccio, con questo metodo, ad usare delle immagini caricate tramite un link esterno http://www.sito.it/image.jpg?

    Ad ora posso solo caricare immagini nel mio hosting ma vorrei non gravare troppo sullo spazio. Come posso fare?

    Grazie in anticipo

  • http://www.undolog.com Giovambattista Fazioli

    @G.M.: Se hai già caricato delle immagini su un diverso server (questo WordPress non lo può fare di suo) può impostare una miniatura selezionando la scheda URL di provenienza come mostrato nell’immagine in questo Post (all’inizio dell’articolo). In questo modo WordPress userà un indirizzo assoluto per trattare questa miniatura.
    Ovviamente ‘ti perdi’ eventuali ridimensionamenti della stessa, che dovrai fare tu sul server remoto e/o agendo tramite i fogli di stile CSS.

  • http://salvatorecapolupo.it Salvatore

    Sintetico ed efficacissimo, mi hai risolto un problema enorme :) ciao!

  • Mario

    Ciao,

    complimenti per il blog, io sto diventando matto per far ridimensionare le immagini nelle thumbnail, nel featured image in home page e negli articoli, cioè dovrei caricare un’immagine attraverso “immagini in evidenza” di wordpress delle dimensioni reali mettiamo 1024×800 e questa automaticamente deve ridimensionarsi nelle thumbnail preimpostate come detto in precedenza nelle varie situazioni, il ridimensionamento lo fa ma vengono tutte tagliate e non proporzionate al thumbnail, premetto che nel template che uso che si chiama Exciter (di izithemes) c’è una funzione che mi pare utilizzi un plug-ins chiamato “Custom Image Sizes”,
    qui hai l’esempio di quello che dico:
    nella homepage viene così, immagini tutte tagliate e non proporzionate
    http://i638.photobucket.com/albums/uu110/z-Traxx/Album3/Hompage.png

    idem per l’articolo
    http://i638.photobucket.com/albums/uu110/z-Traxx/Album3/Article.png

    io non ci capisco molto di html, se ti mando per caso il template o in altra maniera tu mi sapresti aiutare, probabilmente è una cavolata ma io non so dove sbattere la testa, sto a impazzì :-)

    Ciao grazie

  • http://www.undolog.com Giovambattista Fazioli

    @Mario: penso sia un problema di proporzioni, non tanto di crop. Se la dimensione di una thumbnail è fissata ad esempio 100×100, cioè quadrada, l’unico modo per avere un’immagine proporzionata e non tagliata è quello di inviare un’immagine sempre con lo stesso rapporto: 512×512, 1024×1024, etc…

  • Mario

    @Giovambattista Fazioli:

    Il problema è proprio quello, ma come vedi sulla homepage ci sono 3 tipi di dimensioni, la Featured rettangolare che viene tagliata alta come all’interno dell’articolo, poi c’è l’icona quadrata a destra che è tagliata a fianco e il rettangolino più piccolo del magazine che viene tagliata a fianco, e dovrebbe fare tutto questo caricando solo un immagine altrimenti non avrebbe più senso, il bello è che dalla versione 2.3 è stato penso aggiunto un Auto-resize thumbnails come descritto http://www.mojo-themes.com/item/exciter-magazine-wordpress-themes/ ho provato a porre domande ache all’autore ma ancora niente risposte
    Il bello è che provando una versione vecchia datata lo faceva almeno nella Homapage per quanto riguardava le 2 thumbnail piccole ma le nuove versioni è cambiato il codice e non è come prima, boh non so che fare

  • MATTEO

    ciao a tutti!
    anche io ho lo stesso problema di mario.
    ho comprato il tema EVENTURE da themeforest, è bellissimo ma ha questa pecca: ogni volta che creo un nuovo evento posso scegliere una e una sola immagine in evidenza, la quale può anche non comparire nel corpo del post ma di sicuro se la scelgo va a riempire gli spazi che il tema ha preventivato come thumbnails, nel blog e nella home page….
    il punto è che l’immagine più grande (cioè quella da seguire per fare in modo che le altre non sgranino) misura 900×350 pixels, mentre la thumbnails nei blog forza la larghezza a 600, croppando SOLO il lato orizzontale di 150 pixels per parte partendo dal centro, quindi pur senza deformare l’immagine mi leva una porzione da entrambi i lati.
    l’unica soluzione che ho trovato è stata quella di mettere immagini con un’abbondanza di campo vuoto proprio di 150 pixels per parte. questo mi permette di non perdere informazioni visive passando da una pagina all’altra, ma di certo non è la soluzione esteticamente migliore….
    da nessuna parte ho trovato pezzi di codice che regolano questo crop, sarebbe ottimo riuscire a scoprire se c’è un modo di regolarlo o almeno di cambiarne il punto di ancoraggio (già che croppa male, lo fa in due lati opposti mannaja).
    Spero che qualcuno abbia notizie in merito! grazie!

  • Den

    @Giovambattista Fazioli:
    Ottimo articolo, me lo sono praticamente mangiato. Vorrei chiederti però una precisazione visto che anche io ho il problema di inserire l’immagine in evidenza da un URL esterno. Ho provato inserendo l’URL nella scheda URL di provenienza ma poi? Cosa devo fare di preciso? Ho provato in vari modo ma riesco solo ad inserire l’immagine linkata nel post e non come immagine in evidenza.
    Grazie in anticipo,
    Den

  • http://www.undolog.com Giovambattista Fazioli

    @Den: Con gli URL esterni temo non sia possibile farlo. L’immagine deve risiedere tra i media di WordPress, cioè tra le immagini che hai caricato nel sistema per poter scegliere “usa come miniatura”. Puoi provare a salvare l’immagine in locale e ad inserirla poi in WordPress. In questo modo funziona certamente.

  • http://www.haisekdesign.net Manuele

    Qualcuno sa dirmi perché non mi viene più l’immagine di anteprima dei post su questo sito http://www.cosimofrezzolini.com/ Ad un certo punto ha smesso di funzionare. Sono semplicemente articoli in formato galleria. Adesso provando a settare una immagine come immagine in evidenza me la mette nella testata dell’articolo mentre prima non dovevo fare niente, Aiutatemi!

  • Gianni

    Ciao,

    ho un problema e spero di avere un aiuto. Ho dei post semplici e vorrei poter generare automaticamente un jpg con lo screenshot del post stesso, in modo da non doverlo “fotografare” ogni volta per inserirlo nell’immagine di anteprima. Un suggerimento?

    Gianni

  • Roberto

    @Roberto:

    @Roberto:mi chiedevo se utilizzando

    1
    the_post_thumbnail();

    per caricare sull’homepage l’”immagine in evidenza” di una pagina, c’era il modo di mimpostarea questa immagine l’<a href= verso la pagina stessa… scusate bastava pensarci..

    ops:

    1
    2
    3
    <a href="<?php the_permalink(); ?>">
    <?php the_post_thumbnail('front', array( 'class' => 'aligncenter' )); ?>
    </a>
  • Marco

    ciao @Giovambattista Fazioli, grazie per tutte le delucidazioni di questa ottima guida. Avrei un quesito da porti: come si può gestire un set di 80 tipologie di miniature differenti per un portale complesso, e con molte categorie, senza far generare tutte e 80 le miniature per ogni immagine caricata?

  • Ludovica

    Ciao!
    Ti spiego il mio dubbio. Quando scrivo un post non inserisco immagini nell’articolo (se così facessi e poi selezionassi l’opzione “immagine in evidenza” me ne ritroverei 2 uguali all’interno del post). Poi, cliccando su immagine in evidenza, seleziono quella da inserire direttamente dalla gallery (precedentemente caricata). Ovviamente mi riferisco solo al caso in cui l’immagine da pubblicare è soltanto una.
    Adesso mi chiedo…in questo modo l’immagine viene indicizzata? Sbaglio qualcosa?
    Ragionamento contorto, lo so, ma spero tu possa aiutarmi!

  • http://fregole.com Daniela

    Ciao!
    Provo a chiederti un aiuto per risolvere il mio problema. Sto migrando il mio blog da tumblr a wordpress per aver un blog più completo con tanto di sezioni. Le Gallery dei post peró mi stanno creando dei problemi, perché non riesco a replicare le miniature del mio template di tumblr (juneau), che si adattano in base al numero e alla dimensione delle foto che inserisci ogni volta, dandomi quindi una varietà visiva infinita.
    In che modo, se esiste, posso ottenere lo stesso risultato su wordpress?
    Inoltre vorrei sapere, nel caso, se devo importare ogni post singolarmente e quindi ogni simgola foto, o se c’è un modo di impostare l’importazione automatica facendo sì che le miniature di tumblr rimangono le stesse in wordpress, in modo tale che le foto dei post vecchi non vengano tagliate o deformate.
    Non so come ringraziarti!
    Buona serata,
    Daniela