Czy chcesz zastosować maskę obrazu w? Elementor ?
Prosta sztuczka może określić ogólny wygląd Twojej strony. Tworząc stronę za pomocą Elementor, możesz zastosować maskę obrazu, aby obrazy strony wyróżniały się i były niepowtarzalne. Niestety, Elementor nie ma domyślnej opcji stylu umożliwiającej zastosowanie maski obrazu do obrazu.
Jeśli używasz Elementor Pro i masz wiedzę na temat CSS, możesz dodać niestandardowy CSS, aby zastosować maskę obrazu do obrazu. Jeśli nie masz wiedzy na temat CSS, możesz użyć Wtyczka Happy Addons aby zastosować maskę obrazu w Elementorze.
Happy Addons to dodatek freemium Elementor, który zawiera funkcję zastosowania maski obrazu. Ta funkcja jest dostępna tylko w wersji pro, więc aby korzystać z tej funkcji, musisz użyć wersji pro Happy Addons.
Przy okazji, czym jest maska obrazu?
Maskowanie obrazu to proces ukrywania pewnych części obrazu w celu uwypuklenia innych. Proces ten jest często stosowany w narzędziach do edycji obrazów, takich jak Photoshop i GIMP.
Oto przykład.
CSS ma w zasadzie funkcję nakładania maski obrazu. Ale znowu, musisz mieć umiejętności CSS, aby z niego korzystać. Możesz czytać ten artykuł aby uzyskać więcej informacji.
Happy Addons to świetne rozwiązanie do zastosowania maski obrazu w Elementorze, jeśli nie masz żadnej wiedzy na temat CSS.
Komentarz ça marche
Funkcja stosowania maski obrazu działa w widżetach Elementora, które manipulują obrazem, takich jak widżet Obraz i widżet Pole obrazu. Zobaczysz nową opcję o nazwie Maska obrazu tuż pod selektorem zdjęć. Możesz wybierać spośród trzydziestu dziewięciu różnych kształtów masek. Możesz również użyć niestandardowego kształtu maski, przesyłając plik SVG.
Jak zastosować maskę obrazu
Zanim zaczniesz, upewnij się, że masz zainstalowaną i aktywowaną wersję pro Happy Addons na swoim strona internetowa WordPressa. Możesz to założyć jego oficjalna strona internetowa.
Gdy wszystko będzie gotowe, utwórz nową stronę i edytuj ją za pomocą Elementora lub możesz także edytować istniejącą stronę. Dodaj widżet zawierający obraz — taki jak widżet Obraz — do pola edycji.
Przejdź do lewego panelu i kliknij selektor obrazów na Obraz blokować pod Treść wybierz obraz, którego chcesz użyć. Po wybraniu obrazu kliknij ikonę ołówka na Maskowanie obrazuopcja g.
Wybierz kształt maskujący, który Ci się podoba. Możesz także ustawić pozycję maskowania, ustawić rozmiar i powtórzyć. Jeśli chcesz użyć niestandardowego kształtu maskowania za pomocą pliku SVG, możesz kliknąć ikonę obrazu (obok ikony Happy Addons).
Po zakończeniu ustawień maskowania obrazu możesz przejść do Styl aby dostosować obraz, np. ustawić rozmiar i zastosować filtry. Opublikuj swoją stronę po zakończeniu edycji.
Pobierz Elementor Pro teraz !!!
Wnioski
Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak zastosuj maskę obrazu w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
