Widget-Builder

Loslegen #

Erstellen und passen Sie innerhalb weniger Minuten Ihr eigenes Elementor-Widget an. Keine tiefen Programmierkenntnisse erforderlich! Befolgen Sie einfach die Schritte und Sie können Ihr eigenes Widget mit benutzerdefiniertem Steuerfeld erstellen.

Schau das Video:

Erstellen Sie ein Widget #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Gehen Sie zu Elementskit

  1. Klicken Sie auf Module
  2. Aktivieren Sie den Widget Builder
  3. Änderungen speichern
So verwenden Sie den Widget-Builder in Elementor mit ElementsKit

Schritt=>2

  1. Klicken Sie auf Widget Builder
  2. Neue hinzufügen
Erstellen Sie ein neues Widget mit ElementsKit

Schritt=>3

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern

Schritt=>4

  • Gehen Sie nun zu Elementor–> Sie können sehen, dass das Widget im ausgewählten Kategorieabschnitt erstellt wird

Text #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern

Schritt=>2: Textsteuerung hinzufügen

  • Klicken Sie nun auf Abschnitt hinzufügen, um dem Widget ein Textsteuerelement hinzuzufügen

Schritt=>3

  • Suchen Sie nach Textsteuerung
  • Ziehen –> Ablegen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie einen beliebigen Platzhalter hinzu, der als Hilfetext für den Benutzer angezeigt wird
  • Fügen Sie Standardtext hinzu
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Von hier aus können Sie nun Ihr Textfeld hinzufügen oder bearbeiten

Nummer #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern

Schritt=>2: Nummernsteuerung hinzufügen

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Nummer Kontrolle über das Widget

Schritt=>3

  • Suchen Sie nach Nummernkontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie einen beliebigen Platzhalter hinzu, der als Hilfetext für den Benutzer angezeigt wird
  • Legen Sie den Mindestwert fest
  • Legen Sie den Maximalwert fest
  • Geben Sie den Schritt an (Nummer des Inkrementalwerts)
  • Legen Sie den Standardwert fest

Schritt=>6

  • Beschriftung anzeigen oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Von hier aus können Sie nun Ihr Nummernfeld hinzufügen oder bearbeiten

Textbereich #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Textbereichssteuerung hinzufügen

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Textbereich Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen Sie nach Textbereichssteuerung
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie einen beliebigen Platzhalter hinzu, der als Hilfetext für den Benutzer angezeigt wird
  • Anzahl der Zeilen hinzufügen

Schritt=>6

  • Fügen Sie einen beliebigen Standardwert hinzu
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Von hier aus können Sie nun Ihren Textbereichsinhalt hinzufügen oder bearbeiten

WYSIWYG #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern

Schritt=>2: WYSIWYG-Steuerung hinzufügen

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen WYSIWYG Kontrolle über das Widget

Schritt=>3

  • Suchen nach WYSIWYG Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie Standardtext hinzu
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Sie können jetzt von hier aus Ihre Inhalte hinzufügen oder bearbeiten

Code #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Code Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Code Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen Sie nach Code-Steuerung
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt.  Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Wählen Sie Ihren Sprachtyp aus –> JavaScript, CSS, HTML, MYSQL, PHP, PHP (Blade Template), SAAS, SCSS, SQL und Text
  • Standardwert hinzufügen
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Von hier aus können Sie jetzt Ihr Codefeld hinzufügen oder bearbeiten

Umschalter #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Schalter hinzufügenähm Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Umschalter Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Umschalter Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Label on: Ja==> Das Label für den „ungeprüften“ Zustand, d. h. wenn der Schalter aktiviert ist AN Die Beschriftung des Umschalters wird angezeigt JA-Text.
  • Beschriftung aus: Nein==> Die Beschriftung für den Status „geprüft“, d. h. wenn der Schalter aktiviert ist AUS Die Beschriftung des Umschalters wird angezeigt Kein Text
  • Rückgabewert hinzufügen==> Der Wert hat JA oder NEIN zurückgegeben, als der Umschalter überprüft hat
  • Wählen Sie einen beliebigen Standardwert: Ja oder Nein
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Schalten Sie nun den Umschalter ein -> zeigt den Standardwert „Ja“ an

Wählen #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Wählen Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Wählen Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Wählen Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie einen Wert hinzu oder bearbeiten Sie ihn und wählen Sie Ihre Optionen für diesen Wert aus
  • Fügen Sie Standardtext hinzu
  • Beschriftung ein- oder ausblenden

Schritt=>6

  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Sie können nun Ihre Kategorie auswählen und der Wert wird entsprechend angezeigt

Wählen #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Wählen Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Wählen Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Wählen Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Ob das Umschalten/Deaktivieren zum Aufheben der Auswahl zulässig ist.
  • Bieten Sie Optionen für Links Ausrichtung. Zum Beispiel: Schlüssel: links, Titel: Links, Symbol: fa fa-align-left
  • Bieten Sie Optionen für Center Ausrichtung. Zum Beispiel: Schlüssel: Center, Titel: Center, Symbol: fa fa-align-center
  • Bieten Sie Optionen für Rechts Ausrichtung. Zum Beispiel: Schlüssel: Rechts, Titel: Rechts, Symbol: fa fa-align-right
  • Klicke auf Hinzufügen um eine neue Option hinzuzufügen

Schritt=>6

  • Standardwert festlegen
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Sie können nun Ihre Ausrichtung links, zentriert oder rechts auswählen

Farbe #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Farbe Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Farbe Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen Sie nach Farbsteuerung
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Aktivieren, um Alpha-Werte (Farbwerte) hinzuzufügen.
  • Standardwert hinzufügen
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • CSS-Selektoren hinzufügen (CSS-Selektor für Steuerwert festlegen)
  • Benutzerdefinierte Klassen hinzufügen (Kontroll-Wrapper im Panel)
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Wählen Sie eine beliebige Farbe aus der Farbpalette

Terminzeit #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Terminzeit Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Terminzeit Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen Sie nach der Datums-/Uhrzeitsteuerung
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Aktivieren Sie diese Option, um sie anzuzeigen oder die Uhrzeit festzulegen, und deaktivieren Sie sie, um sie auszublenden
  • Stellen Sie die Minutenschrittweite ein
  • Fügen Sie Standarddatum und -uhrzeit hinzu
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Hier können Sie nun Ihr Datum und Ihre Uhrzeit auswählen

Schriftart #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Schriftart Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Schriftart Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Schriftart Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Optionen hinzufügen oder bearbeiten
  • Gruppen hinzufügen oder bearbeiten
  • Standardwert hinzufügen

Schritt=>6

  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Hier können Sie nun Ihr Schriftartenfeld auswählen

URL #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen URL Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen URL Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach URL Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Fügen Sie einen beliebigen Platzhalter hinzu, der als Hilfetext für den Benutzer angezeigt wird (Das Platzhalterfeld wird angezeigt, wenn das Feld keine Werte enthält)
  • Fügen Sie eine beliebige Standard-URL hinzu
  • Extern aktivieren oder nicht (Link in neuem Tab öffnen)
  • Aktivieren Sie „Folgen“ oder nicht
  • Externe Schaltfläche ein- oder ausblenden

Schritt=>6

  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>7: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Sie können jetzt hier Ihre URL hinzufügen oder bearbeiten
  • Aktivieren oder deaktivieren Sie den Link zum Öffnen in einem neuen Tab
  • Aktivieren oder deaktivieren Sie die Option, um „No Follow“ hinzuzufügen
  • Stellen Sie benutzerdefinierte Attribute bereit

Medien #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Medien Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Medien Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Medien Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Sie können Ihr Bild jetzt hier hochladen

Symbol #

Sehen Sie sich die Videoanleitung an:

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Symbol Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Symbol Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Symbol Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt.  Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Hauttyp auswählen
  • Symbol hinzufügen

Schritt=>6

  • Wählen Sie Ihren Symboltyp aus
  • Suchen Sie nach Symbol

Schritt=>7

  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>8: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Von hier aus können Sie jetzt Ihr Symbolfeld hinzufügen oder ändern
  • Wählen Sie Ihren Symboltyp aus
  • Suchen Sie nach Symbol

Schieberegler #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Schieberegler Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Schieberegler Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Schieberegler Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Standardwert festlegen
  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Hier können Sie nun Ihre Altersspanne auswählen

Grenze #

Schritt=>1: Erstellen Sie ein Widget

  • Widget-Titel hinzufügen
  • Klicken Sie auf „Symbol ändern“, um ein neues Symbol hinzuzufügen –> Wählen Sie Ihren Symboltyp aus –> Nach Symbol suchen
  • Wählen Sie die Widget-Kategorie aus
  • Klicken Sie auf Speichern
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_17-1024x472.png

Schritt=>2: Hinzufügen Grenze Kontrolle

  • Klicken Sie nun auf Abschnitt hinzufügen, um ihn hinzuzufügen Grenze Kontrolle über das Widget
Dieses Bild hat ein leeres Alt-Attribut; Der Dateiname lautet Screenshot_18-1024x442.png

Schritt=>3

  • Suchen nach Grenze Kontrolle
  • Ziehen
  • Fallen

Schritt=>4

  • Ändern Sie den Titel
  • Ändern Sie die Beschriftung
  • Ändern Sie das Namensfeld – Klicken Sie auf das Namensfeld–> der Name wird automatisch zur Registerkarte „HTML“ hinzugefügt. Notiz** Der Name muss eindeutig sein und darf nur Buchstaben, Zahlen und Unterstrich (_) enthalten.
  • Fügen Sie eine beliebige Beschreibung hinzu–> Zeigt die bereitgestellte Beschreibung an

Schritt=>5

  • Beschriftung ein- oder ausblenden
  • Wählen Sie den Anzeigetyp -> Blockstil ein- oder ausblenden
  • Wählen Sie „Trennzeichenposition“ -> „Standard“, „Vorher“, „Nachher“ oder „Keine“.
  • CSS-Selektor hinzufügen
  • Fügen Sie benutzerdefinierte Klassen hinzu, um den Wrapper im Panel zu steuern
  • Speichern

Schritt=>6: Gehen Sie nun zu Elementor –> Nach Ihrem erstellten Widget suchen –> Ziehen Sie das Widget –> Ablegen

  • Hier können Sie nun Ihren Rahmentyp auswählen, die Breite festlegen und die Farbe auswählen
Was sind deine Gefühle?
Aktualisiert am 8. Juni 2023