Doriți să aplicați masca de imagine în Elementor ?

Un truc simplu poate determina designul general al paginii tale. La crearea unei pagini cu Elementor, poate doriți să aplicați o mască de imagine pentru a face imaginile de pe pagina dvs. să iasă în evidență și unice. Din pacate, Elementor nu are o opțiune de stil implicită pentru aplicarea măștii de imagine la o imagine.

În cazul în care utilizați Elementor Pro și aveți cunoștințe CSS, puteți adăuga CSS personalizat pentru a aplica masca de imagine unei imagini. Dacă nu aveți cunoștințe CSS, puteți utiliza Plugin de completare Happy Addons pentru a aplica masca de imagine în Elementor.

Happy Addons este un addon Freemium Elementor care vine cu o funcție de aplicare a măștii de imagine. Această funcție în sine este disponibilă numai pe versiunea pro, așa că trebuie să utilizați versiunea pro a Happy Addons pentru a utiliza această funcție.

Apropo, ce este masca de imagine?

Mascarea imaginii este un proces de ascundere a anumitor părți ale unei imagini pentru a sublinia alte părți. Acest proces este adesea aplicat în instrumentele de editare a imaginilor, cum ar fi Photoshop și GIMP.

Iată exemplul.

CSS are practic o caracteristică pentru a aplica masca de imagine. Dar din nou, trebuie să aveți abilități CSS pentru a-l folosi. poți citi acest articol pentru mai multe informații.

Happy Addons este o soluție excelentă pentru a aplica masca de imagine în Elementor dacă nu aveți cunoștințe CSS.

Marche comment ça

Funcția de aplicare a măștii de imagine funcționează pe widget-urile Elementor care manipulează o imagine, cum ar fi widget-ul Image și widget-ul Image Box. Veți vedea o nouă opțiune numită Mască de imagine chiar sub selectorul de imagini. Puteți alege dintre treizeci și nouă de forme diferite de mască. De asemenea, puteți utiliza o formă de mască personalizată prin încărcarea unui fișier SVG.

Cum se aplică masca de imagine

Înainte de a începe, asigurați-vă că ați instalat și activat versiunea pro a Happy Addons pe dvs site-ul web WordPress. Îl poți lua site-ul său oficial.

Odată ce totul este gata, creați o pagină nouă și editați acolo cu Elementor sau puteți edita și o pagină existentă. Adăugați un widget care implică o imagine, cum ar fi widgetul Imagine, în caseta de editare.

aplicați masca de imagini în Elementor cu suplimente Happy

Accesați panoul din stânga și faceți clic pe selectorul de imagini de pe Imagine bloc sub Conținut pentru a selecta o imagine pe care doriți să o utilizați. Odată ce imaginea este selectată, faceți clic pe pictograma creion de pe Mască de imaginevarianta g.

aplicați masca de imagini în Elementor cu suplimente Happy

Selectați o formă de mascare care vă place. Puteți, de asemenea, să setați poziția de mascare, să setați dimensiunea și să repetați. Dacă doriți să utilizați o formă de mascare personalizată folosind un fișier SVG, puteți face clic pe pictograma imagine (lângă pictograma Happy Addons).

aplicați masca de imagini în Elementor cu suplimente Happy

După ce ați terminat setarea de mascare a imaginii, puteți accesa Stil pentru a vă personaliza imaginea, cum ar fi setarea dimensiunii și aplicarea filtrelor. Publicați-vă pagina după ce ați terminat de editat-o.

Obțineți Elementor Pro acum!!!

Concluzie

Aici ! Gata pentru acest articol care vă arată cum aplicați masca de imagine în Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...