Vill du applicera bildmasken i Elementor ?
Ett enkelt knep kan avgöra den övergripande designen på din sida. När du skapar en sida med Elementor, kanske du vill använda en bildmask för att göra dina sidbilder sticker ut och unika. Tyvärr, Elementor har inte ett standardformatalternativ för att applicera bildmasken på en bild.
Om du använder Elementor Pro och har kunskap om CSS kan du lägga till anpassad CSS för att applicera bildmasken på en bild. Om du inte har någon CSS-kunskap kan du använda Happy Addons tilläggsplugin för att applicera bildmask i Elementor.
Happy Addons är ett Freemium Elementor-tillägg som kommer med en funktion för att applicera bildmasken. Den här funktionen i sig är endast tillgänglig på proversionen, så du måste använda proversionen av Happy Addons för att använda den här funktionen.
Förresten, vad är bildmasken?
Bildmaskering är en process för att dölja vissa delar av en bild för att framhäva andra delar. Denna process används ofta i bildredigeringsverktyg som Photoshop och GIMP.
Här är exemplet.
CSS har i princip en funktion för att applicera bildmasken. Men återigen, du måste ha CSS-kunskaper för att använda den. du kan läsa den här artikeln för mer information.
Happy Addons är en bra lösning för att applicera bildmask i Elementor om du inte har någon CSS-kunskap.
Hur fungerar det
Funktionen applicera bildmask fungerar på Elementor-widgets som manipulerar en bild som Image-widget och Image Box-widget. Du kommer att se ett nytt alternativ som kallas Bildmask precis under bildväljaren. Du kan välja mellan trettionio olika maskformer. Du kan också använda en anpassad maskform genom att ladda upp en SVG-fil.
Hur man applicerar bildmask
Innan du börjar, se till att du har installerat och aktiverat proversionen av Happy Addons på din webbplats WordPress. Du kan få på den sin officiella webbplats.
När allt är klart, skapa en ny sida och redigera där med Elementor, eller så kan du också redigera en befintlig sida. Lägg till en widget som involverar en bild – till exempel bildwidgeten – i redigeringsrutan.
Gå till den vänstra panelen och klicka på bildväljaren på Bild block under Innehåll fliken för att välja en bild som du vill använda. När bilden är vald, klicka på pennikonen på Bild Maskinalternativ g.
Välj en maskeringsform som du gillar. Du kan också ställa in maskeringspositionen, ställa in storlek och upprepa. Om du vill använda en anpassad maskeringsform med hjälp av en SVG-fil kan du klicka på bildikonen (bredvid Happy Addons-ikonen).
Efter att ha avslutat bildmaskeringsinställningen kan du gå till Stil fliken för att anpassa din bild, som att ställa in storlek och använda filter. Publicera din sida när du är klar med att redigera den.
Skaffa Elementor Pro nu!!!
Slutsats
Här! Det är det för den här artikeln som visar dig hur applicera bildmask i Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
