Image Box Widget
Image Box Widget vă permite să adăugați o casetă de imagine care combină o imagine cu un titlu și text, care este adesea folosit în secțiunile Funcții, ca alternativă la utilizarea Widgetului Icon Box.
Conţinut
- Alegeți imagine: Selectați o imagine din biblioteca media sau încărcați o imagine nouă.
- Dimensiune imagine: Selectați dimensiunea imaginii, de la miniatură la cea completă, sau introduceți o dimensiune personalizată.
- Titlu și descriere: Adăugați titlul și descrierea care vor apărea în caseta de imagine.
- Link către: Introduceți adresa URL pentru linkul articolului. Faceți clic pe pictograma Link Option pentru a adăuga rel=nofollow la link sau pentru a deschide linkul într-o fereastră nouă.
- Poziția imaginii: Setați poziția imaginii la stânga, sus sau dreapta, în raport cu titlul și descrierea (în vizualizarea mobilă va rămâne centrată).
- Etichetă HTML pentru titlu: Setați eticheta HTML a titlului ca H1…H6, div, span sau paragraf.
Stil
Imagine
- Spațiere: Setați spațiul exact dintre imagine și titlu.
- Lățime: Scalați lățimea imaginii de la 0 la 100%.
- Hover Animation: Adăugați Hover Animation la imagine.
- Filtre CSS: Reglați stilul imaginii modificând scalele Filtrului CSS pentru setările de estompare, luminozitate, contrast, saturație și nuanță în stările Normal și Hover.
- Opacitate: Controlați opacitatea imaginii în stările Normal și Hover.
- Durata tranziției: Setați timpul necesar pentru ca fiecare diapozitiv să apară. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
Conţinut
- Aliniere: Aliniați conținutul la stânga, la dreapta, la centru sau justificat.
- Aliniere verticală: Aliniați conținutul în partea de sus, mijloc sau de jos a casetei.
Titlu
- Spațiere: Setați spațiul dintre titlu și descriere.
- Culoare: Setați culoarea titlului.
- Tipografie: Setați opțiunile de tipografie pentru titlu.
Descriere
- Culoare: Setați culoarea textului de descriere.
- Tipografie: Setați opțiunile de tipografie pentru descriere.
Avansat
Setați Opțiunile avansate care sunt aplicabile pentru Image Box Widget.
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.