Le singole immagini e gli altri file caricati sul sito web vengono visualizzati in un’unica pagina dell’allegato. Tuttavia, molti temi non forniscono un template per gli allegati.
La creazione di un modello di allegati personalizzato in WordPress consente di controllare il modo in cui vengono visualizzate le singole pagine degli allegati, offrendo la flessibilità necessaria per migliorare sia la funzionalità che l’estetica.
In questo articolo vi mostreremo come creare facilmente un template personalizzato per i singoli allegati in WordPress.
Cos’è una pagina dell’allegato in WordPress?
Per impostazione predefinita, viene creata automaticamente una singola pagina per ogni allegato multimediale presente sul vostro sito WordPress. Ciò include immagini, video, file audio, PDF e altro ancora.
Come gli articoli e le pagine, anche gli allegati sono memorizzati nella tabella wp_posts
del database di WordPress. In realtà, gli allegati sono un tipo speciale di articolo e hanno il tipo di post “allegato”. In questo modo è più facile cercarli e visualizzarli.
Le pagine dell’allegato consentono di aggiungere metadati agli uploader di file, come titolo, didascalia e descrizione. Inoltre, consentono ai visitatori di commentare le immagini e i video.
Molti utenti amano personalizzare i modelli di allegati per visualizzare informazioni aggiuntive. Ad esempio, un tema fotografico potrebbe utilizzare la pagina degli allegati per visualizzare i dati EXIF. In questo modo si potrebbe mostrare il modello di fotocamera utilizzato, le impostazioni della fotocamera e persino i dati relativi alla posizione dell’immagine.
Tuttavia, si consiglia di disabilitare queste pagine dell’allegato se non si intende utilizzarle.
Detto questo, vediamo come creare un template personalizzato per i singoli allegati in WordPress. Ecco cosa copriremo in questa guida:
- How to View an Attachments Page in WordPress
- Which Template Is Used for an Attachments Page?
- Disabling Attachments Pages in WordPress
- Creating a Custom Single Attachments Template with a Theme Builder Plugin
- Creating a Custom Single Attachments Template Using Code
- Bonus: Add Post Attachment as Featured Image in WordPress
Come visualizzare una pagina dell’allegato in WordPress
Quando si personalizza il template dei singoli allegati, è utile visualizzare una pagina dell’allegato per vedere le modifiche apportate. Ecco alcuni modi per visualizzare le pagine dell’allegato in WordPress.
Visualizzazione di una pagina dell’allegato dalla libreria dei media
È necessario accedere alla pagina ” Libreria dei media” dalla dashboard di WordPress e fare clic su un’immagine o un altro allegato. Verrà visualizzata la finestra “Dettagli allegato”.
In questo campo è possibile inserire il testo alt, il titolo, la didascalia e la descrizione dell’immagine. Queste informazioni possono essere visualizzate nella pagina dell’allegato, quindi è bene compilare i campi per vedere come vengono visualizzati.
In basso a destra della finestra è presente il collega “Visualizza pagina dell’allegato”.
Facendo clic su quel collega, si accede alla pagina dell’allegato per quell’immagine.
Visualizzare una pagina dell’allegato da un articolo o da una pagina.
È sufficiente aprire un post o una pagina nell’editor di contenuti di WordPress e aggiungere un’immagine.
Quindi, selezionare l’immagine e fare clic sul pulsante ‘Collega’ nella barra degli strumenti. Nel menu a discesa, si vedrà l’opzione per selezionare la “pagina dell’allegato”.
Ora, facendo clic sull’immagine, si accede alla pagina dell’allegato.
Quale template si usa per una pagina dell’allegato?
Come i post e le pagine, gli allegati vengono visualizzati utilizzando un modello. Quello utilizzato dipende dai modelli disponibili nel tema e dalla gerarchia dei modelli di WordPress.
Se esiste, WordPress utilizzerà il template attachment.php
per controllare l’aspetto delle pagine dell’allegato. Tuttavia, è possibile creare template diversi per ogni tipo di file che può essere caricato sul sito.
Ad esempio, un file template chiamato image.php
controllerà l’aspetto delle pagine dell’allegato, mentre le pagine dell’allegato video possono essere controllate da un template chiamato video.php
.
È anche possibile creare un template di allegato personalizzato per estensioni di file specifiche. Ad esempio, il template image-gif.php
controllerà le pagine dell’allegato GIF.
Tuttavia, se il tema di WordPress non offre un template specifico per gli allegati, verrà utilizzato di default single.php
, il template per il single post type, o index.php
, il template di riserva predefinito.
In questo caso, le pagine dell’allegato avranno il layout di qualsiasi altra pagina o post, il che non è sempre bello.
Disabilitazione delle pagine dell’allegato in WordPress
Se non si intende utilizzare le pagine dell’allegato in WordPress, si consiglia di disabilitarle.
Molti temi non hanno template speciali per gli allegati, che quindi possono apparire come pagine incomplete del sito. Questo può lasciare una cattiva impressione sui visitatori.
Possono anche avere un impatto SEO negativo sulle classifiche di ricerca. Infatti, i motori di ricerca considerano le pagine con poco o nessun testo come “di bassa qualità” o “contenuti sottili”.
Per saperne di più, consultate la nostra guida su come disabilitare le pagine dell’allegato in WordPress.
Tuttavia, se intendete utilizzare pagine dell’allegato, continuate a leggere per scoprire come personalizzare il template dell’allegato in WordPress. Verranno coperti due metodi. Il primo è il più semplice e utilizza un plugin.
Creare un template personalizzato per i singoli allegati con un plugin per il builder del tema
Il modo più semplice per creare un template personalizzato per i singoli allegati è utilizzare SeedProd. È il miglior builder di temi per WordPress e può creare bellissimi layout di siti web e template personalizzati senza scrivere alcun codice.
È possibile utilizzare SeedProd per creare un tema WordPress completamente personalizzato, compreso un template personalizzato per i singoli allegati. Per maggiori dettagli, potete consultare la nostra recensione completa di SeedProd.
Nota: esiste una versione gratuita di SeedProd, ma è necessaria la versione Pro per accedere al builder dei temi e creare un template personalizzato per gli allegati.
Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.
Al momento dell’attivazione, è necessario inserire la chiave della licenza. Queste informazioni si trovano nel proprio account sul sito web di SeedProd.
Successivamente, è necessario utilizzare SeedProd per creare facilmente un tema WordPress personalizzato.
Creazione di un tema personalizzato per WordPress
Il builder di temi di SeedProd si trova navigando nella pagina SeedProd ” Theme Builder. Qui si utilizzerà uno dei kit di siti o template già pronti di SeedProd come punto di partenza. Questo sostituirà il tema WordPress esistente con un nuovo design personalizzato.
È possibile farlo facendo clic sul pulsante “Temi”.
Vi verrà mostrato un elenco di temi progettati professionalmente e pensati per diversi tipi di siti web. Ad esempio, ci sono modelli chiamati “Modern Business”, “Marketing Agency” e “Mortgage Broker Theme”.
Date un’occhiata alle opzioni e selezionate quella che corrisponde meglio alle vostre esigenze facendo clic sull’icona con il segno di spunta.
Una volta scelto il tema, SeedProd genererà tutti i template necessari. Ora è possibile creare un template personalizzato per i singoli allegati.
Creazione di un template personalizzato per gli allegati
Di default, non esiste un template per gli allegati e per gli allegati di questo tipo viene utilizzato il template Articolo singolo.
Correggeremo questo problema creando un nuovo template Allegato. Utilizzeremo il template Articolo singolo come punto di partenza, in modo che il nuovo template sia coerente con il tema.
Per farlo, è necessario fare un passaggio del mouse sul template Duplica articolo singolo finché non appaiono alcuni colleghi. A questo punto si deve fare clic sul collega ‘Duplica’ per creare una copia di quel template.
Ora si vedrà un nuovo template chiamato “Copia di un singolo articolo” in alto nell’elenco.
È sufficiente puntare il mouse sul nuovo template e fare clic sul collega “Modifica condizioni” che appare.
Si aprirà una finestra che consente di modificare le impostazioni del template. Si può iniziare assegnandogli il nome “Allegati”.
Successivamente, è necessario definire le condizioni di utilizzo di questo template. Nella sezione “Condizioni”, lasciare la prima impostazione come “Includi” e selezionare “È allegato” dal secondo menu a discesa.
Successivamente, è necessario assegnare al template una priorità. Il template Articolo singolo ha una priorità pari a 0, quindi occorre assegnare a questo template una priorità più alta, in modo che venga utilizzato al posto di tutte le pagine in corrispondenza. Per questo tutorial, assegneremo una priorità pari a 5.
Al termine, fare clic sul pulsante “Salva” per memorizzare le nuove impostazioni.
Ora è il momento di personalizzare il design e i contenuti del template. È possibile farlo facendo clic sul collega “Modifica design”.
Si aprirà il builder della pagina SeedProd. Qui è possibile aggiungere nuovi contenuti trascinando i blocchi sulla pagina e riorganizzando i contenuti mediante trascinamento.
È possibile accedere alle impostazioni di qualsiasi blocco facendo clic su di esso e, al passaggio del mouse su un blocco, è possibile eliminarlo facendo clic sull’icona della cestina.
Per questa esercitazione, elimineremo i due blocchi in alto nella pagina relativi al blog e trascineremo il blocco Post Info in modo che si trovi sotto l’immagine.
Verrà eliminata anche la sezione dei commenti in fondo alla pagina. Quando avete finito, fate clic sul pulsante “Salva” in alto nella pagina. Dopodiché, è possibile chiudere il builder della pagina facendo clic sul pulsante “X” in alto a destra.
A questo punto si tornerà all’elenco dei template. È necessario attivare il nuovo template portando l’interruttore ‘Pubblicato’ in posizione on.
Ora è possibile visualizzare una pagina dell’allegato sul sito web per vedere le modifiche.
Creare un template personalizzato per gli allegati singoli usando il codice
Questo metodo è più avanzato e richiede l’aggiunta di codice ai template del tema di WordPress. Se non l’avete mai fatto prima, consultate la nostra guida su come copiare e incollare codice in WordPress.
Quando si installa un aggiornamento del tema, si perdono molti dei personalizzazioni effettuate. Vi consigliamo di evitarlo creando un tema child e personalizzandolo al suo posto. Per saperne di più, consultate la nostra guida su come aggiornare un tema di WordPress senza perdere le personalizzazioni.
Creazione di un file template per gli allegati
Per prima cosa, è necessario scegliere un template da personalizzare. Per modificare l’aspetto di tutti gli allegati, è necessario personalizzare attachment.php
.
Tuttavia, se si desidera personalizzare solo le immagini o i video, è necessario modificare image.php
o video.php
.
Quindi, verificate se il vostro tema contiene già questi template. Ad esempio, troverete i template del tema Twenty Twenty-One visitando la cartella wp/content/themes/twentytwentyone
sul file manager del vostro hosting WordPress.
Possiamo vedere che il tema Twenty Twenty-One ha un template image.php
ma non un template attachment.php
.
Se il tema non dispone del template che si desidera personalizzare, è necessario crearlo. È sufficiente salvare un file vuoto con il nome desiderato.
Quindi, copiare il contenuto del file single.php
nel nuovo file vuoto e poi salvarlo. In questo modo il template dell’allegato sarà visivamente coerente con il resto del sito web.
Ora avete un nuovo template per gli allegati, ma finora le vostre pagine dell’allegato avranno lo stesso aspetto di prima. È ora di apportare alcune personalizzazioni.
Personalizzazione del file del template di allegato
Ora è possibile personalizzare la pagina degli allegati apportando modifiche al codice del modello. Il file del modello è come qualsiasi altro file di tema in WordPress. È possibile aggiungere a questo file qualsiasi HTML, tag del template o codice PHP.
È possibile scaricare il template sul computer e aprirlo in un qualsiasi editor di testo, come il Blocco note. Una volta terminata la modifica del codice, è sufficiente salvare il file e caricarlo nella cartella del tema tramite FTP.
Ecco alcuni esempi di come si potrebbe personalizzare il template image.php
del tema Twenty Twenty-One. Ecco come appare prima di apportare qualsiasi modifica.
La pagina inizia con il titolo dell’immagine, seguito dall’immagine stessa e da una didascalia. Successivamente, si trovano la descrizione dell’immagine e alcuni altri dettagli su chi siamo. Infine, viene visualizzata la sezione dei commenti.
È possibile ordinare l’ordine di visualizzazione di queste sezioni. Ad esempio, si può spostare il codice dell’immagine sopra il titolo.
È possibile rimuovere la didascalia dell’immagine semplicemente eliminando le righe di codice che la visualizzano.
Ecco come appare ora la pagina dell’allegato.
Se preferite non permettere ai visitatori di lasciare commenti sulle vostre immagini, potete rimuovere del tutto la sezione dei commenti.
È sufficiente eliminare le righe di codice in fondo che visualizzano la sezione dei commenti.
Bonus: Aggiungere l’allegato alla pubblicazione come immagine in evidenza in WordPress
La maggior parte dei temi di WordPress visualizza le immagini in evidenza accanto agli articoli successivi del blog sul sito web. Tuttavia, se siete appena passati da un tema che non supportava questa caratteristica, avrete molto spazio nero sulla pagina del blog.
Poiché creare immagini in evidenza per tutti i post pubblicati sul blog richiede molto tempo, è possibile utilizzare gli allegati dei post come immagini in evidenza. Questo aumenterà il traffico del blog e l’engagement degli utenti.
Per farlo, installare e attivare il plugin Auto Featured Image. Successivamente, visitare la pagina “ Impostazioni di Auto Featured Image” e selezionare l’opzione “Trova nella pubblicazione” nel menu a discesa “Metodo di generazione”.
Quindi, deselezionare l’opzione “Pagine” nella sezione “Genera per i post type”.
Quindi, passare alla sezione “Genera immagini” in alto e scegliere l’opzione “Post” dal menu a discesa “Tipo di contenuto”.
Il plugin visualizza ora il numero di articoli del blog che non hanno un’immagine in evidenza. Fare clic sul pulsante “Genera immagini in evidenza”.
Ora tutti i post del blog che non hanno un’immagine in evidenza mostreranno automaticamente la prima immagine allegata come miniatura. Per maggiori dettagli, consultate il nostro tutorial su come add-on gli allegati ai post come immagini in evidenza in WordPress.
Speriamo che questo tutorial vi abbia aiutato a imparare come creare un modello personalizzato di allegati singoli in WordPress. Potreste anche voler imparare a non pubblicare una pagina di WordPress o dare un’occhiata al nostro elenco di pagine importanti che ogni blog dovrebbe avere.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
apachx
How to open any image from article in a new page like this:
And how to show all images from article at the bottom of this image page (plus NEXT, PREV button)?
Caroline
I created a attachment.php but it seems not to work. The attachments pages and its layout still look like before. Have I missed something?
Wayne G.
Thanks for this post. It really helped me.
I had a problem where Google indexed one of my attachment pages as if it were content. I looked up recipes for fixing it and nothing seemed to work. Yost’s SEO plugin does this, but I am using another and I don’t want to change it. Other suggestions worked, but they affected some of my custom post type work.
Then I saw this post and realized that all I had to do is create a single-attachment.php page with javascript that refreshes to the homepage and it works great!
Does anyone know if there is a down side to doing this?
WPBeginner Staff
Monolops, you can attach .zip files to a post and when adding them to a post you can choose it to link to the attachment page instead of file. Now when users will click on the file link they will be taken to attachment page.
Check out how the Twenty Thirteen theme displays .zip files differently than images by studying its attachment.php template.
An easier solution could be using WP File Manager plugin.
monoloops
Hey thanks for point that up. I will look for attachment page in that theme..I know that I can point .zip file to attachment page but don’t know how to customize it..That’s my issue.. Wp file manager is nice plugin but only offers direct donwloads. But with attachment page you get one more nice spot for ads when someone want to download those free files..
monoloops
Very nice tutorial..I am wordpress beginer in customizing and I love your website. Can you please help me with this matter but instead of photography I need file attachment like .zip or .rar. I’ve tried to work on my own based on your tutorial but my skills isn’t on that level yet Every google search for customizing attachment page is about images. No one thinks that people might want to share files i guess…
Rita
This code worked like a dream – thank you so much!
Agnes
I am interested to use single-attachment.php to display the attachments with some content.
However, what I’d really like is to get the list of such pages into my sitemap, and I could not achieve that with existing plugins (one list URL of images,but not URL of image/attachment pages)
So I am thinking to have a page or achive that would list all URLs of image/attachment pages. How would I do that?