Um dieses Widget zu nutzen, gehen Sie zu Plugins SiteOrigin-Widgets zum Aktivieren des SiteOrigin-Registerkarten-Widgets. Bewegen Sie den Mauszeiger darüber und klicken Sie auf den Link Bearbeiten, um zu beginnen, sobald das Widget "Registerkarten" mit Page Builder in Ihren Widgetbereich oder Ihre Seite / Ihren Beitrag eingefügt wurde.

Titel

Geben Sie einen Titel für das Widget ein, der über den Registerkarten angezeigt wird.

Tabs / Item (Artikel)

Titel

Legen Sie den Titel der Registerkarte fest.

Content / Inhalt

Verwenden Sie den Editor, um den Inhalt der Registerkarte hinzuzufügen.

Anfangs ausgewählte Registerkarte

Die Position der Registerkarte, die beim ersten Laden der Seite ausgewählt werden soll.

Design / Tabs-Container

Diese Einstellungen gelten für den Container, der sowohl den TAB-Header als auch den TAB-Content (Bereich) enthält.

Hintergrundfarbe TAB: (background-color)

Legen Sie die Hintergrundfarbe des TAB fest.

Rahmenfarbe TAB: (Border color)

Legen Sie die Rahmenfarbe des TABs fest und wählen Sie einen Farbwert

Rahmenbreite TAB: (Border white)

Legen Sie die Rahmenbreite des TABs fest und wählen Sie den Wert in px. px ist der Standardwert. Sie können nur den Rahmen für den kompletten TAB festlegen

TABS / Design

Screen TABS / Design

Hintergrundfarbe (Background color)

Legen Sie die Hintergrundfarbe der Registerkarte fest.

Hintergrund Hover-Farbe (Background hover color)

Legen Sie die Hintergrund Hover-Farbe der Registerkarte fest.

Titelfarbe (Title color)

Legen Sie die Titelfarbe der Registerkarte fest.

Titel-Hover-Farbe (Title hover color)

Legen Sie die Farbe des Tab-Titel-Texts beim Hover fest.

Rahmenfarbe (Border color)

Legen Sie die Farbe des TAB-Rahmens fest.

Rahmenfarbe (Border hover color)

Legen Sie die Farbe für den Rand des Registers beim Hover fest.

Rahmenbreite (Border width)

Legen Sie die Rahmenbreite der Registerkarte fest. Sie können nur die Breite für den kompletten Rahmen festlegen.

Rahmenbreite Hover (Border hover width)

Legen Sie die Randbreite des Registers beim Hovern fest.

Design / Panels (Inhaltsbereich)

Screen Panels

Hintergrundfarbe:

Legen Sie die Hintergrundfarbe für das Bedienfeld fest.

Schriftfarbe:

Legen Sie die Schriftfarbe für das Bedienfeld fest.

Rahmenfarbe:

Legen Sie die Rahmenfarbe für das Bedienfeld fest.

Randbreite:

Legen Sie die Randbreite des Bedienfelds fest.

Google Analytics Event Tracking

Das Tracking von Tab-Klicks ist mit Google Analytics oder der Tracking-Software Ihrer Wahl möglich. Dazu müssen Sie das folgende Skript einfügen und bearbeiten, um dies zu ermöglichen:

Event Tracking Script

<script type = "text / javascript" > 
    jQuery ( '.sow-tabs-panel' ). on ( 'show' , function () { if ( jQuery ( this ). find ( '>: hidden' ) ) { // Hier Event Tracking hinzufügen. } } ); </ script> 

Fügen Sie Ihre Event-Tracking-Funktion unterhalb des Kommentars hinzu // Add Event Tracking here.. Das Plugin zum Einfügen von Kopf- und Fußzeilen ist eine der Methoden, die Sie zum Einfügen des obigen Skripts verwenden können.

Kopf- und Fußzeilen einfügen ist ein einfaches Plugin, mit dem Sie Code wie Google Analytics, benutzerdefiniertes CSS, Facebook Pixel und mehr in die Kopf- und Fußzeile Ihrer WordPress-Site einfügen können. Sie müssen Ihre Designdateien nicht bearbeiten!

Die einfache Oberfläche des Plugins zum Einfügen von Kopf- und Fußzeilen bietet Ihnen einen Ort, an dem Sie Skripts einfügen können, anstatt mit Dutzenden verschiedener Plugins zu arbeiten.

Plugins / Einstellungen / Einfügen Headers and FootersMenü 

SCRIPT EINFÜGEN IN KOPF- UND FUSSZEILE

• Schnell einzurichten
• Einfaches Einfügen von Skripten
• Geben Sie den Kopf- und / oder Fußzeilencode ein
• Fügen Sie jedem Thema Google Analytics- Code hinzu
• Fügen Sie benutzerdefinierte CSS über Themen
• Fügen Sie den Facebook-Pixelcode ein
• Fügen Sie einen Code oder ein Skript ein, einschließlich HTML und Javascript

Screen Insert Headers and Footers