Cum să creezi un glisor de imagine receptiv în WordPress

Ești în căutarea unui ghid complet despre crearea unui Slider de imagine responsive în WordPress? Dacă cauți așa, voi spune că ești în locul potrivit acum. Pentru că am pregătit acest articol care conține instrucțiuni pas cu pas despre crearea unui Slider de imagine responsive complet în WordPress.

Am încercat tot posibilul să partajez cel mai simplu mod, astfel încât să puteți crea cu ușurință glisorul de imagine așteptat. Prin urmare, nu trebuie să căutați o altă sursă. Iată soluția completă pas cu pas pentru crearea unui glisor de imagine.

Așadar, vă rugăm să urmați instrucțiunile mele unul câte unul și să mergeți la sfârșitul acestui articol pentru a obține o idee completă despre crearea unui Slider de imagine receptivă. Să începem chiar acum.

Articolul prezintă pe scurt

Întregul articol este împărțit într-un număr de secțiuni, astfel încât să puteți face o privire de ansamblu asupra subiectelor pe care le veți învăța în acest articol. Deci, luați o privire de ansamblu din următoarea listă -

• Alegerea celui mai bun plugin
• Instalare și activare plugin WordPress Carusel
• WP Carousel Plugin Settings Interfață
• Creați-vă primul glisor de imagine
• Personalizarea glisorului de imagine
• Publicarea glisorului de imagine
• Extindeți opțiunile de personalizare

Alegerea celui mai bun plugin

După cum v-am spus deja că voi împărtăși cea mai bună și mai ușoară modalitate de a crea un Slider de imagine responsive, așa că trebuie să găsim un plugin WordPress asociat care ne va ajuta să creăm glisorul de imagine așteptat.

Există mai multe plugin-uri disponibile în lumea internetului. Dar nu toate sunt actualizate și optimizate cu cele mai recente tehnologii web. Ca urmare, este posibil să nu obțineți rezultatul optim și cea mai bună experiență. Deci, trebuie să găsiți cel mai bun plugin care este actualizat și care vă satisface nevoile.

Nu fi supărat de cel mai bun plugin. Pentru că am căutat deja pe web și am găsit-o pe cea mai bună pentru tine. Prin urmare, verificați cel mai bun plugin Image Slider și acesta este WordPress Carousel – Responsive Image Slider for WordPress.

Descarcă acum

Instalare și activare plugin WordPress Carusel

Instalarea și activarea unui plugin sunt aceleași pentru fiecare plugin WordPress. Acestea sunt cea mai ușoară cale și sper că sunteți bine cunoscut despre el. Cu toate acestea, dacă nu știți cum să faceți acest lucru, puteți urma instrucțiunile de instalare și activare pentru a obține procesul de instalare și activare pas cu pas în detaliu. Așadar, sper că puteți finaliza acest pas singur.

WP Carousel Plugin Settings Interfață

După ce terminați instalarea și activarea pluginului WordPress Carousel, veți vedea un nou meniu de administrare numit WP Carousel . În acest meniu, veți găsi mai multe opțiuni. Prima dată, întreaga interfață arată ca următoarea captură de ecran.

Acum, pur și simplu faceți clic pe butonul Adăugați nou pentru a crea primul glisor. Când faceți clic pe butonul Adăugare nou , acesta vă va redirecționa către o nouă interfață cu mai multe setări ale unui singur glisor. Practic, există trei secțiuni în fiecare interfață cu glisor.

Tipuri de carusel

Prima este zona de sus care conține tipul Carusel și câteva setări esențiale. Această secțiune arată ca următoarea captură de ecran.

Această secțiune de sus vă ajută să selectați un tip de carusel așteptat. Există un total de cinci tipuri de carusel, cum ar fi imagine, postare, produs Woo, conținut și video. Puteți selecta orice tip de carusel în funcție de nevoile dvs. Dar tipurile de carusel de conținut și video sunt disponibile numai pentru versiunea premium a acestui plugin.

Setări generator de coduri scurte

Secțiunea din mijloc a acestui plugin conține opțiuni de personalizare. Pluginul WordPress Carousel este extrem de personalizabil cu mai multe opțiuni de personalizare. Există patru tipuri de zone de personalizare și acestea sunt Setări generale, Setări carusel, Setări stil și Setări tipografie. Cu toate acestea, zona de personalizare arată ca următoarea captură de ecran:

Shortcode și funcția PHP

Zona de coduri scurte generează un cod scurt pentru fiecare glisor, iar zona de șablon arată codurile pentru a afișa un singur glisor în orice șablon. Cu toate acestea, această secțiune arată ca următoarea captură de ecran -

Creați-vă primul glisor de imagine

Sper că aveți o imagine de ansamblu asupra interfeței pluginului nostru WordPress Carusel selectat. Deci, este timpul să vă creați primul glisor de imagine. Acum, dați titlul primului cursor și urmați următoarele instrucțiuni pas cu pas.

Pasul 1: tip carusel

Din zona de sus, selectați tipul carusel în funcție de nevoile dvs. și finalizați setările esențiale. Să presupunem că ați selectat tipul carusel de imagini , așa că adăugați imagini conform nevoilor dvs.

Pasul 2: Personalizarea glisorului de imagine

În Zona de personalizare , personalizați setările în funcție de nevoile dvs. Vă puteți personaliza glisorul navigând în diferitele file de personalizare. Există multe opțiuni de personalizare flexibilă pentru a face un slider minunat pentru site-ul dvs. web.

Instrucțiuni video

Puteți sări peste citirea întregului articol și să obțineți o instrucțiune scurtă și rapidă urmărind următorul videoclip -

Pasul 3: Publicarea glisorului de imagine

Acum, primul cursor de imagine este complet gata pentru afișare în poziția așteptată. Așadar, copiați codul scurt generat automat din zona de cod scurt și șablon și inserați-l oriunde doriți să afișați glisorul.

Am urmărit acest articol și am făcut următorul glisor de imagine cu pluginul WordPress Carousel .

Aveți nevoie de mai multe caracteristici și funcționalități? Extindeți opțiunile de personalizare

Sper că ați observat că pluginul WordPress Carusel are multe limitări, cum ar fi conținutul și tipurile de carusel video nu sunt disponibile. În plus, mai multe opțiuni de personalizare sunt, de asemenea, indisponibile în această versiune. Este din cauza utilizării unei versiuni Premium a acestui plugin. Drept urmare, vă confruntați cu o serie de limitări.

Cred că nu vă plac aceste limitări și toate caracteristicile sunt necesare. Dacă așa gândești, există o oportunitate pentru tine de a sparge aceste limitări. Versiunea premium a acestui plugin include multe caracteristici extraordinare. Cu toate acestea, aruncați o privire de ansamblu asupra unor caracteristici uimitoare -

Suportă orice tip de conținut: puteți glisa orice doriți, cum ar fi imagine, postare, produs, conținut, video, text, HTML, coduri scurte etc.

Vedeți o demonstrație a caruselului de conținut, care este disponibil numai în versiunea premium. Demo live

Postări din taxonomie diferită: puteți afișa cu ușurință din mai multe categorii, etichete, formate sau tipuri.

Carusele nelimitate : adăugați carusele nelimitate și afișați-le oriunde aveți nevoie.

Lightbox pentru imagini: funcționalitatea Lightbox este disponibilă pentru fiecare imagine cu glisor. Ca rezultat, utilizatorii pot naviga cu ușurință prin imagini unul câte unul.

Legarea imaginilor: imaginile slider pot fi legate. Conectarea internă și externă este posibilă. Deci, vă puteți redirecționa vizitatorul către o locație țintă.

Poziția conținutului: conținutul imaginii sunt disponibile în diferite poziții, cum ar fi Jos, Dreapta și Suprapunere .

Efect pentru imagini: puteți aplica diferite efecte asupra imaginilor, cum ar fi efectul în tonuri de gri, mărire sau micșorare, estompare etc.

Prezentare generală WordPress Carusel Pro

Tipografie avansată: sunt disponibile opțiuni de tipografie avansată. În plus, vă oferă o flexibilitate completă pentru a personaliza tipografia în funcție de nevoile dvs.

Carusel de imagini: puteți crea un carusel de imagini cu conținut și descriere. Sunt disponibile și diferite poziții de conținut, cum ar fi Jos, Dreapta și Suprapunere.

În plus, sunt incluse opțiunea de afișare sau ascunde a legenda și descriere a imaginii, funcționalitate lightbox pentru imagini, încărcare leneșă inteligentă, efect în tonuri de gri, decupare și mai multe opțiuni.

Carusel de produse: este cel mai simplu mod de a afișa produsele WooCommerce ca un carusel. Mai mult, puteți filtra produsele după diferite opțiuni și puteți afișa caruselul oriunde aveți nevoie.

Carusel de conținut: afișați orice tip de conținut într-un carusel bazat pe site-ul dvs.

Carusel video: puteți afișa cu ușurință un carusel video cu pictogramă, legendă și descriere video, miniatură personalizată și multe alte funcții. În plus, sunt disponibile diferite opțiuni de personalizare, cum ar fi modul carusel, redare automată activată sau dezactivată, paginare, oprire la hover, buclă infinită etc., pentru a crea un carusel video minunat.

Culori și stil nelimitat: puteți personaliza culorile și stilurile caruselului pentru a-l face mai profesionist și mai atrăgător. Sunt disponibile peste 100 de opțiuni avansate de stil, inclusiv peste 8 poziții diferite de navigare.

Comenzi carusel: sunt acceptate diferite comenzi glisante, cum ar fi pornirea sau dezactivarea redării automate, paginarea, oprirea la hover, bucla infinită, modul carusel etc. Sunt incluse aproximativ 15+ comenzi carusel.

Duplicați carusel: puteți duplica sau clona cu ușurință un carusel. Drept urmare, vă va reduce timpul și energia.

Lățimea variabilă: Acum puteți seta lățimea variabilă pentru carusele. Este super usor.

Dimensiune personalizată a imaginii: puteți seta o dimensiune personalizată a imaginii pentru imaginile cu glisor. Nu trebuie să mai faci nimic. Pur și simplu utilizați opțiunea de dimensiune personalizată a imaginii.

Opțiuni avansate de plugin: opțiunile de introducere sau scoatere din coadă de scripturi pentru a evita conflictele. În plus, câmp CSS personalizat pentru a înlocui stilurile.

Multilingv gata: Multilingv gata cu WPML, Polylang, qTranslate-x, GTranslate, Google LT, WPGlobus etc.

Pregătit pentru generatori de pagini: gata cu Gutenberg, WPBakery, Elementor, BeaverBuilder, SiteOrgin, Divi builder, LayersWP, MotoPress, CornerStone, Themify Builder și multe altele.

Multisite acceptat: acceptă rețeaua Multisite.

Compatibilitate și prietenos cu SEO: acest plugin compatibil cu orice temă, iar caruselele sunt prietenoase cu SEO.

Asistență rapidă și prietenoasă: sistemul de asistență este super-rapid. În plus, sunt disponibile documente online extinse și tutoriale video.

Deci, la ce te gândești acum? Sper că sunteți interesat să verificați versiunea premium a acestui plugin. Prin urmare, verificați pur și simplu WordPress Carousel Pro pentru a obține funcții extraordinare extinse.

Obțineți o demonstrație live Pro acum