NextGEN Gallery header

di gidibao il 5 marzo 2008

sotto WordPress plugins

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

[tab: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
[tab: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

[tab: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

[tab: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

[tab: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

[tab: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.

[tab:END]

{ 10 commenti… prosegui la lettura oppure aggiungine uno }

grangas 17 giugno 2008 alle 9:07

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!!!

Replica

gidibao 17 giugno 2008 alle 10:25

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 ;-)

Replica

grangas 17 giugno 2008 alle 11:08

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

Replica

gidibao 17 giugno 2008 alle 11:14

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

Grazie per il link ;-)

Fammi sapere…

Replica

grangas 18 giugno 2008 alle 17:11

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 :)

Replica

gidibao 18 giugno 2008 alle 17:31

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 :-)

Replica

honeymoonchild 20 agosto 2008 alle 19:20

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 :)

Replica

gidibao 20 agosto 2008 alle 19:49

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

Replica

IlDuca 28 ottobre 2008 alle 21:53

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

Replica

gidibao 28 ottobre 2008 alle 23:15

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 ;-)

Replica

Lascia un commento

Articolo precedente:

Articolo successivo:

gidibao on TwitterRSS Feedgidibao on FacebookEmailgidibao on friendfeedpaypalcontact us