Welcome CSS Sliding Box WordPress Plugin

Pubblicato da Davide, Aggiornato domenica 28 ottobre 2007 45 Commenti »

Che diavolo è?

Provate a cliccare sul bottocino “che diavolo?” in alto a questa pagina e capirete in un attimo. Si tratta di un piccolo box CSS scorrevole, all’interno del quale si può far apparire tutto ciò che ci pare..
Dopo avdd-welcome-ita.ziper scaricato il plugin e fatto l’upload dei files ‘dd-welcome.php’ e ‘dd-bg.gif’ all’interno della solita cartella ‘wp-content/plugins/’, apparirà nel menù ‘Opzioni’ un comodo pannello di amministrazione dal quale è possibile configurare il box scorrevole.

SCARICALO QUI..

A cosa serve?

Bella domanda, in teoria per avere un box figo dove poter inserire le solite informazioni su chi siamo, cosa facciamo, da dove veniamo e dove vogliamo arrivare. In pratica potete metterci ciò che meglio credete, anche gli ultimi libri letti..

Dal ‘Welcome Manager’, senza toccare il codice del nostro template, potremo impostare:

Il testo da far apparire all’interno del box, nel quale si possono utilizzare anche i più comuni tag HTML per fare link o inserire immagini
Il testo da far apparire sul bottoncino
Il colore di sfondo
Una eventuale immagine di sfondo
Il colore del testo
L’altezza in pixel del box scorrevole
L’allineamento del bottone (destra o sinistra)
Il margine dal bordo della pagina
La posizione del bottone (fissa o scorrevole con la pagina)

Queste sono tutto proprietà CSS regolabili senza intervenire sul codice. Vi ricorda nulla? Ma certo, il celeberrimo e decantato plugin di Francesco Fullone FCC Ribbon Manager, da quale ho preso spunto e che ringrazio.

NB: se impostate l’altezza del box a ’100%’ potrete avere una bellissima pagina nascosta, dove ad esempio si potrebbe mettere il portfolio personale.. o amenità varie.

100 per cent

Javascript?

Ovviamente si. Questo plugin utilizza il solito scriptaculous.. Perchè questo e non Mootools? Semplicemente perchè dalla versione 2.qualcosa di wordpress esso è incluso direttamente tra i file del programma, così la pagina si dovrebbe caricare più velocemente.
Se per caso avete una versione vecchiotta di WP e non è presente scriptaculous, potete scaricare questo zip e mettere la cartella ‘/scriptaculous/’ sul vostro server, dentro a ‘/wp-includes/js/’. Il percorso sarà quindi ‘/wp-includes/js/scriptaculous/’.

Se avete idee o suggerimenti.. scrivete pure due righe.

What’s?

Click on the button “che diavolo?” at the top of this page and you can see. It’s a little CSS sliding box, where you can insert what you prefer..
Download the plugin files and upload ‘dd-welcome.php’ and ‘dd-bg.gif’ on your server folder ‘wp-content/plugins/’, then in the Option Menu you find the ‘Welcome Manager’ where you can set your sliding box.

DOWNLOAD HERE..

Ok, but how can I use it?

It’s a good question. You have a cool box to insert the classic info text or whatever you want: portfolio, last purchases, last read books, and so on..

In the Welcome Manager, without touching the code, you can set:

The text that will appear in the sliding box, it supports common HTML tag to link or insert images
The text that will appear in the button
The background color
An opzional background image
The text color
Box height (in pixel)
Button align (left or right)
Button margin (in pixel, % or em..)
Button position (fixed or absolute)

NB: if you set up the height to 100%, you have a cool hidden page on your blog..

100 per cent

Javascript?

Obviously.. This plugin uses the classic scriptaculous. Why this and not Mootools? Simply because from the 2.1 version of wordpress it is included directly in the /wp-includes/ folder, therefore the page would have to be loaded fastly.
If you have an old version or is not present scriptaculous, you can download this zip and put the folder “/scriptaculous/” on your server, in “/wp-includes/js/”. The path will be “/wp-includes/js/scriptaculous/”.

If you have ideas or suggestions, please drop me two lines.

Nessun articolo correlato

Esplora articoli simili per tag..

Esplora articoli simili per categoria..

Ajax e Javascript Blog CSS Php Progetti

45 Commenti »

Puoi lasciare un tuo commento, oppure fare un trackback dal tuo sito.

1

Paolo - Pubblicato il 13 08 2007 alle 17:30

Grande, bella segnalazione, ma lo hai fatto tu?
2

Davide - Pubblicato il 13 08 2007 alle 17:39

Certo che l’ho fatto io.. :) Forse era meglio scriverlo! Ciao..
3

Laburno - Pubblicato il 13 08 2007 alle 17:54

Carino il plugin!
Complimenti.
4

Vibes - Pubblicato il 13 08 2007 alle 18:41

bellissimo questo plugin.. se ci apporto qualche modifica per importare nel testo delle funzioni di WP , devo domandare il tuo permesso?
5

Davide - Pubblicato il 13 08 2007 alle 18:49

Ciao, certo che puoi farlo.. Anzi, è una cosa che avevo in mente anch’io perchè potrebbe tornare utile..
Fammi sapere se fai qualche modifica, che magari la rendiamo pubblica e disponibile per tutti! ;)
6

Enrico - Pubblicato il 29 08 2007 alle 20:22

Diceva un filosofo (o un uomo saggio): Niente è più indispensabile del superfluo! Il detto si addice perfettamente al caso del tuo plugin, che trovo estremamente gradevole e molto simpatico. Davvero molti complimenti.
Enrico
7

Davide - Pubblicato il 29 08 2007 alle 20:25

Ciao Enrico, hai colto in pieno l’anima del plugin!
8

WordPress Plugins Database » Plugin Details » DD Welcome - Pubblicato il 07 09 2007 alle 07:51

[...] Visit [...]
9

Aless{a}ndro - Pubblicato il 27 09 2007 alle 16:49

Forse ti stai chiedendo come i tuoi “Downloader” stanno utilizzando il plugin, io l’ho sfruttato per aggiungere un banner che inviti gli utenti ad accedere alla pagina dei Feeds, in questo modo riesco a “catturare” la fedeltà di un maggior numero di navigatori.
Il plugin che hai realizzato è semplice ma al tempo stesso elegante, ancora complimenti
10

Lorenzo - Pubblicato il 17 10 2007 alle 13:50

Ciao..credo di aver individuato un piccolo problema. Se tra i plugin su WP (ver 2.3) ho attivato contemporaneamente DD Welcome e Lightbox JS v2.03.3 Plugin (http://www.4mj.it/lightbox-js-v20-wordpress/) il LightBox su FireFox sembra non funzionare. Qualcuno ha avuto lo stesso problema?Soluzioni?
11

Davide - Pubblicato il 18 10 2007 alle 00:34

Lorenzo,
Forse il problema è che lo script viene caricato due volte, da entrambi i plugin. Potresti provare a cancellare la frase “echo $js;” nella riga 35 del mio plugin e dovrebbe funzionare tutto.
In questa pagina ad esempio le due cose coesistono tranquillamente: http://www.diplod.it/foto/ :)
Ciao
12

claudio - Pubblicato il 12 01 2008 alle 15:07

Ciao, a me purtroppo non funziona. Non lo vedo proprio nella homepage. :(
13

Davide - Pubblicato il 12 01 2008 alle 18:00

Ciao Claudio.. io lo vedo sul tuo blog, in alto a sinistra..
Che browser hai tu?
14

claudio - Pubblicato il 12 01 2008 alle 19:02

IE 7. Ho notato che con WP quando inserisco un widget nuovo o un plugin, quasi sempre non mi mostra subito il nuovo settaggio, ma devo per esempio cambiare pagina per vederlo nella sidebar o altrove, ma se resto sulla home nisba. Ancora adesso non lo vedo. forse perchè non ho ancora chiuso il picci da quando ho inserito il tuo plugin? Boh…
15

Davide - Pubblicato il 12 01 2008 alle 23:57

Ma.. io sinceramente lo vedo: “Benvenuti. Spero che le notizie che nei pochi momenti liberi riesco ad inserire in questo blog possano contribuire a risolvere qualche vostro dubbio o ad indirizzarvi al meglio.”

Che impostazioni gli hai dato? magari è un problema di posizionamento con IE..
16

claudio - Pubblicato il 13 01 2008 alle 09:39

ciao, se cambio tema lo vedo, ma con nerino no. provo a ricaricare Nerino
17

Davide - Pubblicato il 13 01 2008 alle 15:26

Ciao claudio.. Non so, assicurati di aver messo tutti i parametri bene (le misure con scritto “px” o “%”). L’ho provato anche su Nerino qui e sembra funzionare tutto bene: http://lab.diplod.it/demo/
18

Mirko - Pubblicato il 30 01 2008 alle 20:02

Ciao! Complimenti molto utile! Unico problema che ho riscontrato è che il bottone anzichè apparire a destra mi appare a sinistra (l’opzione destra sinistra è come se fosse ignorata, qualsiasi delle due metta sempre a sinistra lo trovo il bottone!) Secondo te è risolvibile in qualche modo? GrAZIE!
19

Mirko - Pubblicato il 30 01 2008 alle 20:40

E’ possibile cambiare la larghezza del box che si apre in modo che sia più in “sintonia col tema utilizzato da wordpress? Grazie!
20

Davide - Pubblicato il 30 01 2008 alle 21:41

Ciao Mirko, l’allineamento destra-sinistra dovrebbe funzionare senza problemi (l’ho appena testa qua sopra), prova a controllare bene i margini.

Per quanto riguarda la larghezza del box, per ora è prevista a tutta pagina. Ma se hai voglia puoi modificarla tu a mano aprendo il file php del plugin.
21

Marco - Pubblicato il 27 02 2008 alle 14:51

Ho provato ad utilizzare il plugin sul mio sito. Aprendo l’ url con explorer 7 me lo carica 1 volta. Poi se lo chiudo e riapro mi appare solo il cancelletto sulla barra url e il plugin non funziona piu’. Ho wp 2.23

Qualcuno sa aiutarmi?
22

marco - Pubblicato il 02 03 2008 alle 23:55

ciao!
complimenti per il plugin..è utilissimo (per spiegare il titolo del blog nel mio caso)..credo sia settato bene (ho praticamente ripreso le impostazioni usate da te nella tua foto d’esempio quindi credo siano giuste e coerenti..ho solo cambiato la dimensione del box per fargli coprire l’header del mio blog e limmagine di sfondo il cui collegamento è cmq corretto..

Solo che NON SI VEDE!!!
Nè su IE che su Firefox..

con quest’ultimo browser inoltre se clicco su sorgente di … vedo che lo carica.. ma non lo vede!

inserisco qui i dati per ulteriore chiarezza..:

Colore Sfondo (esempio: #333): #333
Url immagine di sfondo (repeat-all):http://marcoragonesi.netsons.org/wp-content/themes/day-night/images/wrap.jpg
Colore Testo (esempio: #fff): #fff
Altezza Box (esempio: 100px): 300px
Allineamento bottone (Align): right
Margini Bottone (esempi: 30px, 20%, 4em..): 20%
Posizione Bottone (fixed o absolute..): absolute

dov’è l’errore?
scusate per la prolissità ma ho cercato di inserire + info utili possibili..
23

Davide - Pubblicato il 03 03 2008 alle 14:53

@Marco ragonesi: le impostazioni sono corrette. controlla che il tuo tema abbia i tag wp_head() nel file header.php e wp_footer() nel file footer.php
Dal codice della tua pagina viene caricato solo il css ma non l’html..

@Marco di migratoria: vedi sotto..

Tenete presente che questo plugin funziona con scriptacolous e prototype, sono due javascript che spesso possono avere conflitti con altri javascript, magari caricati dai plugin o da qualche widget che avete nel blog. Mi rendo conto che è uno stress quando lo cose non vanno, ma non ho materialmente il tempo per risolvere conflitti o bug.. :(
24

marco - Pubblicato il 03 03 2008 alle 18:12

grazie Davide!

mancava > ora funziona a meraviglia!
25

marco - Pubblicato il 04 03 2008 alle 01:16

mancava il footer !

ps: ma c’è un modo per modificare il colore del testo e dello sfondo del bottone? giusto per crearne uno con maggiore contrasto..più visibile ecco..

grazie ancora!
26

Marco - Pubblicato il 04 03 2008 alle 14:39

L’ unico script che utilizzo e’ un inserimento di un files SWF nella Home Macromedia flash
Puo ‘ essere che vadano in conflitto entrambi gli script?
27

Mirko - Pubblicato il 11 03 2008 alle 18:01

Confermo che wu WordPress 2.3 se si ha installato Lightbox occorre eliminare dal php del plugin la funzione ” echo $js; ” Una volta eliminata il plugin sembra funzionare correttamente e nno entrare in conflitto con lightbox. (Esempio sul mio sito http://bimbumbam.altervista.org) Grazie! Grande plugin!!!
28

Vanille - Pubblicato il 05 04 2008 alle 18:28

Complimenti per il plug in, l’ho piazzato al volo sul mio blog, l’ho usato per dire al mondo che kasiusweb è do follow.
p.s. come tema uso diplod geek, che pian pianino sto customizzando,ti ringrazio anche per quello.
Best Regards
Vanille
29

Che diavolo e? Plug in per wordpress | Kasiusweb - Pubblicato il 05 04 2008 alle 18:48

[...] A questo indirizzo : Welcome CSS Sliding Box WordPress Plugin [...]
30

DIGITALife » Diplo: Free Wordpress and Website Template - Pubblicato il 16 04 2008 alle 21:59

[...] temi per i vostro wordpress. Inoltre trovate un esempio ed una pagina di chiarimenti riguardo a CSS Sliding Box un utile plugin per wordpress: si tratta di un piccolo box CSS scorrevole, all’interno del quale [...]
31

Bau - Pubblicato il 28 04 2008 alle 10:23

Ciao, volevo farti i complimenti per il plugin, appena finisco di mettere in campo due o tre idee per il blog che gestisco pensavo di usarlo, e non ringraziare l’autore mi sembra un insulto a chi si sbatte per gli altri.

Grazie per il lavoro.
32

isaac - Pubblicato il 20 05 2008 alle 17:39

Ho preso per un mio lavoro questo pluigin e un tuo template di wordpress, grazie vedrò di ricambiare !
33

Ste - Pubblicato il 02 09 2008 alle 12:46

Ciao. complimenti per il tuo lavoro!
Ho provato il plugin però con Slimbox Plugin, quest’ultimo non funziona, suppongo sia un problema simile a quello di Lorenzo con Lightbox JS. Ho provato a rimuovere la riga 35…slimbox funziona però dd welcome invece non apre la finestra.
Un peccato! ma cmq, un bel lavoro davvero.
34

Davide - Pubblicato il 02 09 2008 alle 13:04

Già.. purtroppo i framework js faticano a convivere, e bisogna sceglierne uno su cui sviluppare..
35

Mr.51kk0! - Pubblicato il 09 09 2008 alle 19:55

Ho installato il plugin funziona alla grande, complimenti :)
36

Mister6339 - Pubblicato il 12 11 2008 alle 19:09

Ma solo a me non funziona? l’ho attivato sul mio blog ma non si vede nulla!
Cosa può essere??
37

Davide - Pubblicato il 12 11 2008 alle 19:21

Generalmente quando non funziona è perchè il tema non ha il tag < ?php wp_head() ?> nel file header.php e/o il tag < ?php wp_footer() ?> nel file footer.php
38

Mister6339 - Pubblicato il 12 11 2008 alle 19:41

Adesso funziona alla grande. Mancava il tag nel Footer.

Grazie ancora e complimenti per il plugin.
39

Calogero - Pubblicato il 01 01 2009 alle 14:43

Gran bel Plugin complimenti!!
40

Peter - Pubblicato il 20 03 2009 alle 19:06

Senti è possibile inserire il codcie per avere la pagina di registrazione e di login? Se si come?
Ti ringrazio
41

Streamissimo - Pubblicato il 17 10 2009 alle 15:59

Come faccio a farci prendere lo stesso effetto del tuo??
42

Alesandro - Pubblicato il 22 11 2009 alle 15:27

Beh Davide, ti ringrazio nuovamente perchè come per il template questo è proprio quello che carcavo :D: Grazie
43

Matteo - Pubblicato il 05 01 2010 alle 10:31

Ciao, purtroppo sul mio sito non funziona, ho già provato a mettere ma le cosa non cambiano, suggerimenti?
44

Davide - Pubblicato il 06 01 2010 alle 00:21

Ciao Matteo, tipicamente è dovuto a conflitti con altri javascript. Dovresti prima provare a utilizzarlo disattivando gli altri plugin e attivandoli uno per uno, per capire qual è quello che dà luogo al conflitto..
45

Luca - Pubblicato il 14 04 2010 alle 23:40

ueeee ueeee ueeee sto piangendo!

il tuo plug in sarebbe perfetto per il mio blog in costruzione, ma accidenti va in conflitto con lo slideshow vslider tp://wordpress.org/extend/plugins/vslider/

e non funziona, cosa potrei fare per far funzionare anche il tuo plug-in assieme a vslider… ti prego un consiglio………………!!!!

Grazie per il tuo magnifico lavoro.