Elementor - Widget Bild-Widget
Mit dem Image-Widget können Sie Bilder zu Ihren Seiten hinzufügen
und sie visuell mit Elementor gestalten.
Bilder spielen eine wichtige Rolle in Web-Design,
somit ist dies ein grundlegendes Widget,
das Sie wahrscheinlich sehr viel zur Gestaltung Ihrer Website nutzen werden.
Bearbeiten / Inhalt / Bild
Bild - Bild auswählen aus der Mediathek oder hochladen.
Bildgröße - Thumbnail, mittel, mittel groß, groß, voll, benutzerdefinierte etc.
Ausrichtung - links, rechts oder Mitte des Bildschirms
Caption - Text der Beschriftung an der Unterseite des Bildes ein.
Dies kann später im Stil Tab gestylt werden.
Verlinkung auf: - Bild-Link zu einer URL. (Option) .
|
Bearbeiten / Style / Bild
Größe - Bilde skalieren von 0-100 Prozent.
Deckkraft - Wählen Sie die Deckkraft des Bildes und machen Sie es transparenter.
Hover Animation - Wähle eine Hover Animation, also wenn die Maus über das Bild schwebt die Animation beginnt.
Border-Typ - keiner, solide, doppelt, punktiert oder gestrichelt.
Border Radius - Kanten des Bildes runder oder das ganze Bild rund
Box Schatten - Fügen Sie den Schatteneffekt (hier hellgrün) des Bildes hinzu
und legen Sie die Unschärfe, die Ausbreitung, die horizontale und die vertikale Einstellung des Kastenschattens fest.
Bearbeiten / Style / Überschrift
Größe - Skalierung des Bildes von 0-100 Prozent. Deckkraft - Wählen Sie die Deckkraft des Bildes und machen Sie es transparenter. Hover Animation - Wählen Sie eine Hover Animation, also wenn die Maus über dem Bild schwebt die Animation beginnt. Border-Typ - keiner, solide, doppelt, punktiert oder gestrichelt. Border Radius - machen Sie die Kanten des Bildes runder, oder machen Sie das ganze Bild rund. Box Schatten - Fügen Sie den Schatteneffekt des Bildes hinzu, und legen Sie die Unschärfe, die Ausbreitung, die horizontale und die vertikale Einstellung des Kastenschattens fest. Beschriftung - Kontrolle der Ausrichtung, Textfarbe und Typografie der Beschriftung.
|
Bearbeiten / Bild / Erweitert
Rand - Legen Sie den Rand für das Bild fest.
Padding - Setzen Sie die Polsterung für das Bild.
Eingang Animation - Fügen Sie einen Eingang Animationseffekt für das Bild ein und wählen Sie aus einer Vielzahl von Animationen, die zur Verfügung stehen.
CSS-Klassen - Füge dem Bild eine CSS-Klasse hinzu, damit Sie das CSS in Ihrer CSS-Datei anpassen können.
Frontend