Möchten Sie die Bildmaske anwenden in Elementor ?
Ein einfacher Trick kann das Gesamtdesign Ihrer Seite bestimmen. Beim Erstellen einer Seite mit Elementor, möchten Sie möglicherweise eine Bildmaske anwenden, um Ihre Seitenbilder hervorzuheben und einzigartig zu machen. Bedauerlicherweise, Elementor verfügt nicht über eine Standardstiloption zum Anwenden der Bildmaske auf ein Bild.
Wenn Sie Elementor Pro und CSS-Kenntnisse haben, können Sie benutzerdefiniertes CSS hinzufügen, um die Bildmaske auf ein Bild anzuwenden. Wenn Sie keine CSS-Kenntnisse haben, können Sie die verwenden Happy Addons Add-on-Plugin um eine Bildmaske in Elementor anzuwenden.
Happy Addons ist ein Freemium-Elementor-Addon, das mit einer Funktion zum Anwenden der Bildmaske ausgestattet ist. Diese Funktion selbst ist nur in der Pro-Version verfügbar, daher müssen Sie die Pro-Version von Happy Addons verwenden, um diese Funktion zu verwenden.
Übrigens, was ist die Bildmaske?
Bei der Bildmaskierung handelt es sich um einen Prozess, bei dem bestimmte Teile eines Bildes ausgeblendet werden, um andere Teile hervorzuheben. Dieser Prozess wird häufig in Bildbearbeitungswerkzeugen wie Photoshop und GIMP angewendet.
Hier ist das Beispiel.
Das CSS hat grundsätzlich eine Funktion zum Anwenden der Bildmaske. Aber auch hier müssen Sie über CSS-Kenntnisse verfügen, um es zu verwenden. du kannst lesen Dieser Artikel für weitere Informationen.
Happy Addons ist eine großartige Lösung, um Bildmasken in Elementor anzuwenden, wenn Sie keine CSS-Kenntnisse haben.
Comment ça marche
Die Funktion Bildmaske anwenden funktioniert mit Elementor-Widgets, die ein Bild manipulieren, wie z. B. das Bild-Widget und das Bildbox-Widget. Sie sehen eine neue Option namens Bildmaske direkt unter der Bildauswahl. Sie können aus neununddreißig verschiedenen Maskenformen wählen. Sie können auch eine benutzerdefinierte Maskenform verwenden, indem Sie eine SVG-Datei hochladen.
So wenden Sie eine Bildmaske an
Bevor Sie beginnen, vergewissern Sie sich, dass Sie die Pro-Version von Happy Addons auf Ihrem installiert und aktiviert haben Webseite WordPress. Du kannst es anziehen seine offizielle Website.
Wenn alles fertig ist, erstellen Sie eine neue Seite und bearbeiten Sie sie dort mit Elementor, oder Sie können auch eine vorhandene Seite bearbeiten. Fügen Sie dem Bearbeitungsfeld ein Widget hinzu, das ein Bild enthält, z. B. das Bild-Widget.
Gehen Sie zum linken Bereich und klicken Sie auf die Bildauswahl auf der Bild Block unter dem Inhalt Registerkarte, um ein Bild auszuwählen, das Sie verwenden möchten. Sobald das Bild ausgewählt ist, klicken Sie auf das Stiftsymbol auf dem BildmaskinMöglichkeit g.
Wählen Sie eine Maskierungsform, die Ihnen gefällt. Sie können auch die Position der Maskierung, die Größe und die Wiederholung festlegen. Wenn Sie eine benutzerdefinierte Maskierungsform mithilfe einer SVG-Datei verwenden möchten, können Sie auf das Bildsymbol (neben dem Symbol „Happy Addons“) klicken.
Nachdem Sie die Bildmaskierungseinstellung abgeschlossen haben, können Sie zu gehen Design Registerkarte, um Ihr Bild anzupassen, z. B. die Größe festzulegen und Filter anzuwenden. Veröffentlichen Sie Ihre Seite, sobald Sie mit der Bearbeitung fertig sind.
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Bildmaske in Elementor anwenden. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
