Tranziții de Pagină în Elementor

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

Loading

Tranziții de Pagină

Tranziții de pagină, poate fi o îmbunătățire estetică pentru vizitatorii site-ului dvs. Acestea pot oferi un flux mai fluid între pagini sau încărcarea paginii. Ele pot fi folosite pentru a oferi timp pentru ca fundalurile video sau alte elemente să se încarce înainte de afișare. Folosind stiluri sau combinații prestabilite Elementor, împreună cu pictogramele de preîncărcare (sau propriile tale personalizate), posibilitățile sunt nesfârșite.

Tranziții de Pagină
Tranziții de Pagină

Localizarea Setărilor

Setările pentru Tranziții de pagină pot fi găsite navigând la Setările site-ului dvs.; acestea sunt situate în colțul de sus al editorului dvs. făcând clic pe pictograma hamburger.

Localizarea Setărilor
Localizarea Setărilor
Notă:
Pentru a utiliza Tranziții de pagină pe site-urile web existente, acestea trebuie mai întâi activate navigând la Elementor > Setări > Experimente. Tranzițiile de pagină vor fi activate în mod implicit la noile instalări.

Stiluri de Tranziție a Paginii

Puteți modifica cu ușurință efectele de animație ale stilurilor de tranziție a paginii dvs. în comenzile de mai jos. Încercați să amestecați stilurile de tranziție la intrare și la ieșire pentru un efect vizual mai mare.

Stiluri de Tranziție a Paginii
Stiluri de Tranziție a Paginii

Controale

Controale
Controale
  1. Animație de intrare – Din meniul derulant, alegeți animația de intrare pe care doriți să o utilizați din următoarele: Fade In, Fade In Down, Fade In Right, Fade In Up, Fade In Left, Zoom In, Slide In Down, Fade In Right, Fade In Right, Slide In Sus sau Fade In Stânga.
  2. Culoare de fundal în timpul încărcării – Alegeți un fundal solid sau un gradient. Dacă niciunul nu este selectat, tranziția paginii va fi transparentă.
  3. Culoare – Din opțiunile de selectare a culorilor, selectați culoarea solidă sau culorile gradiente care vor fi utilizate.
  4. Ieșire din animație – Din meniul drop-down alegeți animația de intrare pe care doriți să o utilizați din următoarele: Fade Out, Fade Out Down, Fade Out dreapta, Fade Out, Fade Out Left, Zoom Out, Fade Out Down, Fade Out Right, Fade Out. Sus sau Fade Out Left.
  5. Durata animației – Setați durata în milisecunde pe care o doriți pentru tranziție utilizând glisorul sau legând valoarea în câmpul de introducere.

Preîncărcare

Preîncărcare
Preîncărcare

Tip Opțiuni

Din meniul derulant Tip, alegeți următoarele opțiuni Niciunul, Animație, Pictogramă sau Imagine.

Dacă este selectată animația:

  1. Animație – Din meniul derulant, selectați între Cerc, Cerc întrerupt, Puncte care sări, Puncte care împinge, Puls, Suprapunere, Spinners, Spinners imbricați, Spinneri imbricați opuse, Inele imbricate opuse, Bara de progres, Bara de progres în două direcții, Bara repetată.
  2. Durata animației (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.
  3. Preloader Delay (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.

Stil

  1. Culoare – Din selectorul de culori selectați culoarea dorită pentru animația dvs.
  2. Dimensiune – Modificați dimensiunea animației utilizând glisorul sau introducând manual valoarea în câmp.

Dacă este selectată pictograma

  1. Pictogramă – Selectați o pictogramă din biblioteca de pictograme sau încărcați propriul dvs. SVG.
  2. Animație – Din meniul derulant, selectați dintre următoarele opțiuni Rotire, Săritură, Flash, Puls, Bandă de cauciuc, Agitație, Tremurare a capului, Swing, Tada, Wobble sau Jello.
  3. Durata animației (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.
  4. Preloader Delay (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.

Stil

  1. Culoare – Din selectorul de culori selectați culoarea dorită pentru animația dvs.
  2. Dimensiune – Modificați dimensiunea animației utilizând glisorul sau introducând manual valoarea în câmp.

Dacă este selectată imaginea

  1. Imagine – Selectați o imagine din biblioteca media sau încărcați-vă propria imagine.
  2. Animație – Din meniul derulant, selectați dintre următoarele opțiuni Rotire, Săritură, Flash, Puls, Bandă de cauciuc, Agitație, Tremurare a capului, Swing, Tada, Wobble sau Jello.
  3. Durata animației (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.
  4. Preloader Delay (ms) – Folosiți glisorul sau introduceți manual valoarea în câmp.

Stil

Lățimea – Modificați dimensiunea lățimii imaginii utilizând glisorul sau introducând manual valoarea în câmp.
Lățimea maximă – Modificați dimensiunea lățimii maxime a imaginii utilizând glisorul sau introducând manual valoarea în câmp.
Opacitate – Modificați nivelul de opacitate al imaginii utilizând glisorul sau introducând manual valoarea în câmp.

Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu