cum se creează un glisor pentru pagina de pornire în WordPress [2021]

în postarea de astăzi, vom acoperi tot ce trebuie să știți despre cum să creați un glisor în WordPress.

ca întotdeauna, iată ghidul video:

un slider este un element foarte comun de design al site-ului web care prezintă text, imagini și videoclipuri prin „alunecare” de la un diapozitiv la altul.

sunt utilizate în mod obișnuit pe site-urile de afaceri și de portofoliu.

există o tona de mare slidere gratuite pentru a alege de la, dar puteți găsi, de asemenea, unele slidere foarte frumos plătite, de asemenea.

Sliders pot fi programate pentru a rula slideshow – uri în mod automat, în momentul în care cineva hit-uri site-ul dvs.-trecerea la diapozitivul următor la fiecare câteva secunde.

sau, glisoarele pot fi statice și permit cititorilor să facă clic pe o săgeată mică, de exemplu, pentru a glisa la diapozitivul următor.

unele site-uri web folosesc glisoare pentru a afișa cele mai recente postări. De obicei, vor adăuga un link la diapozitive, astfel încât, dacă cineva dorește să citească articolul, poate pur și simplu să facă clic pe link și să acceseze conținutul.

un lucru de reținut cu glisoarele este că acestea pot încetini puțin site-ul dvs. web atunci când încearcă să încarce o grămadă de imagini sau alt conținut. Dar acest lucru poate fi atenuat prin accelerarea vitezei de încărcare a imaginii.

o altă problemă potențială este disponibilitatea mobilă.

Google acordă prioritate site-urilor web care răspund la dispozitivele mobile, deci trebuie să vă asigurați că site-ul dvs. este creat pentru Dispozitive mobile, indiferent dacă utilizați sau nu un glisor.

dar dacă utilizați un glisor, trebuie să vă asigurați că este și receptiv, astfel încât să nu pară ciudat pe dispozitivele mobile, distrugând experiența clienților și nu se potrivește cu liniile directoare Google, reducând impactul SEO.

dar cu toate acestea, glisoarele oferă multe beneficii.

glisoarele pentru pagina de pornire vă pot ajuta să faceți o serie de lucruri pe care nu le-ați putea face fără ele.

glisoarele vă pot prezenta produsele pe pagina dvs. de pornire, determinând în mod natural vizitatorii să facă clic pe ele și să vadă mai multe, ceea ce este destul de comun dacă rulați un site de comerț electronic.Glisoarele

sunt atrăgătoare din punct de vedere vizual. Acestea captează atenția afișând conținut interesant și vă pot ajuta să vă asigurați că vizitatorii dvs. rămân pe site-ul dvs. web.

glisoarele pentru pagina de pornire pot fi utilizate pentru a afișa informații importante. De exemplu, glisoarele pot fi utilizate pentru a afișa toate serviciile oferite de o afacere. Sau poate fi folosit pentru a arăta proiectele de top din portofoliul unui freelancer.

glisoarele pot afișa conținutul textului cheie, cum ar fi mărturiile, unul după altul. Acest lucru poate fi foarte puternic pentru a dovedi vizitatorilor site-ului dvs. că sunt în locul potrivit și că oferiți produsele și serviciile potrivite pentru ei.

acum, că știți ce sunt glisoarele pentru pagina de pornire și de ce ar trebui să aveți unul, citiți mai departe pentru a vedea exact cum să puneți unul pe site-ul dvs. web.

Pas #1 – instalați WordPress pagina de start Slider Plugin

vom folosi un plugin gratuit numit Smart slider 3, care este foarte ușor de utilizat.

mai întâi, accesați tabloul de bord WordPress și găsiți fila „Pluginuri” din meniul din stânga și faceți clic pe „Adăugați nou.”

apoi tastați în bara de căutare numele glisorului, glisorul 3.

după ce îl vedeți, faceți clic pe „Instalați acum” și apoi faceți clic pe „Activare.”

Pasul #2 – Creați un nou glisor

acum că ați instalat Smart Slider 3, îl veți vedea în meniul din partea stângă din tabloul de bord.

Derulați în jos și faceți clic pe el.

vi se vor prezenta 2 opțiuni:

1. creați un cursor nou de la zero
2. utilizați un șablon

suntem cu toții pentru crearea propriului șablon. Dacă te simți confortabil cu asta, mai multă putere pentru tine.

dar pentru a fi complet sincer, ne plac șabloanele. Acesta oferă o bază solidă pentru a crea ceva uimitor, care încorporează flerul unic într-un cadru dovedit.

în plus, dacă vă grăbiți sau pur și simplu leneși, șabloanele sunt cel mai bun prieten pentru a face lucrurile cu mult timp liber.

deci, pentru acest tutorial, vom faceți clic pe „Biblioteca șablon.”

veți fi prezentat cu tone de template-uri pentru a alege de la. Peste 180 pentru a fi mai exact.

unele dintre ele vă vor costa un ban destul.

dar multe dintre ele sunt gratuite. Și dacă doriți doar să vedeți șabloanele gratuite, trebuie doar să faceți clic pe butonul verde „gratuit”.

dacă doriți să previzualizați oricare dintre glisoare, pur și simplu faceți clic pe ele și vi se va oferi o previzualizare live a ceea ce va arăta unul dintre aceste glisoare pentru pagina de pornire și cum poate funcționa pe site-ul dvs. web.

după ce alegeți glisorul pe care doriți să îl utilizați, treceți mouse-ul peste șablon și faceți clic pe butonul „Import” care apare.

după ce este importat, veți vedea că aveți acum 3 diapozitive în tabloul de bord: diapozitivul 1, 2 și 3 care se adaugă pentru a crea un singur glisor.

acum Puteți edita oricare dintre ele pentru a adăuga text, imagini și videoclipuri.

pentru a le edita, treceți peste oricare dintre diapozitive și faceți clic pe butonul „Editați”.

veți observa că sunteți acum în editorul vizual.

dacă doriți să modificați textul, pur și simplu faceți clic pe text și va apărea o casetă mică caseta editor va apărea.

în această casetă editor, puteți schimba aspectul textului făcând clic pe pictograma paint can. Care vă permite să:

• adăugați un link la text.
• Editați culoarea textului.
• schimbați fontul.
• Alegeți dimensiunea și greutatea fontului.
• etc.

puteți face același lucru cu butonul de sub text făcând clic pe el.

o altă caracteristică de schimbat pentru buton este cum va arăta dacă cineva își deplasează cursorul mouse-ului peste el.

dacă faceți clic pe butonul creion, puteți schimba textul butonului și puteți oferi, de asemenea, un link la care butonul va duce cititorul.

puteți edita chiar întreaga casetă glisantă, nu doar elementele din casetă, făcând clic pe ea (tocmai am făcut clic pe fundalul alb al casetei în sine pentru a o selecta).

aici puteți schimba lucruri precum culoarea de fundal sau opacitatea. Dacă reduceți opacitatea, puteți face caseta un pic mai transparentă, permițând vizitatorilor să vadă nava din spatele imaginii.

aveți multe opțiuni pentru personalizare.

apoi, vom schimba imaginea de fundal pentru acest diapozitiv.

deci, derulați în sus și faceți clic pe „fundal.”

veți vedea că butonul Imagine este deja selectat, astfel încât tot ce trebuie să faceți este să derulați în jos și să găsiți rândul intitulat „Background.”Lângă acesta, veți vedea „imagine” și ar trebui să conțină deja o imagine pe care o puteți schimba pentru cea dorită.

scapă de această imagine trecând peste ea și făcând clic pe minusculul X care apare.

apoi adăugați unul nou făcând clic pe butonul verde. După aceea, mergeți la „încărcați fișiere” și faceți clic pe „Selectați fișiere.”

acum, pur și simplu selectați imaginea pe care o căutați și faceți clic pe „Open” și apoi faceți clic pe „Select.”

noua ta imagine este acum acolo!

apoi mergeți în sus și faceți clic pe butonul Salvare din colțul din dreapta sus și apoi faceți clic pe „glisor” din colțul din stânga sus pentru a reveni la tabloul de bord principal.

înainte de a trece mai departe, am un alt sfat util pentru tine.

derulați ușor în jos și veți vedea o bară de meniu cu file care spun „publicați”, „General”, „dimensiune” și așa mai departe.

Faceți clic pe „General.”

aici veți găsi câteva opțiuni de personalizare pentru modul în care arată glisorul dvs.

de exemplu, puteți schimba modul în care funcționează animația glisorului. Setarea implicită este orizontală. Dacă ai vrut, ai putea schimba să se estompeze de la o imagine la alta atunci când faceți clic pe săgeți.

dar vom lăsa să fie pentru acest ghid.

Pasul #3 – Afișați glisorul pe site-ul dvs. web

vă voi arăta cum să faceți acest lucru cu editorul WordPress de bază, precum și cu elementul sau constructorul de pagini.

în primul rând, să facem editorul WordPress de bază.

cum se creează un glisor pentru pagina principală folosind editorul WordPress

tot ce trebuie să faceți este să accesați pur și simplu pagina pe care doriți să o puneți și să o editați.

așa că am mers la tabloul de bord din meniul din stânga, am făcut clic pe „pagini” și am adăugat unul nou. Dar este posibil să doriți un glisor pentru pagina de pornire, așa că, în acest caz, accesați pagina dvs. de pornire în tabloul de bord WordPress.

pentru a adăuga acest glisor în partea de sus a acestei pagini, faceți clic pe butonul little plus din colțul din stânga sus și căutați Smart Slider 3.

după ce faceți clic pe Smart Slider 3, acesta va apărea pe editorul paginii dvs. cu un buton albastru mare care spune „selectați glisorul.”Mergeți mai departe și faceți clic pe el.

apoi selectați glisorul pe care doriți să îl utilizați.

acum tot ce trebuie să faceți este să faceți clic pe „publica” și apoi faceți clic pe „Publica” din nou. De acolo, faceți clic pe „Vizualizați pagina” pentru a vedea cum arată.

acum ar trebui să vedeți glisorul paginii dvs. de pornire și ar trebui să funcționeze perfect.

în continuare, vă vom spune cum să afișați glisorul utilizând elementul sau constructorul de pagini.

Cum de a crea un Slider pagina folosind element sau Page Builder

deci, du-te înapoi la tabloul de bord WordPress și navigați la orice pagină pe care doriți să puneți cursorul pe, cum ar fi pagina de pornire.

cel mai simplu mod de a face acest lucru este să treceți peste numele dvs. în colțul din stânga sus al tabloului de bord WordPress și să faceți clic pe „vizitați Site-ul.”

ar trebui să vă uitați la pagina dvs. de pornire.

de aici, faceți clic pe „Editați cu Elementor” pe acea mică bară de meniu din pagină.

deci, dacă doriți să adăugați glisorul chiar în partea de sus a paginii de pornire, pur și simplu faceți clic pe butonul albastru plus din partea de sus a paginii.

apoi căutați Smart Slider 3 în caseta care apare în stânga.

veți vedea opțiuni din care să alegeți, una cu o pictogramă WordPress și una cu pictograma glisorului. Alegeți opțiunea cu pictograma glisorului și trageți-o în spațiul în care doriți glisorul dvs., apoi selectați glisorul pe care doriți să îl utilizați.

veți vedea glisorul dvs. și îl veți putea testa chiar în editorul propriu-zis.

acum, dacă sunteți ca mine, s-ar putea să aveți aceste mici bare albe în partea de sus și de jos a acestui glisor. Dacă doriți să scăpați de acestea, faceți clic pe fila „Avansat” din meniul editorului din partea stângă.

apoi sub „marjă” schimbați valoarea la negativ 10. Aceste bare albe ar trebui să fie complet plecat în acest moment.

Faceți Clic Pe „Actualizare.”

OK, deci așa se face un glisor în WordPress!