Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Uso avanzato degli allegati in WordPress - Creazione di Gallerie Categorizzate

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Advanced Use of Attachments in WordPress.
Advanced WordPress Attachments: Creating Custom Queries
Advanced WordPress Attachments: Creating a 'Featured Image'

Italian (Italiano) translation by Roberta C (you can also view the original English article)

Final product image
What You'll Be Creating

Questo tutorial è il terzo di una serie di quattro parti in cui imparerete alcune tecniche avanzate per lavorare con gli allegati immagine in WordPress.

In questa serie abbiamo visto come:

  • Assegnare categorie e tassonomie agli allegati
  • Eseguire query su file multimediali in base alla tassonomia in maniera tale da poter creare dei loop personalizzati usando le tassonomie e visualizzare le immagini in pagine di archivio.
  • Assegnare un'immagine a un termine di categoria o di tassonomia impostandola come la relativa "immagine in evidenza". 

Nella parte 1 ho dimostrato come creare nuove tassonomie per gli allegati. Nella parte 2  ho mostrato come creare un template personalizzato per i documenti e come aggiungere un loop che visualizzi un link al file multimediale per ogni documento. In questa terza parte andremo a creare un template personalizzato per la tassonomia gallery-category, che visualizzi tutte le immagini dello stesso termine come una pagina di archivio stile galleria. Nota: Se si vogliono applicare categorie esistenti e tag ai file multimediali, ecco il mio tutorial sull'assegnazione di categorie e tag agli allegati.

Che cosa hai bisogno

Per seguire questo tutorial è necessario quanto segue:

  • Un'installazione di sviluppo di WordPress
  • Accesso FTP (o MAMP o simili se stai lavorando in locale)
  • Un editor di codice

Nella parte 1 ho creato un plugin per registrare le tassonomie e nella parte 2 ho creato un tema figlio di  twenty fourteen  con un template file per i documenti. In questa parte userò quel tema e aggiungeremo un altro template file a questo.

Se state seguendo questa serie, avete bisogno dei file sorgente per la parte 2, che includono il plugin e il tema. Se state lavorando con un tema personalizzato assicurarsi che il plugin creato nella parte 1 sia attivo - il nuovo template non funzionerà senza questo. Sarà inoltre necessario aggiungere il file functions della parte 2 di questo tutorial, o aggiungere la funzione nel vostro file functions. Il code bundle per questo tutorial include il plugin e il nuovo tema figlio con entrambi i template aggiunti, che funziona solo se avete twenty fourteen installato.

1. Creare il template file

Nel nostro tema, creiamo un nuovo file chiamato taxonomy-gallery-category.php. Questo visualizzerà gli archivi per i termini della tassonomia gallery-category Copiare il codice dal template file document-category e modificarlo per rimuovere il loop e modificare il titolo della pagina, o copiare il codice riportato di seguito:

2. Aggiungere un loop personalizzato

Il passaggio successivo consiste nell'aggiungere un loop. Questo ciclo restituirà l'immagine all'interno di un link al suo allegato pagina. Dopo la chiusura del tag </head>, aggiungere quanto segue:

Questo differisce dal loop del file creato l'ultima volta in questi aspetti:

  • Invece di utilizzare un elenco per contenere gli allegati, stiamo usando una serie di div(con la classe gallery-imageper lo stile) all'interno di un elemento section.
  • Anziché effettuare il collegamento al relativo file allegato, il link è alla pagina di allegato, utilizzando echo get_attachment_link()
  • Anziché visualizzare il link intorno al titolo dell'allegato, questo è inserito intorno all'immagine stessa, che viene visualizzata utilizzando wp_get_attachment_image() . Questo è un attributo del tag alt che viene impostato tramite la variabile $imgattr.

Questo visualizza tutte le immagini in una pagina di archivio, come illustrato di seguito nella la mia pagina di archivio per Birmingham:

Quando si clicca su una qualsiasi di quelle immagini si va alla relativa pagina di allegato:

3. Formattare lo stile della Galleria

Dal momento che la mia galleria non si visualizza tanto bene con tutte le immagini una sotto l'altra, aggiungo alcune regole di stile. Nel foglio di stile del tema, aggiungere quanto segue:

Ora salvare il foglio di stile e visualizzare nuovamente la pagina galleria. Sembra molto meglio:

Sommario

In questa parte della serie vi ho mostrato come possiamo usare una pagina di archivio per visualizzare una galleria eseguendo delle query agli allegati in un loop personalizzato. Ciò consente di evitare di dover creare manualmente un sacco di gallerie se il sito ha bisogno di includere più gallerie con ogni immagine in più di una di queste. Basta caricare le immagini, assegnare le categorie galleria a queste, e il gioco è fatto! Nella parte finale di questa serie, vi mostrerò come è possibile assegnare una categoria a un'immagine utilizzarla efficacemente come 'immagine in evidenza' di tale categoria.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.