Springe zum Hauptinhalt

So fügen Sie einer Spalte in Elementor einen Punkteffekt hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie einer Spalte in Elementor einen Punkteffekt hinzufügen?

Elementor ist perfekt für den Aufbau einer Website, bei der das Design im Vordergrund steht. 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.

einen Punkteffekt zu einer Spalte in Elementor hinzufügen

Gehen Sie im Einstellungsfeld (Feld auf der linken Seite) zur Registerkarte Stil 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.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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.

einen Punkteffekt zu einer Spalte in Elementor hinzufügen

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
  • Zunder
  • 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 Premium-WordPress-Plugins, die die Leistung Ihres WordPress-Blogs oder Ihrer Website optimieren.

1. Visual Restaurant Reservierung

Erstellen Sie dank dieses hervorragenden Premium-WordPress-Plugins das Online-Reservierungssystem für Ihre Restaurant- oder Café-Website. 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 das, was es auszeichnet andere Plugins auf dieser Liste.Visuelle Restaurantreservierung

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 gewünschte Form der Tabelle und ihre Position im Verhältnis zu den anderen Tabellen im Raster.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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.

Download | 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. Mapsvg Plugin WordPress-Verzeichnis

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

Download| 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.

Slider Revolution Responsive WordPress Plugin

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.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Fazit

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

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren