Cum fac un carusel de imagini în WordPress?

Ultima actualizare - 8 martie 2022

Este posibil să nu cunoașteți termenul carusel, dar încă îl vedeți frecvent pe piața digitală. Un carusel de imagini este folosit în majoritatea site-urilor web new-age: imagini glisante, inclusiv rezumate despre produsul sau serviciile pe care le oferă companiile. Imaginile se rotesc automat și intră și ies din vedere.

Caruselul de imagini menține efectiv vizitatorii site-ului atrași mai mult timp, deoarece imaginile glisante îi fac mai curioși în legătură cu produsul sau serviciul oferit de companie. În unele cazuri, alunecarea imaginii nu este automatizată, iar vizitatorul trebuie să rotească manual imaginea pentru a dezvălui următorul diapozitiv.

Creați un carusel de imagini în WordPress

În funcție de tonul afacerii, caruselul de imagini poate include câteva afirmații îndrăznețe și poate dezvălui multe despre afaceri fără o descriere lungă. Dacă ți-ai dorit să înveți modalități de a încorpora un carusel de imagini în site-ul tău web, ai ajuns la locul potrivit.

Vom descrie procesul de instalare a pluginului Smart Slider 3 în Word Press. Există câteva alte instrumente pentru această lucrare, iar procesul de instalare ar putea fi similar cu Smart Slider 3.

Înainte de a intra în tutorial, există un mic avertisment. Dacă vindeți produse pe un site web, atunci optarea pentru un carusel de imagini poate să nu fie cea mai inteligentă opțiune, în ceea ce privește conversiile. Dar dacă faci fotografii sau proiectezi un site web și vrei să arate plăcut din punct de vedere estetic, citește întreg blogul.

Începeți cu alegerea dimensiunii imaginii

Smart slide 3 va redimensiona imaginea în wordpress pe baza formatului de prezentare selectat. Deci, dacă imaginile sunt mari, instrumentul le va dimensiona mai jos și invers. Și, poate ești familiar, atunci când imaginile mici sunt mărite, calitatea începe să se deterioreze. Deci, încercați să nu includeți imagini mai mici decât dimensiunea Caruselului.

Mai mult, imaginile mari arată mai bine în Carusel, dar au și timp de descărcare mai mare. Deci, trebuie să găsiți un echilibru între calitate și dimensiune, astfel încât să arate în continuare grozav în Slider.

Un mic sfat: caruselele de imagini alunecă orizontal, așa că alegerea unor imagini mai largi va fi mai atrăgătoare decât cele pătrate.

Instalarea Smart Slider 3

Procesul de instalare Smart Slider 3 este aproape același pentru orice alte instrumente disponibile pe piață. Pentru a începe, mai întâi, conectați-vă la tabloul de bord de administrare Word Press. În partea stângă, veți vedea un panou de navigare cu multe opțiuni diferite din care să alegeți. Din opțiuni, alegeți pluginul și faceți clic pe linkul „Adăugați nou”.

O bară de căutare va apărea în fața ta. Căutați Smart Slider 3 în el. Odată ce pluginul este instalat, faceți clic pe opțiunea de activare.

Pornirea călătoriei în carusel de imagine

Smart Slider 3 folosește imagini din biblioteca media, așa că asigurați-vă că încărcați câteva imagini înainte de a începe să creați Slider. Puteți parcurge videoclipul tutorial pentru a obține o perspectivă mai bună despre cum să începeți să selectați imagini și să le adăugați în formatul de prezentare. Apăsați pe Smart Slider 3 și obțineți videoclipul introductiv „Learn Smart Slider 3” care oferă cunoștințe aprofundate despre cum să utilizați instrumentul.

Puteți lua ajutorul videoclipului sau pur și simplu citiți acest articol pentru a începe.

Alegeți opțiunea de bază din meniu.

• Dați un nume Slider-ului dvs. pentru a face Caruselul mai ușor de localizat atunci când manipulați mai multe carusele simultan.
• Lățimea și dimensiunile afectează dimensiunea și forma glisorului. Ignorați selectarea oricărui pixel pe care doriți să-l configurați pentru a ocupa întreaga lățime a dispozitivului sau a browserului.
• Alegerea lățimii și dimensiunii implicite ar seta Caruselul la lățimea și dimensiunea actuală, în timp ce alegerea opțiunii „Lățime completă” ar ignora orice dimensiune și ar face ca caruselul să se rotească pe toată lățimea ferestrelor.

După optimizarea imaginii, apăsați „Creare”.

Adăugarea de imagini la glisor

Odată ce ați configurat dimensiunea și lățimea implicite ale Caruselului, următorul pas evident este să umpleți Caruselul cu imagini atrăgătoare. Pentru aceasta, urmați pașii de mai jos:

• Faceți clic pe Adăugați imagini de diapozitive în Smart Slider 3.
• Veți avea opțiunea de a selecta o imagine pentru Slider. Faceți clic pe acea opțiune.
• Alegeți imaginile din biblioteca wordpress.
• Carusel va prezenta apoi imaginile selectate. Odată ce sunteți mulțumit de imaginile selectate, faceți clic pe secțiunea „Publicare”.

Dacă intenționați să inserați un glisor în cod, doar copiați codul PHP din instrument sau selectați opțiunea editorului de postări.

Când începeți să scrieți un blog nou pentru site-ul web, pe pagină va apărea opțiunea glisor inteligent trei. Dacă utilizați un editor clasic, faceți clic pe pictograma glisor inteligent. Acum, selectați Slider-ul personalizat pe care l-ați pregătit înainte și, odată ce publicați postarea, Slider-ul este încărcat pe site-ul web și gata pentru vizitatori.

Caruselul va redirecționa sau face link-uri înapoi pe ambele părți ale glisoarelor pentru a glisa manual prin imagini.

În mod implicit, imaginile carusel nu ar aluneca automat, dar puteți schimba acest lucru.

Ciclu automat pentru imaginile carusel

În tabloul de bord WordPress, faceți clic pe linkul Smart Slider 3 și selectați opțiunea de editare. Alegeți stilul „Redare automată” și apăsați pe „Activare”. Timpul implicit între comutare este de opt secunde. Acum salvați setarea actualizată din butonul Salvare din partea dreaptă a panoului.

Utilizarea caruselului ca widget

Smart Slider poate fi folosit și ca imagine WordPress Slider. Aceste glisoare pot fi adăugate oriunde ca widget, cum ar fi o bară laterală.

• Veți vedea un panou de navigare în partea stângă. Faceți clic pe aspect și apoi pe linkul „Widget”.
• Când vedeți secțiunea „Widget-uri disponibile”, faceți clic pe butonul „Smart Slider”.
• Selectați zona în care doriți să fie afișată imaginea și selectați butonul „Adăugați widget”.

Imagini sau fără imagini este marea întrebare

Proiectarea și dezvoltarea site-urilor web sunt subiective, iar ceea ce alții ar putea găsi atrăgător, unii s-ar putea să nu. Trece prin mai multe faze de actualizări și modificări, iar caruselul de imagine a fost cândva cea mai solicitată cerință pe site-uri web, când companiile au început să-l încorporeze peste tot.

Discuția de mai sus a oferit îndrumări pas cu pas despre adăugarea unui carusel de imagini pe site. Procesul nu este complex și necesită răbdare și expertiză în selectarea imaginilor relevante pentru a spori aspectul site-ului. Caruselele ar fi foarte atractive pentru un site web creativ, în timp ce nu ar fi de ajutor într-un site de comerț electronic.

Așadar, data viitoare când intenționați să adăugați imagini vibrante în glisoare, luați în considerare să evaluați dacă ar adăuga valoare site-ului web sau ar afecta rata de conversie într-o măsură semnificativă.

Lectură în continuare

• Cum să optimizați dimensiunea imaginii produsului?
• Cele mai bune pluginuri Image Zoom pentru WooCommerce
• Sfaturi inteligente pentru îmbunătățirea imaginilor