Ghidul pas cu pas pentru realizarea unei galerii de defilare în WordPress

Acum, mai mult ca niciodată, oferirea unei experiențe de utilizator excepționale (UX) pentru vizitatorii site-ului dvs. ar trebui să fie o prioritate maximă. Oamenii au o toleranță scăzută pentru site-urile web greoaie și lente. Cu ani în urmă, ai fi putut scăpa de asta.

In lumea de astazi? Nici o sansa.

Oferirea unei galerii de derulare care să prezinte lucrările dvs. ar putea părea complicată și ar putea încetini site-ul dvs. Departe de; de fapt (mulțumită lui Modula), nu numai că este ușor să oferi o galerie de derulare, dar vizitatorii tăi nu vor avea de suferit din cauza unui site care se încarcă lentă!

Indiferent dacă preferați o galerie de defilare orizontală sau verticală, funcțiile puternice și ușor de utilizat ale Modula vor face procesul simplu și plăcut.

Așadar, fără alte prelungiri, haideți să ne aruncăm și să învățăm cum să creați o galerie de defilare uimitoare pentru site-ul dvs. WordPress.

Ce este o galerie cu derulare și de ce ar trebui să luați în considerare una

O galerie de defilare este un tip de galerie de imagini care afișează un set de imagini sau alte medii într-un format de defilare. Aceasta înseamnă că imaginile sunt afișate una după alta, iar utilizatorul le poate derula orizontal sau vertical folosind mouse-ul, touchpad-ul sau alte dispozitive de intrare.

Galeriile de defilare au devenit din ce în ce mai populare deoarece oferă mai multe beneficii față de galeriile de imagini tradiționale. Iată doar câteva motive pentru care ați putea dori să luați în considerare utilizarea unei galerii de defilare pe site-ul dvs.:

Experiență îmbunătățită a utilizatorului : galeriile de defilare oferă o experiență de utilizator mai captivantă și mai interactivă decât galeriile de imagini tradiționale. Deoarece utilizatorul poate derula imaginile, își poate lua timpul pentru a vizualiza fiecare imagine și a explora galeria în propriul ritm.

Design care economisește spațiu : deoarece galeriile derulante afișează imagini una după alta, acestea pot fi o alternativă care economisește spațiu la galeriile de imagini tradiționale. Acest lucru poate fi deosebit de util dacă aveți spațiu limitat pe site-ul dvs. web sau doriți să afișați multe imagini fără a copleși utilizatorul.

Aspect modern și elegant : galeriile de defilare au un aspect modern și elegant, care vă poate ajuta să vă faceți site-ul web să arate mai profesional și mai actualizat. Sunt o modalitate excelentă de a vă prezenta imaginile și pot fi personalizate pentru a se potrivi cu brandingul și stilul site-ului dvs.

O implicare și conversii crescute : această metodă de galerie poate crește implicarea și conversiile pe site-ul dvs., încurajând utilizatorii să exploreze mai mult conținutul dvs. Cu cât investighează mai mult, cu atât este mai avantajos pentru tine, proprietarul site-ului.

Configurarea Modula

Pentru a instala Modula, accesați tabloul de bord WordPress și faceți clic pe Plugins . Apoi, faceți clic pe Adăugați nou și căutați „Modula”.

După ce ați găsit pluginul, faceți clic pe butonul Instalați acum și așteptați finalizarea instalării. În cele din urmă, faceți clic pe Activare pentru a activa pluginul.

Pentru o explicație mai detaliată despre instalarea și activarea Modula, inclusiv capturi de ecran pas cu pas, consultați documentația noastră.

Crearea unei galerii

Odată ce pluginul este instalat și activat, puteți crea o nouă galerie.

Pentru a face acest lucru, accesați tabloul de bord WordPress > Modula > Galeriile și faceți clic pe butonul Adăugați nou .

Modula este foarte ușor de utilizat. (OK, deci am spune asta!) Dar suntem siguri ca si voua va place!

Puteți încărca imaginile și le puteți pune în orice ordine doriți. Și partea cea mai bună? Poți personaliza și aspectul galeriei tale, alegând dimensiunea imaginilor, adăugând subtitrări și multe altele.

Puteți începe să adăugați imagini în galeria dvs. din Biblioteca dvs. WordPress sau să vă încărcați fotografiile direct.

Crearea unei galerii de defilare orizontală cu Modula

O galerie cu defilare orizontală este o modalitate excelentă de a prezenta o serie de imagini care captează atenția unui utilizator. Cu Modula, puteți crea cu ușurință o galerie de defilare orizontală și o puteți personaliza pentru a se potrivi cu designul site-ului dvs

Pentru a începe, va trebui să activați funcția de prezentare de diapozitive în Modula. Această caracteristică este disponibilă în versiunea Modula Pro. Asigurați-vă că activați extensiile Lightbox Slideshow și Slider .

Selectați tipul de galerie Slider din fila General a secțiunii Setări .

Apoi, accesați fila Lightbox & Links și selectați Deschideți imagini într-o Lightbox din meniul drop-down al opțiunii Slider Lightbox & Links .

Odată ce faci asta, mai multe opțiuni vor fi deblocate.

Derulați în jos până când găsiți navigarea Mousewheel și activați opțiunea. Acesta va permite utilizatorilor să folosească rotița mouse-ului pentru a derula imaginile lightbox.

Puteți adăuga un efect de tranziție de defilare pentru a face galeria de defilare să arate și mai elegantă.

Derulați la opțiunea Efect de tranziție și selectați una din meniul drop-down. Apoi, puteți seta valoarea vitezei de tranziție. Va fi în milisecunde, așa că menținerea sub 600 ms ar fi ideală, astfel încât utilizatorii să nu simtă că galeria de derulare este în urmă.

Nimănui nu-i place lag-ul!

Dacă totul arată bine, puteți publica galeria pe pagina dvs. WordPress sau postați prin copierea și lipirea codului scurt generat de Modula.

Ei bine, a fost ușor!

Crearea unei galerii de defilare verticală cu Modula

Crearea unei galerii de defilare verticală cu Modula este la fel de simplă ca și crearea uneia orizontale. Lasă-mă să-ți arăt cum se face!

Notă: Pentru a crea o galerie de defilare verticală, veți avea nevoie de extensia Pagination cu opțiunea de defilare infinită a planului Modula Pro Business.

În modul de editare a galeriei, derulați în jos la secțiunea Setări . Sub fila General , pentru a prezenta mai bine o galerie cu defilare verticală, alegeți oricare dintre tipurile de galerie Creative, Personalizată sau Masonry.

Derulați până la capăt și comutați pe opțiunea Activare paginare . Odată ce faci asta, vor apărea mai multe opțiuni.

Continuați și comutați și pe opțiunea Activare derulare infinită .

Din acest moment, vă puteți personaliza galeria după bunul plac.

Îmbunătățirea galeriei de defilare cu funcțiile Modula

Când creați o galerie de defilare cu Modula, puteți îmbunătăți experiența generală a utilizatorului utilizând unele dintre funcțiile avansate ale pluginului.

Să aruncăm o privire la caracteristicile care sunt cele mai utile pentru acest caz de utilizare:

Încărcare leneră : Această funcție este utilă atunci când creați o galerie de defilare verticală cu multe imagini. Ajută la reducerea timpului de încărcare a paginii prin preîncărcarea doar a imaginilor vizibile pe ecran. Cu toate acestea, nu este necesar pentru o galerie de defilare orizontală.

Lightbox personalizabilă : deși această caracteristică este opțională pentru o galerie cu defilare verticală, este esențială pentru o galerie cu defilare orizontală. Vă permite să personalizați aspectul și senzația casetei de lumină a galeriei, îmbunătățind experiența utilizatorului.

Galerie video : Pe lângă imagini, o galerie cu derulare poate consta și din videoclipuri. Funcția de galerie video a Modula vă poate face galeria mai dinamică și mai interactivă.

Joacă-te cu opțiunile și vezi ce se potrivește cel mai bine cu site-ul și brandingul tău. Nu uitați să apăsați pe butoanele Publicați sau Actualizați galeria pentru a vă asigura că modificările sunt salvate!

Modula va genera un shortcode pe care să-l utilizați atunci când vă prezentați galeria pe front-end. Copiați acel shortcode și haideți să vă afișăm uimitoarea galerie de defilare

Previzualizarea și publicarea galeriei dvs. de defilare

Odată ce ați creat galeria de defilare cu Modula, este timpul să o previzualizați și să o publicați pe site-ul dvs. WordPress.

Pentru a face acest lucru, mergeți la pagina dorită sau postați și inserați codul scurt direct în editor.

Alternativ, puteți căuta blocul Modula Galleries și selectați galeria dorită din meniul drop-down.

După ce ați adăugat galeria la pagina sau postarea dvs., este esențial să o previzualizați pentru a vă asigura că se afișează corect.

Odată ce ești mulțumit de tot, apasă pe Publicare sau Actualizare și vezi cum se întâmplă magia

Dacă mai târziu trebuie să faceți modificări în galeria dvs., o puteți modifica cu ușurință în secțiunea Modula a tabloului de bord WordPress.

După ce ați salvat modificările, galeria dvs. se va actualiza automat pe site-ul dvs. web, fără a actualiza codul scurt.

Încheierea…

Crearea unei galerii de defilare verticală sau orizontală în WordPress poate fi o modalitate excelentă de a vă prezenta imaginile și de a îmbunătăți experiența utilizatorului site-ului dvs.

Cu interfața sa ușor de utilizat, opțiunile de personalizare și tipurile de galerii versatile, Modula este o necesitate pentru orice proprietar de site-uri web care dorește să-și prezinte imaginile și să câștige noi afaceri!

Deci ce mai aștepți? Descărcați Modula astăzi și vedeți cum poate transforma galeriile de imagini ale site-ului dvs. web.