44 risposte

  1. Andrea
    5 dicembre 2008

    Molto interessante, in particolare l’utilizzo dei campi personalizzati, per i quali non vedevo ancora un’applicazione che si adattasse alle mie esigenze, e la soluzione “pro”.

    Utilizzo post-thumb (http://www.alakhnor.com/post-thumb) e mi rendo conto ora che permette di fare sostanzialmente ciò che si può già fare in maniera semplice utilizzando le funzioni native di WP.

    Certo, post-thumb ha qualche feature aggiuntiva che potrebbe tornare utile a qualcuno, ma personalmente penso che risparmierò qualche Kb per utilizzare il codice nativo.

  2. BoRnA
    5 dicembre 2008

    Io ho utilizzato questa opzione prima di fare il plugin:

    <img style=”margin-bottom:3px; width:94px;” src=”<?php bloginfo(‘url’); ?>/wp-content/uploads/
    <?php
    // this is where the custom field prints images for each Feature
    $values = get_post_custom_values(“thumb”); echo $values[0]; ?>” alt=”<?php the_title(); ?>” />

    In pratica sfrutto i campi personalizzati in cui metto solo il nome dell’immagine visto che ho impostato già la path sul codice. Se uno ha anhce la suddivisione per giorno, è cmq gestibile via codice.

    Credo sia molto più veloce questa soluzione e utilizzabile in molti moduli, come il blocco anteprime sul mio sito personale. In quel caso utilizzo due campi personalizzati: uno per la thumb e uno per la img più grande.

  3. Francesco Gavello
    5 dicembre 2008

    Utilissimo BoRnA ;) Evita di dover andare a modificare i campi personalizzati in caso di spostamento del blog!

    E’ vero che ci sono ottimi plugin come “Search & Replace” che fanno il loro lavoro, ma meno si rischia meglio è :D

  4. Andrea Pinti
    5 dicembre 2008

    Molto utile, avevo gia’ trovato una soluzione simile a una di quelle qui proposte basata sui custom fields, ma la tua soluzione PR0 mi stuzzica di più :D

  5. David La Tache
    5 dicembre 2008

    grazie mille francesco! da ignorante quale sono in wordpress questo articolo mi tornerà utilissimo per ottimizzare il footer del sito! sempre ottimi consigli, complimenti!

  6. Francesco Gavello
    6 dicembre 2008

    @David La Tache: D’altronde chi meglio di iShotPix ha bisogno di anteprime per le immagini dei post? :P

  7. David La Tache
    6 dicembre 2008

    Eheheh, hai “ragionissima” Francesco! Proprio ieri sera abbiamo rispolverato i campi personalizzati per riunire tutte le gallerie fotografiche in un’unica pagina, una soluzione niente male perchè ci risolve in automatico un’operazione che avremmo dovuto realizzare ogni volta manualmente.

    Hai ridato un’occhiata al sito? Manca ancora tanto, ma man mano lo stiamo ottimizzando in modo da raggiungere la sua “forma” definitiva.

  8. prostata
    9 gennaio 2009

    Post davvero esauriente e chiaro, complimenti!

  9. BECA
    27 gennaio 2009

    io utilizzo i campi personalizzati. nella seconda parte della home faccio un resize di questi ultimi, grazie alla lettura di questo articolo :D

  10. BECA
    27 gennaio 2009

    ps: su internet explorer non mi visualizza l’immagine, qualche idea? :(

  11. Francesco Gavello
    27 gennaio 2009

    @Beca: Credo sia proprio colpa del resize; ci ho dato uno sguardo su FF con Firebug e su IE con la IE Developer Toolbar.

    Quello che sembra è che l’immagine su IE effettivamente sia presente, ma con altezza e larghezza di 1px (quindi praticamente invisibile).

    Come avviene il resize attualmente?

  12. BECA
    27 gennaio 2009

    l’immagine di partenza è 400×100 mentre quella fina è di 260×65 ed utilizzo questo codice per farlo:

    ID, 'primopiano', $single = true); ?>
    <img src="" alt="" class="imgspcaer" width=\"260\" height=\"65\" />

    ne approfitto per farti un’altra domanda:
    per visualizzare le immagini con il testo accanto, quindi non sopra (come avviene ora), cosa devo inserire nel codice, o è solo questione di css?

  13. BECA
    27 gennaio 2009

    ID, ‘primopiano’, $single = true); ?>
    <img src=”" alt=”" class=”imgspcaer” width=”260″ height=”65″ />

  14. Francesco Gavello
    27 gennaio 2009

    @Beca: Da codice HTML, ciò che blocca l’immagine dall’essere visualizzata su IE sono le due “\” prima dei valori di height e width (che invalidano i parametri dell’elemento IMG).

    Se sei fuori dal codice PHP in quella porzione di template gli “\” prima degli apici non sono necessari.

    Probabilmente FF chiude un occhio, mentre IE decide di lasciar perdere e assegna 1px di dimensione ad entrambi i parametri.

    Per la questione dell’allineamento del testo accanto all’immagine è sufficiente impostare la proprietà float dell’immagine in questione su “left” o “right”.

    L’immagine in questo caso deve trovarsi (parlo a livello di codice) prima del testo stesso che la deve circondare.

    Occhio che questo potrebbe in alcuni portare il layout a “smontarsi”.
    Ti consiglio la lettura dell’ottimo articolo di HTML.it Float: teoria e pratica.

    Fammi sapere ;)

  15. carlo
    25 giugno 2009

    scusate… mi da questo errore, dove sbaglio?
    Parse error: syntax error, unexpected ‘{‘, expecting ‘,’ or ‘;’ in D:\Lavori\wp09\wp-content\themes\wp-web\archive.php on line 42

    (stò provando la terza versione)
    ID );
    $firstImageSrc = wp_get_attachment_image_src(array_shift(array_keys($images)));
    echo “”; ?>

    • Francesco Gavello
      25 giugno 2009

      Ciao Carlo,
      ho dato una ricontrollata allo snippet e sembra funzionare.

      Prova ad integrarlo ora :)

  16. carlo
    25 giugno 2009

    Ora funziona, molto gentile!

  17. carlo
    25 giugno 2009

    Mi stavo chiedendo…. non è possibile fargli pescare un’immagine di default se non trova la thumbs in modo che così non dia errore nel caso non ci sia l’immagine?

    • Francesco Gavello
      25 giugno 2009

      Una delle prime soluzioni che mi vengono in mente è di fare un check sull’esistenza di “$images”. Un ciclo condizionale dovrebbe fare al caso tuo.

      Ho aggiornato il post con un nuovo snippet! ;)

  18. carlo
    26 giugno 2009

    Direi che ora è perfetto :-)

    Se mi serve della consulenza (anche a pagamento) posso contattarti?? :-)

  19. carlo
    26 giugno 2009

    Ne approfitto ancora… per linkare anche le thumb?
    forse a questo punto bisognerebbe valorizzare firstImageSrc e usare l’html normale inserendo <? … lo so nessuno mi ha capito!!! ;-)

    echo “<a href=” “><img src=”{$firstImageSrc[0]}”

    nell’a href volevo scrivere: “<?php the_permalink();?>”

  20. carlo
    26 giugno 2009

    io l’ho risolta in questo modo:

    if ($images) {
    $firstImageSrc = wp_get_attachment_image_src(array_shift(array_keys($images)));
    ?>
    <a href="<@? php the_permalink() ?>"/>
    <?php
    echo "<img src=’".$firstImageSrc[0]."’ /></a>";}

    • Francesco Gavello
      26 giugno 2009

      Esatto, per attribuire l’url al tag “a” devi necessariamente trovarti fuori da “echo” :)

  21. Fulvio
    4 gennaio 2010

    scusate la domanda da Gnubbo … ma che file va modificato per implementare le thumb e sfruttare le funzioni native di WP seguendo i due metodi indicati????

    grazie e scusate

    • Francesco Gavello
      5 gennaio 2010

      Ciao Fulvio, puoi posizionare gli snippet di codice in qualsiasi file del tuo tema, purché all’interno di un LOOP. :)

      Nota che questo articolo, pur presentando tecniche ancora valide, si riferisce a metodi solitamente impiegati nelle versioni precedenti la 2.9 (che integra una gestione opzionale delle anteprime del tutto nuova ma non perfettamente retro-compatibile).

      • Fulvio
        5 gennaio 2010

        Ok Grazie mille della risposta, cosa consigli di usare? ho provato con “wp thumbnail post”

        ma non so per quale assurdo motivo non mi carica le immagini, altri suggerimenti?
        Francesco il tuo sistema mi graba parecchio, lo vorrei mettere sul mio blogghettino :-) Ke-Bike.Com/Blog non ho pretese immense, nel senso che raggiungere l’eccellenza del tuo blog o altri tipo diplo etc.. per me è impensabile, per ora mi accontento di diffondere il verbo poi si vedrà :-)

        Grazie Francesco

        Buona giornata

      • Francesco Gavello
        5 gennaio 2010

        Sicuramente l’approccio a codice puro funziona perché è ciò che sto usando in questo momento proprio su questo blog. ;)

        Il plugin che citi tuttavia (e con molta probabilità) potrebbe non essere più compatibile con le ultime versioni di WordPress.

        Se non ti interessa applicare le anteprime anche ai post in archivio, ma solo a quelli futuri, puoi anche adottare la soluzione nativa di WordPress dalla 2.9+.

  22. Fulvio
    5 gennaio 2010

    Grazie Mille Francesco, Sei molto molto gentile, Provo a fare così.
    Ti/vi farò sapere se è successo un casino :-)

    Grazie e buona serata

    SyS

    Fulvio

  23. Fulvio
    9 gennaio 2010

    Ciao Francesco, sono finalmente riuscito a implementare questo sistema di thumb. Purtroppo da gnubbo non sono bravissimo come voi.

    Altra domanda, come faccio a impostare un link al post nella thumb?

    per intenderci se vai nel mio blog: Ke-Bike.com/blog le thumb ocmpaiono e sono stra felice, ma le immagini non lincano al post, cosa che invece avviene nella tua home FrancescoGavello.it/

    Grazie del continuo disturbo
    Fulvio

    • Francesco Gavello
      11 gennaio 2010

      Ciao Fulvio, per ottenere ciò che chiedi è sufficiente racchiudere il codice che ti genera l’immagine (assumendo tu abbia utilizzato gli snippet) tra i tag:

      < a href="< ?php the_permalink(); ?>“>

      e

      < /a>

      (ricordati di eliminare gli spazi extra che ho aggiunto prima delle parentesi angolari)

  24. Davide192
    17 gennaio 2010

    Il codice che sfrutta la funzione $image funziona alla grande anche con WP 2.9, molto meglio del the_post_thumbnail introdotto natio dalla 2.9.1 che non è retrocompatibile. Ottimo, grazie! ;)

  25. Gregory
    14 maggio 2010

    Ciao Francesco, ho inserito il codice da te descritto per visualizzare le miniature nel mio primo blog e funziona alla grande. Ora mi piacerebbe ingrandire la miniatura con lightbox. Ho installato il plugin lightbox-2 ma funziona solo con miniature inserite direttamente nel box di scrittura dell’articolo. Esiste un modo per fare ciò? Thank’s

    • Francesco Gavello
      16 maggio 2010

      Dipende da diversi fattori: lightbox alla base di tutto e nelle sue mille declinazioni ha bisogno di una struttura precisa su cui basarsi.

      Sicuramente esiste il modo, ma richiede che la struttura che punta all’immagine (link “a” e tag “img”) sia costruita in modo che lightbox (e non solo un suo plugin generico che si basa su assunti che possono non combaciare) sappia esattamente dove andare a lavorare.

  26. Gregory
    20 maggio 2010

    Grazie Francesco, anche se dopo svariate prove non sono riuscito ancora a venirne a capo…

  27. Cinzia
    26 gennaio 2011

    Ciao Francesco,
    sto provando ad usare la soluzione Pro inserendola nel file loop.php.
    Il tuo codice aveva degli spazi tra “<?php" che ho sistemato correggendo tutto il codice cosi:

    ID, ‘post_anteprima’, true );
    if ($anteprima_post) { ?>
    <a href="”>
    <img src="” class=”anteprima” />

    ID );
    if ($images) {
    $firstImageSrc = wp_get_attachment_image_src(array_shift(array_keys($images))); ?>
    <a href="”>
    <?php echo "”; ?>

    Ma purtroppo facendo l’upload non mi mostra più nulla del blog.

    Mi sai dire gentilmente dove sbaglio? Grazie mille!

    • Cinzia
      26 gennaio 2011

      il codice una volta postato è cambiato totalmente :(

      Dici che non mi mostra più il blog perché c’è un errore di sintassi nel mio php?

      Ti ringrazio.

  28. Francesco Gavello
    27 gennaio 2011

    Ciao Cinzia,
    gli spazi nel codice in alto sono inseriti dal plugin che uso per gestire questi embed. Purtroppo non è possibile inserire PHP nei commenti a meno di (appunto) separare i tag

    Il fatto che caricando un solo snippet venga bloccato il caricamento dell’intero blog mi fa supporre un qualche tipo di tag non chiuso, che fanno crollare a cascata un qualche ciclo condizionale. Difficile dirlo da qui purtroppo.

  29. Cinzia
    28 gennaio 2011

    Ciao Francesco,
    ti ringrazio per la tua disponibilità.

    Il mio problema non penso sia dovuto ad un tag non chiuso. Perché non ho cambiato il tuo codice, ma ho solo tolto gli spazi.

    Ora sto cercando di risolvere con un plugin che mi sembra più semplice.

    Grazie ancora, saluti.

  30. Fabio
    25 gennaio 2013

    Ciao
    mi chiamo Fabio e sto cercando di aiutare un’amica

    sito dell’amica
    http://jack1981.altervista.org/

    in questo articolo non riesco a trovare delle cose che mi servono per aiutare un’amica
    “non riesco a giustificare i post nella home…e neanke a modificare colori sfondo didascalia nella slide (dove c’è la foto); dal pannello di controllo nn si possono modificare e nel foglio css non riesco a trovare dove sn ste cose.”

    mi puoi dare una mano?
    Ciao
    Grazie

Rispondi

 

 

 

Torna su
cellulare pc desktop