Drupal riVince l’Open Source CMS Award 2009 nella categoria Best Open Source PHP CMS rilasciato sotto licenza GNU/GPL o equivalente.
Secondi a parimerito Joomla e Worpress.
Tra i milgiori CMS non in PHP invece vince Plone.
Archive for the ‘wordpress’ Category
Drupal best open source PHP CMS 2009
Rilasciato plugin ilmeteo.it per wordpress
E’ stato rilasciato da ilmeteo.it un plugin per wordpress per le previsioni meteo.
A questo indirizzo http://imeteo.wordpress.com/ è possibile scaricarlo e vedere le istruzioni per installarlo.
Plugin Shadowbox per Wordpress versione 0.2
Ecco “finalmente” la versione 0.2 del mio plugin Shadowbox per wordpress.
Novità:
Ora è possibile utilizzare il plugin sia con Yahoo! User Interface Library che con Prototype + Scriptaculous oltre ovviamente a MooTools.
Di default è attivato quest’ultimo, ma per chi volesse modificando il file shadowbox.php e commentando la porzione mootools e decommentando quella del framework interessato si può usare il plugin nel modo che si preferisce.
Versioni:
Ecco il repository SVN per chi volesse collaborare:
http://svn.wp-plugins.org/shadowbox/
Gabba Gabba Hey
Bonzo
Plugin shadowbox per wordpress
Ho letto di questo componente Shadowbox che è una specie di Lightbox, slimbox che consente di inserire molti tipi di contenuti: non solo foto ma video da youtube, animazioni flash, pagine html, ecc..
Ho quindi pensato di provare a creare il mio primo plugin per wordpress integrando questo componente.
Qui intanto gli esempi di come funziona Shadowbox:
Demos
Images
Single Image (Flickr)
Image Gallery
Large Image
You may have to shrink your browser window to view the effect here. See the handleLgImages option for more information.
| Clipped (no resizing) | Resized | Draggable |
 |
|
|
Thumb Gallery
Unlike the previous image gallery, this one is triggered by thumbnail links. It also uses a skip counter and is continuous.
 |
 |
 |
Flash
Single SWF
SWF Gallery
Flash Video
Movies
Single Movie (mov)
Single Movie (mpeg-4, controller disabled)
Single Movie (avi, autoplay disabled)
Single Movie (wmv)
Apple.com Trailer
YouTube
Google Video
Movie Gallery
MOV
WMV
FLV
External Website
This page
Mixed Content Gallery
swf
Il Plugin è molto semplice, basta caricare la cartella che si ottiene scompattando l’archivio compresso nelal cartella /wp-content/plugins, andare nella parte di amministrazione e attivare il plugin.
Per utilizzarlo basta aggiungere rel=”shadowbox” ai link che volete aprire in questo modo.
ecco un po’ di esempi presi dal sito di shadowbox
Markup
The simplest way to use Shadowbox is through your HTML markup. At the very least, you must add a rel="shadowbox" attribute to your links. For example, say you have this link to an image on your page:
<a href="myimage.jpg">My Image</a>
In order to set up this link for use with Shadowbox, simply change it to this:
<a href="myimage.jpg" rel="shadowbox">My Image</a>
If you would like to display a title for your image, simply add a title attribute to the link.
<a href="myimage.jpg" rel="shadowbox" title="My Image">My Image</a>
You must explicitly tell Shadowbox the dimensions to use to display content other than images. This is done by adding a few parameters to the end of the rel attribute, separated by semi-colons (like a CSS style declaration). To specify a movie's height and width, use the height and width parameters. Note: unlike in CSS, these values must always be specified in pixels.
<a href="mymovie.swf" rel="shadowbox;height=140;width=120">My Movie</a>
Additionally, you may set Shadowbox options on a per-link basis. To do this, you must include a JSON-formatted parameter called options. An example could be:
<a href="myimage.jpg" rel="shadowbox;options={overlayOpacity: 0.5, resize: false}">My Image</a>
In addition to displaying single images and movies, Shadowbox is also capable of displaying galleries of content. In order to designate a link as part of a gallery, you must add the gallery name to the rel attribute between square brackets immediately following the word "shadowbox". For example, the following markup creates a gallery called "Vacation" with two pictures:
<a href="beach.jpg" rel="shadowbox[Vacation]">The Beach</a> <a href="pier.jpg" rel="shadowbox[Vacation]">The Pier</a>
Galleries may be composed of content of many different types. The following markup is a compressed version of the last demo above. It demonstrates how various media can be combined into a single gallery.
<a rel="shadowbox[Mixed];options={counterType:'skip',continuous:true}" href="vanquish.jpg">jpg</a>
<a rel="shadowbox[Mixed];width=520;height=390" href="caveman.swf">swf</a>
<a rel="shadowbox[Mixed];width=292;height=218" href="kayak.mp4">movie</a>
<a rel="shadowbox[Mixed]" href="index.html">iframe</a>
Per ora il plugin funziona con mootools, ma è facilmente adattabile ad altre librerie javascript, visto che shqdowbox include i vari adapter per queste librerie.
- Yahoo! User Interface Library (yahoo, dom, event, anim)
- Ext (standalone, ext-core.js)
- Prototype + Scriptaculous
- jQuery
- MooTools (requires Fx.Styles and its dependancies)
- Dojo Toolkit (thanks Peter Higgins)
Scarica il plugin versione 0.1
Ovviamente spero che se ci sono reeori qualcuno me lo segnali.
Gabba Gabba Hey
Bonzo
Slimbox wordpress plugin
Come ho già avuto occasione di dire, mi piacciono molto le finestre modali per la visualizzazione delle immagini e dove potevo le ho sempre inserite.
Fino ad ora ho utilizzato in particolare lightbox, ma ovviamente ho testato anche altre soluzioni. Ultimamente però ho preso la decisione di utilizzare principalmente mootools come framework javascript quindi, visto che è più funzionale caricare solo una libreria per non appesantire troppo i client, ho deciso di sostituire lightbox con slimbox utilizzando il plugin relativo anche sul blog:
Eccone alcuni esempi con immagini che già sono state usate nel mio blog.
Sequenza
il codice è questo:
Single example:
<a href=”img1.jpg” rel=”lightbox” title=”my caption”>thumbnail1</a>
Image set example:
<a href=”img1.jpg” rel=”lightbox[roadtrip]”>thumbnail1</a>
<a href=”img2.jpg” rel=”lightbox[roadtrip]”>thumbnail2</a>
<a href=”img3.jpg” rel=”lightbox[roadtrip]”>thumbnail3</a>
Ogni volta che si inserisce una immagine bisogna aggiungere l’attributo rel, lightbox se è solo una immagine o lightbox[roadtrip] se si vuole creare una sequenza.
Gabba Gabba Hey
Bonzo
Social