Come aggiungere slider flash Cu3er ad un tema WordPress
Dopo aver scoperto Cu3er e aver imparato come inserirlo nella home page di Magento è arrivato il momento di capire come inserire lo slide Cu3er in un tema WordPress. Inserire lo slide in un tema WordPress è assolutamente semplice ma bisogna tener conto di alcuni aspetti fondamenti, come per esempio il percorso dei file da richiamare per inizializzare Cu3er. Vediamo allora come fare.
Installare Cu3er in un tema WordPress
Ho da poco inserito Cu3er in un tema per un portfolio personale basato su WordPress per mostrare delle slide nella home page del sito, i passi da seguire per installare lo slide sono semplicissimi, per iniziare bisogna scaricare Cu3er dal sito del suo autore, poi scompattiamo tutto il contenuto del file scaricato nella cartella del nostro tema, fatto questo iniziamo la modifica dei file php del nostro tema.
Apriamo quindi il file header.php ed inseriamo prima della chiusura del tag HEAD e di wp_head, lo script che richiama Cu3er:
<script src="<?php bloginfo('template_directory'); ?" type="text/javascript"><!--mce:0--></script> <script type="text/javascript"><!--mce:1--></script>
Come avrete notato ho inserito prima di ogni file il percorso del che lo richiama all’interno della cartella del nostro tema
Nell’ultimo parte dello script troveremo quindi la grandezza delle immagini slide da mostrare, modificatele in base alla vostra necessita.
Ora è arrivato il momento di inserire la classe che richiama Cu3er nella home page del nostro sito, quindi apriamo il file index.php ed inseriamo il codice HTML che richiama lo slider:
<div id="banner">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a></div>Ecco fatto ora salvate i file e smanettate sul file XML per personalizzare gli slide, un ultima cosa importante, nel file XML è meglio mettere il link assoluto alle vostre immagini, altrimenti non funziona.
Altri articoli simili
12 commenti
Lascia commento
Assicurati di inserire le informazioni richieste dove indicato * . I commenti sono moderati - e rel = "nofollow" è in uso. Si prega di non cadere link, nessuna parola chiave o domini come nomi, non è spam, e non pubblicizzare!
Occorre aver fatto il login per inviare un commento
leepton Says: dicembre 20, 2009 at 1:10 am
bah! non riesco a visualizzare cu3er
sarà il tema fatto con Artiseer ma non la presentazione non si visualizza
… ho seguito alla lettera le indicazioni fornite e…. anche incrociando le dita Cu3er non parte si vede solo il lnk a adobe per scaricare il player ….
Stew Says: dicembre 20, 2009 at 1:19 pm
Guarda inizialmente anche io avevo difficoltà e pensavo di non riuscire a superarle, ma poi con un pò di pazienza sono riuscito. Logicamente vai a ritrovso e vedi se hai eseguito correttamente tutte le istruzioni.
Per esempio hai copiato ed incollato il codice correttamente come riportato nell’articolo? Perchè il codice di default che trovi nel file esempio del pacchetto di cu3er non funziona con wp bisogna aggiungere “params”.
Poi consiglio di usare per le immaggini il percorso assoluto altrimenti è normale che non funziona.
Fammi sapere.
arufi Says: dicembre 23, 2009 at 5:00 am
mr. stew, please explain how to use the “absolute path”. in my config.xml, the images path is written images/slide_1.jpg. should I chance it to something else? please reply
Stew Says: dicembre 23, 2009 at 11:20 am
oh yes,
use http://www.mysite.com/images/slide_1.jpg
Bye
Stew Says: dicembre 23, 2009 at 2:35 pm
Poi non capisco con centinaia di temi gratuiti per WordPress usi un generatore di temi??
Stef Says: dicembre 23, 2009 at 3:03 pm
You have one huge error in your script!
‘wmode’ should be set under params, not attributes!
params.wmode = “transparent”;
leepton Says: dicembre 24, 2009 at 12:01 pm
… vabbè artiseer a parte ho trovato un sistema per ovviare il problema.
inoltre ho anche seguito le faq di supporto del sito di cu3er e confermo che il tutorial che hai postato corrisponde a quello indicato nelle faq … quindi possiamo tranquillamente dire che artiseer fa schifo :)
metodo per i disperati che non riescono ad implementare cu3er con wordpress:
modificate a piacimento la pagina demo.htm inclusa in cu3er create delle immagini che ripettino le misure dello slider che avete inserito nella pagina demo.htm
poi usate un plugin per inserire gli iframe e cu3er e tutto funzionerà a meraviglia.
beh Auguri di buone Feste a tutti! :°D
Stew Says: dicembre 24, 2009 at 3:54 pm
Hi Stef i have use for tutorial these info: http://www.progressivered.com/cu3er/support/topic/wordpress-doesnt-work#post-240
Stew Says: dicembre 24, 2009 at 3:55 pm
@Stef
Can make example.
leepton Says: gennaio 14, 2010 at 4:10 pm
dopo molti tentativi sono riuscito ad inserire cu3er in wordpress si apre con un po di delay ma funziona :)
in pratica sbagliavo ad inserire il codice nell header tra la chiusura di wp_head, e head
ora mi trovo con un altro problema legato ai fontswf e cu3er.swf in pratica il sistema di monitoragggio dei link 4040 me li indica sempre come non esistenti
qualcuno di voi consosce il modo di aggiungere il rel no forllow sia alle font.swf che a cu3er .swf?
Stew Says: gennaio 14, 2010 at 4:22 pm
Scusami non ho capito, cosa vuoi dire, che ti importa di quei due file, servono solo a cu3er!
leepton Says: gennaio 14, 2010 at 4:44 pm
grazie della risposta,
funziona tutto ok
soltanto che google indicizza anche il link dei font.swf e cu3er.swf generando degli errori 404 su quei 2 link
ma nonstante cio cu3er si visualizza e funziona