Fw

Wordpress Creative Developer

Guida WordPress – Integrare una Gallery jQuery

  • Guide Wordpress
  • -

WordPress consente di inserire delle gallerie fotografiche all’interno di articoli o pagine grazie alla gallery nativa o con plugin come ad esempio Nextgen Gallery.

In questa guida WordPress invece voglio farti vedere come integrare qualsiasi plugin jQuery che lavori sulle immagini.

Guida WordPress - Integrare una Gallery jQuery

Nell’articolo vediamo come integrare Photobox, una galleria di immagini CSS3 e jQuery.

Cosa si vuole ottenere

Il mio obiettivo è quello di rendere la vita al cliente la più facile possibile. In questo caso, il cliente per creare la gallery non dovrà fare altro che caricare le immagini attraverso l’editor di WordPress, senza inserirle nell’articolo.

Il file Function.php

All’interno di questo file dovrai includere il plugin jQuery la gallery, e aggiungere le dimensioni necessarie per le miniature e le foto grandi.

Per includere il plugin jQuery photobox.js, utilizza le funzioni wp_register_script e wp_enqueue_script, mentre per le dimensioni delle foto utilizza la funzione add_image_size

Codice per la gallery

Ora vediamo il codice necessario per prendere le immagini aggiunte attraverso l’editor di WordPress, da  inserire ad esempio nel file template-gallery.php, creato apposta per la gallery.

Codice per la gallery

La prima parte del codice serve per prendere tutte le immagini inserite nel post corrente, in ordine ascendente.

Poi per ogni “attachment”, viene presa la miniatura ($image_small) e l’immagine grande ($image_big) e di queste poi viene preso l’url dell’immagine ($image_big[0]).

Ti rimando al codex di WordPress, per la funzione wp_get_attachment_image_src.

Conclusioni

In questo modo potrai integrare qualsiasi plugin jQuery all’interno di WordPress, e consentire al cliente di creare le gallery in modo veloce e intuitivo 😉

Fonte: Wptuts

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *