Fw

Wordpress Creative Developer

Utilizzare Al Meglio la Gallery Nativa di WordPress

  • Guide Wordpress
  • -

Per le guide wordpress, oggi voglio spiegarti come sfruttare al meglio la gallery nativa di WordPress, in modo anche da rendere la vita più facile al cliente che deve caricare le foto nel sito.

Utilizzare Al Meglio La Gallery di WordPress

La creazione di gallerie fotografiche con il plugin nextgen gallery a volte può risultare più laborioso per il cliente che deve magari caricare molte foto in diversi articoli.

Quindi può risultare più facile per il cliente utilizzare la gallery nativa di WordPress.

In particolare vedremo:

  1. Come creare la gallery;
  2. Come attivare l’effetto Lightbox;
  3. Come eliminare il foglio di stile CSS di default;
  4. Come inserire lo shortcode della gallery direttamente nel codice

Sei pronto? Iniziamo!

1. Come creare la gallery

Prima di caricare le foto nella gallery, è importante definire le dimensioni delle miniature.

Nella bacheca di Wodpress vai su Impostazioni – Media e definisci le dimensioni della miniatura.

Gallery WordPress - Impostare le dimensioni delle miniature

Poi, per la creazione della gallery, ti basterà caricare le foto dentro l’articolo. Non dovrai fare altro.

Gallery WordPress - Caricare le foto

2. Effetto Lightbox

Qui utilizziamo il plugin Lightbox Plus, uno dei migliori per ottenere questo effetto.

Una volta installato e attivato il plugin vai in Aspetto – Lightbox Plus, dove tra le varie impostazioni è importante attivare la voce “Use For WP Gallery“, in Other Settings.

Gallery WordPress - Impostazioni Lightbox

3. Come eliminare il foglio di stile CSS di Default

WordPress assegna di default degli stili per la gallery, che potrebbero non andarci bene.

Per eliminare qualsiasi stile assegnato alla gallery, inserisci questa funzione nel file function.php

function remove_gallery_css( $css ) {
return preg_replace( "#<style type='text/css'>(.*?)</style>#s", '', $css );
}
add_filter( 'gallery_style', 'remove_gallery_css' );

Ora potrai definire gli stili che preferisci.

4. Aggiungere la gallery nel codice

Se ti ricordi, al punto uno abbiamo solo caricato le immagini, senza però creare la gallery.

Io ho pensato a un potenziale cliente particolarmente pigro, e quindi possiamo mettere questa riga di codice nel file single.php all’interno del loop, per inserire la gallery.

<?php echo do_shortcode('[gallery columns=9 link=file]') ?>

In questo modo stabiliamo quante foto per riga mostrare e che le miniature devono aprire il file associato.

9 Commenti

  1. […] consente di inserire delle gallerie fotografiche all’interno di articoli o pagine grazie alla gallery nativa o con plugin come ad esempio Nextgen […]

  2. Federico che tu sappia ė possible aggiungere un filmato youtube, sempre visible tramite lightbox, all’interno di una gallery wp nativa?
    Grazie anticipatamente
    Arsen

    • Ciao Arsen,

      cosa intendi esattamente? Vorresti fare una gallery mista di video e foto?

  3. Ciao Fede, mi farebbe comodo poter modificare i link della galleria di wordpress per collegare al thumbnail non l’immagine corrispondente ma un’altro url.. sai se è possibile?

  4. Ciao Federico,
    premetto che sono nuovo su wordpress. Ho installato il plugin e lo ho attivato ma mi funziona solo per alcune foto e per altre no ma io le ho caricate tutte nel solito modo. Inoltre l’effetto non mi funziona per le gallerie.
    Sai aiutarmi?
    Grazie

    • Ciao Maurizio, e benvenuto nel blog 😉

      Esattamente in quali foto funziona e in quali no? Hai attivato il plugin per la gallery di WordPress, come indicato al punto 2?

  5. Coao e comimenti per la spiegazione semplice…una domanda: quando inserisco una galleria in modo classico le miniature risultano 150x150px…io vorrei invece che avessero una misura stabilita da me ma non riesco, nemmeno modificando le impostazioni media. Eliminando la parte di codice che hai indicato si riesce? Scusa ma non ho avuto modo di provare e temo di fare dei disastri.
    Grazie mille

  6. Eccomi di nuovo, la funzione che hai indicato la posso copiare e incollare direttamente nel function.php? Ha una posizione precisa?
    Molti mi prenderanno per rin…co ma da poco mi sto addentrando alla vera e propria modifica dei codici in maniera invasiva.
    Aspetto con ansia una tua risposta.
    Grazie

  7. grazie, è proprio quello che stavo cercando

Scrivi un commento

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