În Easy Digital Downloads (EDD), scurtcodul [downloads] este metoda standard pentru a afișa toate produsele tale pe o singură pagină. Dacă nu ești familiarizat cu scurtcodul și capabilitățile sale, poți citi despre el aici.
În mod implicit, produsele tale vor fi afișate într-un layout de grilă cu trei coloane, nouă produse și paginare dacă ai mai mult de nouă produse în magazinul tău. În majoritatea temelor, această afișare își îndeplinește scopul fără niciun CSS suplimentar (stiluri de design) din partea temei. Cu toate acestea, s-ar putea să nu arate exact așa cum dorești în toate temele. Mai rău, afișajul se poate distorsiona pe ecrane mai mici.
Acest lucru duce, de obicei, la întrebarea: „este scurtcodul [downloads] receptiv?” Cu alte cuvinte, oamenii se întreabă adesea de ce afișajul nu arată atât de bine pe ecranele mici. Voi explica de ce și ce poți face în legătură cu asta mai jos.
De ce scurtcodul [downloads] nu este receptiv?
Primul lucru de notat este că receptivitatea nu este un comportament universal. Receptivitatea unui element depinde în totalitate de mediul în care este conținut.
De exemplu, să spunem că există o secțiune a site-ului tău cu două coloane una lângă alta, pline de text, ambele ocupând 50% din lățimea zonei principale de conținut. Să spunem, de asemenea, că zona principală de conținut care „ține” acele coloane gemene are o lățime de 1000px. Asta înseamnă că fiecare coloană are o lățime de 500px. Pe măsură ce lățimea ecranului devine mai mică pe dispozitivele mai mici, undeva în jur de 600px lățime a zonei de conținut începe să facă coloanele acum de 300px puțin prea înguste. Acest lucru este nedorit, așa că CSS-ul receptiv folosește reguli pentru a spune: „la o lățime a ecranului de 600px, schimbă lățimea acestor două coloane de la 50% la 100%, *și* plasează-o pe cea din stânga deasupra celei din dreapta.” Și cu asta, ambele devin din nou lizibile.
Așa funcționează *exact* CSS-ul receptiv și se face intenționat.
Cu această înțelegere, devine clar că, pentru a scrie CSS-ul receptiv pentru a face acele coloane gemene să „răspundă” la lățimea ecranului, trebuie să cunoaștem și dimensiunile elementelor din jurul coloanelor. În contextul WordPress, asta înseamnă că trebuie să cunoaștem designul și dimensiunile temei tale.
Desigur, nu putem cunoaște detaliile tuturor temelor pe care clienții noștri le pot folosi. În timp ce tema ta poate afișa scurtcodul [downloads] într-un element care are doar 500px lățime, tema următoarei persoane poate afișa același scurtcod într-un element care are 900px lățime. CSS-ul tău receptiv ar trebui să fie foarte diferit de CSS-ul receptiv al celeilalte persoane. Și dacă schimbi tema, CSS-ul tău receptiv ar trebui să se schimbe din nou.
Cu alte cuvinte, pur și simplu nu putem *prezice* când și cum ar trebui scurtcodul [downloads] să răspundă la fiecare temă în același timp.
Există teme care includ CSS receptiv pentru scurtcodul [downloads]?
Da, într-adevăr! În majoritatea temelor care sunt construite pentru a profita de EDD, acest lucru este deja făcut pentru dvs. De exemplu, tema Vendd proiectează complet ieșirea scurtcodului [downloads] pentru toate dimensiunile ecranului. O puteți vedea pe demo aici: https://easydigitaldownloads.com/vendd/ Vendd nu numai că face ca scurtcodul [downloads] să fie receptiv, dar îi îmbunătățește și aspectul.
Dacă o temă nu a fost îmbunătățită având în vedere EDD, ieșirea scurtcodului nu va fi receptivă. Se va afișa conform specificațiilor parametrilor scurtcodului și nimic mai mult. Dacă doriți ca acesta să „răspundă” la dimensiunea ecranului, acest lucru trebuie scris specific din perspectiva temei dvs.
De asemenea, rețineți că unele teme care sunt îmbunătățite pentru EDD s-ar putea să nu facă scurtcodul [downloads] receptiv. În schimb, va include propriul șablon pentru afișarea produselor și sugerează să utilizați șablonul personalizat în locul scurtcodului.
Există o selecție mare de teme pregătite pentru EDD disponibile aici: https://easydigitaldownloads.com/themes/
Ce ar trebui să fac dacă nu folosesc o temă pregătită pentru EDD?
Dacă doriți să continuați să utilizați tema dvs. care nu este îmbunătățită pentru EDD, dar doriți, de asemenea, ca ieșirea scurtcodului [downloads] să fie receptivă, aveți două opțiuni:
1. Dacă sunteți un autor CSS, puteți pur și simplu să scrieți CSS receptiv pentru a face ca ieșirea scurtcodului să facă ceea ce doriți din tema dvs. Nu va trebui să vă faceți griji că EDD va face modificări care vă vor strica CSS-ul.
2. Angajați un designer pentru a face ieșirea receptivă pentru dvs. Nu este o sarcină incredibil de dificilă, așa că designerul nu va trebui să fie familiarizat cu EDD în sine. CSS-ul receptiv este un stil de design larg înțeles și aproape orice autor CSS ar trebui să poată vizualiza ieșirea și să o facă receptivă pentru tema dvs. Dacă doriți să vă limitați la un profesionist care este deja familiarizat cu ecosistemul EDD, recomandăm partenerul nostru de încredere, Codeable.
