[NOU] Cercul interactiv în design web: Cum să creați unul în Elementor fără codare

Un site web bogat în text poate fi neatrăgător la privit. Dacă site-ul dvs. este format din prea multe texte și mai puține componente vizuale, puteți utiliza un cerc interactiv prin Essential Addons și puteți afișa conținutul într-un model circular atractiv. Să ne aprofundăm pentru a învăța cum să prezentați o mulțime de conținut într-un spațiu minim folosind acest widget uimitor.

De ce aveți nevoie de widget-ul cerc interactiv pe site-ul dvs.?

Pentru web designerii, devine o provocare să facă site-ul web mai interactiv și, în același timp, convenabil de la sfârșitul utilizatorului. Dacă site-ul web conține mult conținut bazat pe text, devine mai dificil să îl prezentați în mod corect.

Cercetările arată că aproape 38% dintre oameni încetează să se implice cu orice site web care are un aspect de design neatrăgător. În acest caz, traficul site-ului dvs. web depinde și de designul site-ului dvs. web. Haideți să explorăm toate beneficiile pe care le veți obține pentru a vă proiecta în mod eficient conținutul bazat pe text folosind un widget cerc interactiv de la Essential Addons pe site-ul dvs. WordPress.

Prezentare animată a conținutului site-ului dvs. web

Chiar dacă site-ul dvs. web include o mulțime de conținut bazat pe text, îl puteți prezenta într-un mod convingător pentru a atrage vizitatori și pentru a le facilita verificarea. Sunt comune diferite modele pentru prezentarea materialului site-ului dvs., așa că o mică mișcare vă poate ajuta să atrageți interesul vizitatorilor. Folosind widgetul Cerc interactiv de la Essential Addons, puteți prezenta conținutul dvs. bazat pe text cu un model animat și puteți face secțiunea să arate mai atractivă.

Design interactiv și receptiv pentru site-ul dvs

Poate fi dificil pentru utilizatori să găsească site-ul dvs. pe motoarele de căutare, să citească conținut sau să navigheze pe site-ul dvs. dacă nu are un design responsive. Acest lucru s-ar putea datora unor defecte de aspect, imagini slabe, text prea mic sau prea multe infografice care fac site-ul dvs. să pară aglomerat. Dacă utilizați un computer desktop sau laptop, puteți redimensiona această fereastră făcând clic și trăgând colțul.

Crearea unui design dinamic pentru site-ul dvs. poate fi mai ușoară utilizând un widget de cerc interactiv de la suplimentele Essential. Indiferent ce tip de dispozitiv ar putea folosi vizitatorii site-ului dvs. pentru a vă accesa site-ul, designul dvs. nu se va rupe dacă utilizați acest widget pentru a vă prezenta conținutul bazat pe text.

Widget interactiv Cerc pentru a crea un site web frumos

Puteți afișa conținutul dvs. bazat pe text într-o mișcare circulară atrăgătoare cu acest widget, atrăgând atenția utilizatorilor site-ului dvs. Dacă doriți să furnizați meniul de conținut, de exemplu, puteți utiliza un cerc interactiv pentru a prezenta conținutul, economisind și spațiu. Un conținut simplu bazat pe text va părea mai fascinant și mai atrăgător în acest fel. Să aflăm cât de ușor puteți începe cu widgetul Cerc interactiv prin pluginul Essential Addons.

Lucruri de care aveți nevoie pentru a utiliza Cercul interactiv prin suplimente esențiale

Elementor : Pentru a utiliza Interactive Circle Widget, trebuie mai întâi să instalați și să activați Elementor, după care sunteți gata să începeți.

Suplimente esențiale pentru Elementor : trebuie să instalați și să activați suplimente esențiale pentru Elementor pe site-ul dvs. web pentru a utiliza widget-ul „Cercul interactiv”.

Pasul 1: Activați Essential Addons Interactive Circle Widget

Să vă facem site-ul mai interactiv și mai atrăgător utilizând widgetul „ Cercul interactiv ” de la Essential Addons. Tot ce trebuie să faceți este să vă asigurați că utilizați cea mai recentă versiune a acestui plugin.

Widgetul Cerc interactiv trebuie să fie activat în Elementor. Accesați Elementele de suplimente esențiale din tabloul de bord WordPress și asigurați-vă că widgetul „ Cercul interactiv ” este activat. Pentru a vă asigura că modificările sunt salvate, faceți clic pe butonul „ Salvare setări ”.

Căutați widgetul „ Cerc interactiv ” în fila „Elemente” din Elementor. Trageți și plasați elementele oriunde doriți să afișați conținutul bazat pe text.

Pasul 2: Începeți să vă personalizați setările de conținut

Acest widget vă permite să personalizați conținutul implicit și să adăugați propriul conținut. Din fila General, puteți seta orice aspect din opțiuni. Widgetul Cerc interactiv vine cu 4 aspecte gata prestabilite . Joacă-te cu machetele și vezi care se potrivește cel mai bine conținutului tău bazat pe text.

De asemenea, puteți alege dacă butoanele din widgetul dvs. EA Interactive Circle ar trebui să afișeze pictograme sau text. Pentru a ascunde sau afișa pictograme și text, comutați opțiunile „ Afișare pictogramă ” și, respectiv, „ Afișare text” sub setările „Buton” . Acest widget este foarte util pentru o mulțime de personalizări. Puteți alege dintre opțiuni și puteți crea propriul meniu circular după preferințe.

Cea mai importantă parte a utilizării acestui widget este că vă puteți oferi propriul conținut și puteți adăuga mai multe opțiuni circulare, după cum este necesar. Puteți adăuga numărul de articole pe care doriți să le afișați cu widgetul dvs. EA Interactive Circle în setările „Conținut” . Pur și simplu faceți clic pe butonul „ + Adăugați articol ” pentru a adăuga un articol nou. În același mod, puteți elimina sau copia un element din setări. Cu toate acestea, de dragul designului, puteți adăuga doar până la 8 opțiuni simultan; în caz contrar, secvența ar fi întreruptă.

Există trei file: „Button ”, „Conținut ” și „Stil ”. Puteți adăuga o pictogramă pentru articol și puteți edita titlul din câmpul de introducere „ Titlu scurt ” din fila „Buton”. În mod similar, puteți adăuga conținut articolului dvs. din fila „Conținut” și puteți adăuga culori de fundal articolului dvs. din fila „Stil” .

Puteți primi opțiuni suplimentare de setare din opțiunea „ Setări suplimentare ” pentru a vă ajuta să faceți widgetul dvs. EA Interactive Circle mai dinamic. Puteți alege între interacțiunile „Click” și „Hover” în opțiunea „ Eveniment mouse ”. De asemenea, puteți utiliza opțiunea „ Setări suplimentare ” pentru a adăuga animații elegante și atrăgătoare. După cum este ilustrat mai jos, există trei stiluri de animație diferite din care puteți alege.

Pasul 3: stilați conținutul interactiv bazat pe text

Widgetul EA Interactive Circle vine cu o mulțime de opțiuni de stil. Această opțiune poate face o mare diferență în ceea ce privește cercul interactiv al oricui. Modificând culoarea de fundal, modelul sau culoarea textului, lățimea cercului și umplutura sau îmbinarea, puteți schimba aspectul.

Puteți modifica tipografia pentru fiecare articol din Cercul dvs. interactiv EA din setările „ Articol ”. Lățimea și dimensiunea pictogramei fiecărui articol pot fi, de asemenea, ajustate. De asemenea, puteți modifica culoarea de fundal, culoarea textului, culoarea pictogramei și multe alte lucruri.

Dacă ești mulțumit de aspectul cercului tău interactiv, acum poți să-ți publici pagina. Aruncă o privire la cercul interactiv Elementor pe care l-am creat pentru acest subiect.

După cum puteți vedea, Essential Addons pentru Elementor vă permite să creați un cerc interactiv magnific și să vă transformați pagina web într-un mod mai fascinant și extrem de simplu.

În cele din urmă, credem cu tărie în valoarea îmbunătățirii continue. Având în vedere acest lucru, ne străduim să vă oferim actualizări fantastice de suplimente esențiale pentru Elementor , astfel încât să aveți o experiență și mai bună de proiectare a site-ului web cu Elementor.

Deci, ce ai de pierdut? Actualizați la Essential Addons 5.0 cât mai curând posibil pentru a profita de toate noile widget-uri și extensii avansate, inclusiv widget-ul Cerc interactiv.

Încercați-l singur și, dacă aveți întrebări, vă rugăm să contactați echipa noastră de asistență . Abonați-vă la blogul nostru sau alăturați -vă comunității noastre prietenoase Facebook pentru mai multe informații despre cele mai recente suplimente Elementor, tutoriale de design web, sfaturi și trucuri și multe altele.