Möchten Sie einer Spalte in Elementor einen Punkteffekt hinzufügen?
Elementor ist perfekt für Erstelle eine Website, bei der der Schwerpunkt auf Design liegt. In Elementor können Sie Animationseffekte hinzufügen, um Ihre Website interaktiver zu gestalten.
Einer der Animationseffekte, die Sie einer von Elementor unterstützten Seite hinzufügen können, ist ein Punkteffekt. Sie können einem Abschnitt, einer Spalte oder einem Widget einen Punkteffekt hinzufügen.
In diesem Artikel erfahren Sie, wie Sie einer Spalte in Elementor eine Punktzahl hinzufügen. Übrigens, wenn Sie neu bei Elementor sind, können Sie unseren vorherigen Artikel lesen, um es herauszufinden wie man Elementor installiert.
So fügen Sie einer Spalte in Elementor einen Punkteffekt hinzu
In Elementor ist Spalte ein erforderliches Element. Hier können Sie Widgets hinzufügen - die eigentlichen Designelemente zum Erstellen Ihrer Seite. Wie bei anderen Elementtypen in Elementor können Sie auch eine Spalte anpassen, um sie elegant zu gestalten.
Sie können einen einfarbigen Hintergrund, einen Bildhintergrund und einen Schatten für den Hover-Effekt hinzufügen. Mit dem integrierten Hover-Effekt von Elementor können Sie beim Zeigen einen anderen Hintergrund, einen anderen Rahmen und einen anderen Schlagschatten verwenden.
Um in Elementor einen Punkteffekt zu einer Spalte hinzuzufügen, klicken Sie zuerst auf den Ziehpunkt der Spalte, der Sie den Punkteffekt hinzufügen möchten, um zum Spalteneinstellungsfenster zu wechseln.
Gehen Sie im Einstellungsfeld (Feld auf der linken Seite) zur Registerkarte Design und öffne den Block Hintergrund. In letzterem können Sie die Registerkarte öffnen AU ÜBERBLICK um einen anderen Hintergrund für den Zeigezustand festzulegen.
Sie können einen einfarbigen Hintergrund, einen Hintergrund mit Farbverlauf oder einen Bildhintergrund verwenden. Sie können auch die Übergangsdauer (den Übergang vom Normalzustand in den Zeigezustand) einstellen in die Option Übergangsdauer.
Um einen anderen Rahmen und einen anderen Boxschatten für den Zeigezustand festzulegen, können Sie den Block öffnen Rand. Klicken Sie auf die Registerkarte ÜBERBLICK dieses Blocks und legen Sie den Rahmenstil, die Rahmengröße, die Rahmenfarbe, den Rahmenradius und den Bereichsschatten für den Zeigezustand fest.
Hinzufügen eines erweiterten Hover-Effekts zu einer Spalte in Elementor
im Gegensatz zu Divi BuilderElementor verwendet die CSS-Transformation nicht für seinen Hover-Effekt. Daher können Sie nur grundlegende Hover-Effekte hinzufügen. Aber wie Elementor (die Pro-Version) du ermöglicht das Hinzufügen von benutzerdefiniertem CSS, können Sie benutzerdefiniertes CSS verwenden, um eine CSS-Transformation hinzuzufügen, um einen erweiterten Hover-Effekt hinzuzufügen.
Rollover-Effekte werden mit der CSS-Transformation erstellt. Um einer Spalte eine CSS-Transformation hinzuzufügen, gehen Sie zuerst zu die Registerkarte Erweitert und öffne den Block Benutzerdefinierte CSS (Stellen Sie sicher, dass sich das Einstellungsfenster im Spalteneinstellungsfenstermodus befindet). Fügen Sie den folgenden CSS-Code hinzu.
Der Code :
Selektor: Hover {Übergang: alle .2s Ease-In-Out; transformieren: Skala (1.1); Cursor: Punkt; z-Index: 1; }
In der CSS-Transformation selbst gibt es 5 Transformationsstile, die Sie verwenden können:
- Matrix
- Übersetzen
- Skalieren
- Drehen
- Schiefe
Der obige CSS-Code verwendet die Skalierungstransformation. Sie können es einfach durch einen beliebigen Transformationsstil ersetzen.
lesen seite aufrufen um mehr über die CSS-Transformation zu erfahren.
Weitere zusätzliche Premium-WordPress-Plugins
Entdecken Sie auch andere Wordpress-Plugins Premium, die die Leistung Ihres WordPress-Blogs oder Ihrer Website optimieren.
1. Visual Restaurant Reservierung
Erstellen Sie das System Online-Buchung Ihrer Restaurant- oder Café-Website, dank dieses hervorragenden Premium-WordPress-Plugins. Mit letzterem haben Sie die Möglichkeit, selbst Tische und Sitzplätze in dem von diesem Plugin angebotenen Raster zu erstellen und Ihre Kunden die kostenlosen reservieren zu lassen. Dies ist das Hauptmerkmal dieses Plugins und unterscheidet es von den anderen Plugins diese Liste.
Mit Drag & Drop können Sie verschiedene Arten von Tischen in Ihr Restaurantraster ziehen und die maximale Anzahl von Sitzplätzen für jeden Tisch sowie die Anzahl der Tische berechnen. Besucher Ihres Restaurants können Wählen Sie die Form des Tisches, die sie bevorzugen, und die Position des Tisches in Bezug auf die anderen Tische im Raster.
Hier für dich 5 WordPress-Plugins zur Optimierung von Kategoriebeschreibungen und Beschriftungen
Die Kunden Ihres Restaurants treffen diese Wahl gerne direkt im Internet, anstatt zu reisen. Mit diesem Plugin können sie eine Vorstellung davon bekommen, was sie heute erwartet.
Es bietet unter anderem folgende Funktionen: Unterstützung für Drag & Drop, 3 Arten von Reservierungssystemen, eine ziemlich intuitive Bedienung, vollständige Anpassung des Layouts und vieles mehr.
Herunterladen | Demo | Web-Hosting
2. MapSVG
MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokale, Lieferantenlisten usw. 
Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.
Lesen Sie auch unseren Artikel über So halten Sie Ihre Besucher länger auf Ihrer Website
Herunterladen| Demo | Web-Hosting
3. Schieber Revolution
Slider Revolution ist ein innovatives und reaktionsschnelles WordPress-Karussell-Plugin, das Ihre Inhalte wunderschön anzeigt. Egal, ob es sich um einen Schieberegler oder ein Karussell handelt, mit dem visuellen Drag & Drop-Editor können Sie beispielsweise die Geschichte Ihres Unternehmens erzählen, Ihre besten Produkte, Ihre besten Artikel hervorheben und vieles mehr.
Entdecken Sie auch unsere 10 WordPress-Plugins zum einfachen Erstellen eines Popups
Die Hauptmerkmale sind: eine hervorragende Folienerstellungsoberfläche, Drag & Drop-Foliendesign, vollständig ansprechendes Layout, perfekte Verwaltung von Multimedia-Inhalten, optimierte Leistung, Mehrsprachige Unterstützung, exzellente Kundenbetreuung, Touchscreen-Unterstützung, kostenlose und regelmäßige Updates, Dokumentation und Tutorial-Videos verfügbar und vieles mehr.
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- Was ist der Unterschied zwischen einem Blog und einer Website?
- So kopieren und fügen Sie Text in WordPress ohne Formatierungsprobleme ein
- SEO-Benchmarking: Wettbewerbsanalyse
- 5 WordPress-Plugins zum Akzeptieren von PayPal-Zahlungen
Zusammenfassung
Hier ! Das war's für unseren Artikel, der Ihnen zeigt, wie Sie einer Spalte in Elementor einen Punkteffekt hinzufügen. wenn Sie Kommentare oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren.
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 zu 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.
...
