Müssen Sie einen Weg finden, ein abgerundetes Bild zu erstellen?

Wenn Sie es bereits bemerkt haben, verwenden einige Websites auf ihrer Teamseite oder auf der Infoseite abgerundete Bilder. Unter dem abgerundeten Bild sehen Sie normalerweise die Social-Media-Symbole, die mit den Social-Media-Konten der einzelnen Teammitglieder verlinkt sind.

Entdecken Sie:  So installieren Sie Elementor auf WordPress

Tanz Elementor, können Sie auch ein abgerundetes Bild wie im obigen Screenshot erstellen. Jedoch, Elementor bietet keine spezifischen Bildeinstellungen, um ein rechteckiges/quadratisches Bild in ein abgerundetes Bild umzuwandeln. Um ein abgerundetes Bild zu erzeugen, bedarf es eines kleinen Tricks Elementor.

Wenn Sie in Elementor ein Bild hinzufügen, können Sie die Werte für den Randradius festlegen. Um ein Bild in Form eines Kreises zu haben, können Sie die Randwerte je nach Größe Ihres Bildes auf eine beliebige Zahl setzen.

Tipps: Um ein Bild zu erhalten, das perfekt wie ein Kreis geformt ist, können Sie ein quadratisches Bild anstelle eines Rechtecks ​​verwenden.

Lassen Sie uns beginnen.

Lesen Sie auch: So fügen Sie einen Telefonnummernlink in Elementor hinzu

Fügen Sie zunächst ein Bild hinzu, indem Sie das Bild-Widget in das Bearbeitungsfeld von Elementor ziehen und ein Bild von Ihrem Computer auswählen.

wie-erstellt-ein-abgerundetes-Bild-in-Elementor

Sobald das Bild hinzugefügt wurde, gehen Sie zur Registerkarte Design um es zu personalisieren. Wie bereits erwähnt, um das Bild in Form eines Kreises zu erhalten, können Sie die Werte für den Randradius festlegen. Die Werte variieren je nach Größe Ihres Bildes. Für ein 800 × 800-Bild könnten Sie beispielsweise die Werte auf 260 setzen (alle Ecken: oben, rechts, unten, links).

Erstellen Sie ein abgerundetes Bild

Neben dem Randradius gibt es mehrere andere Einstellungen, die Sie auf Ihr Bild anwenden können. Mit Elementor können Sie auch die Helligkeit, den Kontrast, die Sättigung und den Farbton Ihres Bildes einstellen. Sie finden diese Einstellungen, indem Sie auf die Option klicken CSS-Filter. Spielen Sie einfach mit dem linken Bedienfeld herum, um herauszufinden, was Sie mit Ihrem Bild machen können.

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

Hier ist ! Das war's für diesen Artikel. Wenn Sie Fragen zum Erstellen eines Teammitgliedsbereichs mit Elementor haben, wenden Sie sich bitte anlass es uns wissen im 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.

...