sideb
sideb

Angelo Milan: [...]disponibilità e accuratezza[...] Leggi tutto...

© 2006-2010 gidibao.net

NextGEN Gallery header

Il plugin NextGEN Gallery offre la possibilità  di inserire nel proprio tema una header animata. La procedura in sé non é particolarmente complessa sebbene una buona riuscita dell’intera operazione dipenda principalmente dalla struttura del tema in uso. Come primo passo, sarà  necessario creare uno slideshow con le immagini che vorremo mostrare nella header ricordando di mantenere inalterate le dimensioni del file immagine originale.

Prendiamo ora come esempio un tema di default per WordPress dove la header misuri in larghezza 760 pixel e 200 in altezza (valori width/height)…

wpdefault1.png

Passo 1

…e creiamo per nostra comodità  una cartella allocando in essa la serie di file immagine con estensione .jpg che verranno utilizzati in seguito per la realizzazione dello slideshow con il plugin NextGEN Gallery.

Prepariamo ora una nuova galleria dalla Bacheca di WP:

  1. Nuova Galleria (creazione sotto Galleria/Aggiungi Galleria)
  2. Impostazione setting slideshow (sotto Galleria/Opzioni/Slideshow)
  3. Upload file cartella come archivio .zip immagini (sotto Galleria/Aggiungi Galleria/Carica un file ZIP)

demo

Passo 2

Ad operazione compiuta, avremo a disposizione la ID di uno slideshow (pubblicabile via tag nei post/pagine del sito) non ancora pronto per essere inserito nella header del nostro tema. Il passo successivo sarà  dunque quello di estrarre il codice embed.

id

Passo 3

Andiamo ora nella sezione “Scrittura” del blog e prepariamo la bozza di un nuovo post inserendo la tag dello slideshow realizzato in precedenza, salviamo senza pubblicare e clicchiamo infine su “Anteprima”.

base_header.png

Passo 4

Per estrarre il codice, clicchiamo con il tasto destro del mouse a lato dello slideshow e selezioniamo dal menu la voce “Visualizza sorgente selezione”; ad operazione compiuta, apparirà  una finestra con l’embed flash dello slideshow pronto per essere copiato ed inserito nel file header.php del tema in uso come segue:

head_emb.jpg

Installazione

Giunti a questo punto, il tutto dipende dalla configurazione del proprio tema: in genere, la tag di riferimento della header sulla quale apportare le modifiche é la seguente:

div.png

Note

Vedi anche:

  1. Inside Plugins: NextGEN Gallery
  2. Random Header Images per WordPress
  3. Inside Plugins: Test Theme Drive
  4. Inside Plugins: NextGEN Gallery Polaroid addon

Per ovvie ragioni pratiche e di utilità , rimando la discussione di questo articolo nel forum dedicato: non fornirò piú assistenza tecnica nei commenti al post.

10 commenti per NextGEN Gallery header

  • grangas

    Salve, ho un problema :( ho scritto un post con solo il tag, ma quando lo vado a vedere in anteprima per poi estrarre il codice mi appare la scritta “The Flash Player and a browser with Javascript support are needed..” sul mio pc java e flash sono aggiornati all’ultima versione.

    Dove stà  l’errore?
    Grazie!!!

  • Salve grangas,
    prova ad inserire momentaneamente lo slideshow in un post che hai già  pubblicato in precedenza. Fammi sapere…
    Usi FireFox?

    PS
    Metti il link al tuo sito ;-)

  • grangas

    Stesso problema sia con FF che con IE anche se messo in coda al testo di una pagina già  presente, il sito che stò realizzando ਠhttp://www.marmoedile.com

  • Con Flock ad esempio, lo slideshow della tua sidebar mostra il codice (vedi qui). Prova con quello…

    Grazie per il link ;-)

    Fammi sapere…

  • grangas

    Ho fatto un pò di prove e sembra andare :)
    Se metto lo slideshow nell’header in formato ad esempio 760×200 poi posso mettere altri slideshow inelle pagien del sito con formati pi๠piccoli (es 300×200)?

    Per il link vedo cosa posso fare, su altri miei siti sicuramente apparirà  presto :)

  • Ottima notiza grangas! ;-)

    Non ho mai provato due formati diversi. Nella mia esperienza diretta posso dire che il plugin riesce a gestire funzioni diverse in pi๠sideshow (tipo background, loader, etc.)

    Fammi sapere. Sarebbe interessate!!!

    Gianni :-)

  • ciao ho un piccolo problema: non riesco a togliere la barra di navigazione che ਠpresente sulla slideshow:

    http://www.queensfoggia.net

    come posso fare? grazie in anticipo :)

  • Ciao honeymoonchild,
    vai nel file header.php del tuo tema dove hai inserito il codice embed flash dello slideshow.
    Cerca shownavigation=true e modificalo sostituendo di fatto il solo comando “true” con “false“.
    Ad operazione compiuta, salva le modifiche a header.php e svuota la cache del browser per poter visualizzare il tuo slideshow senza la barra di navigazione ;-)

    Fammi sapere…

    Gianni

  • Articolo veramente interessante!
    tuttavia non riesco a far funzionare lo slideshow nell’header con l’aggiornamento automatico del plugin nextgen alla versione 0.99.1, nਠcon wordpress 2.6.2 né con l’ultima versione 2.6.3. ti risulta qualcosa?
    ciao grande

  • Ciao IlDuca,
    grazie! :-)

    La header attualmente in uso per gidibao.net funziona correttamente grazie alla versione 0.99.1 di NGG e la 2.6.3 di WP (ok anche per la 2.6.2 precedente).

    La header funzionava con le versioni precedenti ed ora no, oppure la stai installando per la prima volta?
    Nel mio caso, durante/nonostante tutti gli upgrade degli ultimi 9 mesi (WP e NGG), la header ha sempre funzionato propriamente a parte una sola volta nella quale l’aggiornamento del plugin metteva in automatico la barra di navigazione nello slideshow. La soluzione fu quella di modificare il codice embed dello slide settando su false la funzione.

    Qualora la tua fosse fosse una nuova integrazione:
    1. hai avuto l’occasione di verificare il codice embed dello slide?
    2. hai inserito e posizionato correttamente in header.php il codice embed?

    Poiché l’immagine della header viene regolata da un identificatore nel CSS del tema, il codice embed andrà  quindi inserito nel file header.php del tuo tema avvolto da div id="header" sostituendo così di fatto il codice attuale in uso che chiama l´immagine nella header.

    Fammi sapere…

    Gianni ;-)

Lascia un commento

 

 

 

Puoi usare anche questi tag HTML

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>