ElementsKit zawiera moduł Elementor Image Masking, który umożliwia projektowanie stron internetowych z obrazami o fantazyjnych kształtach. Funkcja umożliwiająca maskowanie obrazów za pomocą niestandardowych kształtów.

Maskuj obraz za pomocą niestandardowych kształtów #

Maskowanie obrazów przy użyciu ElementsKit jest łatwe i można je zastosować do dowolnych obrazów w witrynie. Dzięki modułowi maskowania obrazu możesz w zasadzie zmienić kształt obrazów na bardziej kreatywne. Możesz wybrać gotowe kształty maskujące dostarczone z modułem lub dodać własne kształty za pomocą maskowania SVG.

Przeczytaj tę dokumentację, aby dowiedzieć się, jak korzystać z modułu maskowania Elementor Image w ElementsKit.

Krok 1: Włącz moduł maskowania obrazu #

Aby dodać kształty maskujące do obrazów stron internetowych, musisz to najpierw zrobić włączyć moduł. Za to,

1. Zaloguj się do swojej witryny WordPress.
2. Nawigować do ElementsKit > MODUŁY z panelu WordPress.
3. Znaleźć Maskowanie moduł z listy i Włączyć coś przycisk przełączania, aby włączyć moduł.
4. Następnie kliknij ZAPISZ ZMIANY przycisk w prawym górnym rogu.

Krok 2: Dodaj kształt maskujący do obrazów #

Teraz możesz dodać kształt maskujący do dowolnego obrazu. Aby skorzystać z modułu maskowania obrazu ElementsKit Elementor, musisz najpierw dodać obraz i włączyć maskowanie obrazu.

1. Otwórz stronę za pomocą edytora Elementor.
2. Dodaj dowolny obraz do projektu. W tym przykładzie używamy widżetu obrazu Elementor.
3. W zakładce Treść znajdziesz Maskowanie ElementsKit. Włącz  Włącz maskowanie i kontynuuj dalej.

Teraz możesz wybrać typ kształtów maskujących obraz. Dostępne są dwie opcje typów kształtów: domyślne i niestandardowe.

Typ kształtu – domyślny: #

Moduł maskowania ElementsKit zawiera 12 domyślnych kształtów. Aby użyć gotowych kształtów maskujących:

• Ustaw Typ kształtu na Domyślny.
• Wybierz kształt z podanych opcji.

Typ kształtu – niestandardowy: #

Do obrazów można także dodawać niestandardowe kształty.

• Ustaw Typ kształtu na Zwyczaj.
• Wybierz obraz dla kształtu. Możesz użyć obrazu png lub możesz także użyć SVG do maskowania.

Dostosuj styl kształtu maskowania #

Aby dostosować kształty w maskowaniu obrazu, możesz ustawić położenie, powtórzenie i rozmiar.

• Wybierz Pozycja kształtu maskowania z dostępnych opcji.
• Zdecyduj, czy to zrobić Powtarzać kształty i sposoby ich powtarzania.
• Ustaw Rozmiar kształtu maskowania z dostępnych opcji.

Na koniec naciśnij przycisk aktualizacji, aby zakończyć procedurę.