Questo plugin originariamente scritto da Bill Erickson e molto utile se si vuole formattare in modi differenti i post pubblicati tramite il suo plugin Display-Posts.
Questa versione del plugin è differente dall’originale poiché ho implementato al suo interno alcuni layout personalizzati e personalizzabili.
Per inserirli correttamente utilizziamo il Camel Case per scrivere il nome del layout
Flip X
E un semplice effetto, generato completamente tramite CSS3 che permette la rotazione di due pannelli sull’asse delle X.
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="FlipX"
Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345"
FlIP Y
E un semplice effetto, generato completamente tramite CSS3 che permette la rotazione di due pannelli sull’asse delle Y.
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="FlipY"
Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345"
Swipe Up
E’ un semplice effetto ottenuto tramite l’uso dei CSS3 che permette di visualizzare il titolo dell’articolo in sovrapposizione, nella parte bassa, all’immagine in evidenza. All’hover del mouse il testo si alza e va ad occupare i 4/3 dell’immagine mostrando un’anticipazione del contenuto.
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SwipeUP"
Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345" ed il relativo valore alpha: bg_alpha="0.7", cosi come e possibile selezionare il colore del testo all’interno di questo pannello: color="#000"
Swipe Down
E’ un semplice effetto ottenuto tramite l’uso dei CSS3 che permette di visualizzare il titolo dell’articolo in sovrapposizione, nella parte alta, all’immagine in evidenza. All’hover del mouse il testo si abbassa e va ad occupare i 4/3 dell’immagine mostrando un’anticipazione del contenuto.
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SwipeDown"
Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345" ed il relativo valore alpha: bg_alpha="0.7", cosi come e possibile selezionare il colore del testo all’interno di questo pannello: color="#000"
Side Sx
Layout che allinea l’immagine a sinistra del titolo e del sommario
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SideSx"
Side Dx
Layout che allinea l’immagine a destra del titolo e del sommario
Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SideDx"
