In Easy Digital Downloads (EDD), lo shortcode [downloads] è il modo standard per visualizzare tutti i tuoi prodotti in un'unica pagina. Se non hai familiarità con lo shortcode e le sue capacità, puoi leggere a riguardo qui.
Per impostazione predefinita, i tuoi prodotti verranno visualizzati in un layout a griglia con tre colonne, nove prodotti e paginazione se hai più di nove prodotti nel tuo negozio. Nella maggior parte dei temi, questa visualizzazione serve al suo scopo senza alcun CSS aggiuntivo (stili di design) dal tema stesso. Tuttavia, potrebbe non apparire esattamente come desideri in tutti i temi. Peggio ancora, la visualizzazione potrebbe distorcersi su schermi più piccoli.
Questo porta tipicamente alla domanda: "lo shortcode [downloads] è responsive?" In altre parole, le persone si chiedono spesso perché la visualizzazione non sia così bella su schermi piccoli. Spiegherò perché, e cosa puoi fare al riguardo qui sotto.
Perché lo shortcode [downloads] non è responsive?
La prima cosa da notare è che la responsività *non* è un comportamento "taglia unica". La responsività di un elemento dipende interamente dall'ambiente in cui è contenuto.
Ad esempio, supponiamo che ci sia una sezione del tuo sito con due colonne affiancate piene di testo, entrambe che occupano il 50% della larghezza della tua area di contenuto principale. Supponiamo anche che l'area di contenuto principale che "contiene" quelle colonne gemelle sia larga 1000px. Ciò significa che ogni colonna è larga 500px. Man mano che la larghezza dello schermo diventa più stretta su dispositivi più piccoli, da qualche parte intorno a una larghezza dell'area di contenuto di 600px le colonne, ora larghe 300px, diventano un po' troppo sottili. Questo è indesiderabile, quindi il CSS responsive utilizza regole per dire: "a una larghezza dello schermo di 600px, cambia la larghezza di queste due colonne dal 50% al 100%, *e* impila quella di sinistra sopra quella di destra." E con ciò, entrambe diventano di nuovo leggibili.
È *esattamente* così che funziona il CSS responsive, ed è fatto con un intento preciso.
Con questa comprensione, diventa chiaro che per scrivere il CSS responsive per far "rispondere" quelle colonne gemelle alla larghezza dello schermo, dobbiamo anche conoscere le dimensioni degli elementi attorno alle colonne. Nel contesto di WordPress, ciò significa che dobbiamo conoscere il design e le dimensioni del tuo tema.
Naturalmente, non possiamo conoscere i dettagli di tutti i temi che i nostri clienti potrebbero utilizzare. Mentre il tuo tema potrebbe visualizzare lo shortcode [downloads] in un elemento largo solo 500px, il tema della persona successiva potrebbe visualizzare lo stesso shortcode in un elemento largo 900px. Il tuo CSS responsive dovrebbe essere molto diverso dal CSS responsive dell'altra persona. E se cambi tema, il tuo CSS responsive dovrebbe cambiare ancora una volta.
In altre parole, semplicemente non possiamo *prevedere* quando e come lo shortcode [downloads] dovrebbe rispondere a ogni tema contemporaneamente.
Esistono temi che includono CSS responsive per lo shortcode [downloads]?
Sì, certo! Nella maggior parte dei temi creati per sfruttare EDD, questo è già fatto per te. Ad esempio, il tema Vendd progetta completamente l'output dello shortcode [downloads] per tutte le dimensioni dello schermo. Puoi vederlo sulla demo qui: https://easydigitaldownloads.com/vendd/ Vendd non solo rende reattivo lo shortcode [downloads], ma ne migliora anche il layout.
Se un tema non è stato migliorato tenendo conto di EDD, l'output dello shortcode non sarà reattivo. Verrà visualizzato come specificato dai parametri dello shortcode e nient'altro. Se hai bisogno che "risponda" alle dimensioni dello schermo, ciò deve essere scritto specificamente dalla prospettiva del tuo tema.
Inoltre, tieni presente che alcuni temi migliorati per EDD potrebbero comunque non rendere reattivo lo shortcode [downloads]. Invece, includeranno il proprio template per la visualizzazione dei prodotti e suggeriranno di utilizzare il template personalizzato invece dello shortcode.
È disponibile un'ampia selezione di temi pronti per EDD qui: https://easydigitaldownloads.com/themes/
Cosa devo fare se non sto usando un tema pronto per EDD?
Se desideri continuare a utilizzare il tuo tema non ottimizzato per EDD, ma desideri anche che l'output del tuo shortcode [downloads] sia reattivo, hai due opzioni:
1. Se sei un autore CSS, puoi semplicemente scrivere CSS reattivo per far sì che l'output dello shortcode faccia ciò che desideri dal tuo tema. Non dovrai preoccuparti che EDD apporti modifiche che possano compromettere il tuo CSS.
2. Assumi un designer per rendere reattivo l'output per te. Non è un compito incredibilmente difficile, quindi il designer non avrebbe bisogno di avere familiarità con EDD stesso. Il CSS reattivo è uno stile di design ampiamente compreso e quasi tutti gli autori CSS dovrebbero essere in grado di visualizzare l'output e renderlo reattivo per il tuo tema. Se desideri rivolgerti a un professionista che abbia già familiarità con l'ecosistema EDD, ti consigliamo il nostro partner di fiducia, Codeable.
