Möchten Sie den langweiligen Stil der Bilderpräsentation auf Ihrer WordPress-Website loswerden? Probieren Sie die Bildbox-Vorlage von ElementsKit aus. 

ElementsKit (ein komplettes Elemetor-Add-on) bietet 19 verschiedene Bildbox-Vorlagen um Bilder mit verschiedenen Effekten und Animationen anzuzeigen. Außerdem können Sie Text, Überschriften, Schaltflächen, URLs, Symbole und vieles mehr einfügen. 

Alle diese Elemente sind vollständig anpassbar. Darüber hinaus können Sie mit den ElementsKit-Bildbox-Vorlagen beliebige Elemente von Elementor entfernen oder einschließen. 

✨✨ Erforderliche Plugins: 
👉👉 Elementor: Laden Sie das Elementor-Plugin herunter 
👉👉 ElementsKit: Laden Sie das ElementsKit-Plugin herunter 

Erstellen Sie eine Bildbox mit ElementsKit #

• Erstellen Sie einen neuen Beitrag/eine neue Seite oder öffnen Sie einen spannenden Beitrag mit Elementor 
• Klick auf das ElementsKit-Symbol 
• Wählen Sie das „Bildbox“ aus der Kategorie 

• Du kannst sehen 19 verschiedene Vorlagen (11 kostenlos, 8 Premium) für die Bildbox
• Klick auf das Pluszeichen (+) um die Vorschau zu sehen 

• Klicken An "Einfügen"
• Es erscheint auf Ihrer Seite/Ihrem Beitrag 
• Jetzt können Sie die Stile und andere Eigenschaften der Bildbox-Vorlage bearbeiten
• Klicken Sie nach der Anpassung auf "Veröffentlichen"

Passen Sie die ElementsKit-Bildbox-Vorlage an #

In der linken Seitenleiste können Sie das Layout der Bildbox, den Inhalt sowie die Stile jedes Elements anpassen. Darüber hinaus können Sie in den erweiterten Einstellungen erweiterte Anpassungen für ein einzelnes Element oder das gesamte Layout vornehmen. 

Layoutanpassung  #

• Wählen Sie die Breite des Inhalts aus (eingerahmt oder in voller Breite).
• Legen Sie eine benutzerdefinierte Breite fest 
• Passen Sie Spaltenabstand, Höhe, vertikale Ausrichtung und Überlauf an 
• Dehnungsabschnitt ein-/ausschalten 

Inhaltsanpassung  #

👉 Bild 

• Ändern Sie das Bild 
• Passen Sie die Bildgröße an
• Legen Sie den Inhaltsbereich fest 
• Gleiche Höhe aktivieren oder deaktivieren 
• URL aktivieren oder deaktivieren 

👉 Körper 

• Ändern Sie den Titeltext
• Passen Sie das Titel-HTML-Tag an
• Legen Sie die Titelausrichtung fest 

👉 Taste

• Aktivieren oder deaktivieren Sie die Schaltfläche 
• Passen Sie den Text der Schaltflächenbeschriftung an 
• URL hinzufügen
• Symbol „Hinzufügen/Entfernen“. 
• Legen Sie die Symbolposition fest 

Stilanpassung  #

👉 Schattenlinie 

• Wählen Sie die linke oder rechte Schattenlinie aus
• Legen Sie eine benutzerdefinierte Breite fest 
• Passen Sie den Boxschatten an 
• Passen Sie den Hintergrundtyp und die Farbe an 
• Hintergrundbild festlegen 

👉 Bild 

• Legen Sie den benutzerdefinierten Randradius und die Polsterung fest 
• Passen Sie die Bilddeckkraft für den Normal- oder Hover-Stil an 

👉 Körper 

• Legen Sie den Rahmentyp und den Randradius fest
• Passen Sie Hintergrundbild, Typ und Farbe an 
• Legen Sie benutzerdefinierte Polsterung und Boxschattenfarbe fest 
• Legen Sie Titelabstand, Typografie und Farbe fest 

👉 Taste 

• Passen Sie den Füllwert und die Symbolschriftgröße an 
• Ändern Sie den Text und die Hintergrundfarbe der Schaltfläche 
• Legen Sie Normal- oder Hover-Eigenschaften fest 
• Legen Sie den Rahmentyp, den Rahmenradius und den Boxschatten fest 

Erweiterte Anpassung  #

• Passen Sie den Rand, den Abstand, die Breite, die Position und den Z-Index des Layouts an
• Legen Sie Bewegungseffekte für Elemente fest (z. B. Einblenden, Vergrößern, Hineinspringen, Hineinschieben nach links usw.)
• Passen Sie die Reaktionsfähigkeit und Attribute an 
• Fügen Sie benutzerdefiniertes CSS für weitere Änderungen ein 

Hoffentlich können Sie Ihre Website-Bilder jetzt mithilfe der ElementsKit-Bildbox-Vorlagen auf interessantere Weise präsentieren. Und zögern Sie nicht, Fragen zu stellen oder Ihre Vorschläge mit uns zu teilen.