WordPress attachments: una fotogallery per ogni articolo

10 Dicembre 2010Scritto da mario6

Ormai è risaputo, di blog resta solo la parola: wordpress, per tutto il resto ci sono i plugin che spesso riescono a trasformare questa semplice piattaforma di blogging in un immenso universo di applicazioni che spesso e volentieri lo rendono un portale a tutti gli effetti. Oggi voglio condividere un plugin che mi ha svoltato la giornata lavorativa odierna: Attachments. Permette di creare una fotogallery per ogni post/articolo.

Installazione

Scaricare il plugin dal link ufficiale ed installarlo nella sezione plugin del pannello di controllo del vostro sito wordpress.
Appena attivato senza fare nulla di particolarmente complicato vi basterà andare negli articoli (vedi immagine a sinistra).

Scorrendo la lunga pagina di inserimento o modicia articoli noterete un “hook” del plugin che avete installato cosi come l’immagine sottostante mostra:

Cliccando su attach vi comparirà la classica schermata di wordpress per l’upload dei file. Selezionate il vostro e caricate facendo click su attach. Chiudete la finestra (piccola dimenticanza dell’autore del plugin, la finestra di upload non si chiude in maniera automatica). Eseguite lo stesso identico procedimento per tutte le immagini che desiderate caricare all’interno del vostro articolo ottenendo cosi una lista di immagini che potete cancellare e modificare tranquillamente. Avete creato la vostra fotogallery per il solo articolo

Implementazione della gallery nel front-end

Qui passiamo dalla cura dettagliata per ogni singolo particolare nel back-end al marchingegno spartano utilizzato dall’autore del plugin per rendere visibile la fotogallery anche in front-end. Niente di sconvolgente, sia chiaro ma per fare funzionare il tutto, se non lo siete dovete diventare per 5 minuti degli abili smanettoni seguendo questi semplici passi.

La funzione che contiene le immagini si chiama attachments_get_attachments(); essa restituisce un vettore contenente non solo il path delle immagini ma anche una serie di oggeti con informazioni utili, vediamo quali:

  • title: il titolo dell’immagine
  • caption: l’etichetta
  • id: identificativo dell’immagine
  • location: il percorso assoluto

Per stampare le immagini in un post o una pagina basta operare nel file page.php o single.php del vostro template inserendo il seguente codice all’interno del loop:

 0 )
  {
    for ($i=0; $i < $total_attachments; $i++)
    {
      echo "\""";
    }
  }
?>

Potete scaricare questo plugin (stabile anche per la versione 3.0) al seguente link.

Scritto da mario

Agile web e mobile developer, attraverso il blog mette in campo l'esperienza acquisita quotidianamente sul mondo del lavoro.

6 comments

  • gwebInspiration

    11 Dicembre 2010 at 9:10

    io sapevo che c’era un altro plugin che faceva le stesse identiche cose ma guardando bene è stato deprecato con l’uscita di wp3 quindi questo penso che vada bene….appena ho necessità ne terrò conto. grazie

    Reply

  • Sara design

    11 Dicembre 2010 at 9:20

    è quello ke mi serviva. lo testo subito

    Reply

  • Dimagrire in una settimana

    13 Dicembre 2010 at 15:03

    Interessante, anche se un pò laborioso; preferisco le estensioni che non necessitano in alcun modo di mettere mano al codice

    Reply

  • gwebInspiration

    13 Dicembre 2010 at 17:46

    Installato! Lavora alla grande. grazie 😉

    Reply

  • Luigi

    22 Agosto 2011 at 12:25

    Grazie mille, ottimo plugin, ho cercato un bel pò qualcosa del genere,e trovo strano che ce ne sia uno solo di questo genere, in fondo penso sia una cosa abbastanza comune aggiungere una serie di foto a un post.

    Reply

Lascia un commento

Your email address will not be published. Required fields are marked *

https://www.fullstacksas.it/wp-content/uploads/2021/11/FULLSTACK-LOGO-MINI-150x131.png

Via Vito Rosa, 7
70127 Bari – IT
P.iva – 08087100726

Gli attrezzi del mestiere

Full Stack Sas – p.iva 08087100726 – Rea n. BA – 603324

Copyright 2019. Bold Themes. All rights reserved.

bt_bb_section_top_section_coverage_image