SeedProd Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

Überschriften-Block

Der Überschriften-Block ermöglicht es Ihnen, formatierte Überschriften zu jeder SeedProd-Seite hinzuzufügen. Egal, ob Sie eine fette H1 für Ihre Hero-Sektion oder eine kleinere H4 zur Einführung eines Inhaltsbereichs benötigen, der Überschriften-Block gibt Ihnen die volle Kontrolle über Text, HTML-Ebene, Link und Typografie-Einstellungen.

Im Gegensatz zu einfachem Text unterstützen mit diesem Block erstellte Überschriften Rich-Text-Formatierung, optionale Links, dynamische Textvariablen und geräteabhängige Schriftgrößen- und Ausrichtungseinstellungen – was ihn zu einem der vielseitigsten Blöcke für die Erstellung gut strukturierter, SEO-freundlicher Seiten macht.

Beispiel für einen Schlagzeilen-Block

Voraussetzungen: Der Überschriften-Block ist in allen unseren Lizenzplänen verfügbar.


Hinzufügen des Überschriften-Blocks zu Ihren Seiten

Befolgen Sie diese Schritte, um Ihrer SeedProd-Seite einen Überschriften-Block hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter Design > Blöcke den Überschriften-Block in den gewünschten Bereich Ihrer Seite.

Ziehen des Schlagzeilen-Blocks auf eine SeedProd-Seite

Schritt 2: Inhaltseinstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den Überschriften-Block, um seine Einstellungen zu öffnen. Konfigurieren Sie im Tab Inhalt den Überschriften-Text, den Link und das Layout.

Schlagzeile:

  • Text: Geben Sie Ihren Überschriften-Text mit dem Rich-Text-Editor ein. Unterstützt Fett-, Kursiv-, Unterstreichungs-, Durchstreichungs- und Inline-Farbformatierung. Sie können auch dynamische Textvariablen einfügen oder das KI-Textgenerierungstool verwenden, um Ihren Überschriften-Text zu generieren und zu verfeinern.
  • Link: Fügen Sie optional eine URL hinzu, um die Überschrift zu einem klickbaren Link zu machen. Klicken Sie auf das Einstellungen-Symbol neben dem Linkfeld, um zusätzliche Link-Optionen anzuzeigen.
  • In neuem Fenster öffnen: Aktivieren Sie diese Option, um die verlinkte URL in einem neuen Browser-Tab zu öffnen.
  • No Follow: Aktivieren Sie diese Option, um der Verknüpfung ein rel="nofollow"-Attribut hinzuzufügen, das Suchmaschinen anweist, keine Link-Autorität an das Ziel weiterzugeben.
  • Ausrichtung: Legen Sie die Textausrichtung fest – Links, Mitte oder Rechts. Unterstützt geräteabhängige Werte für Desktop, Tablet und Mobilgerät.
  • Schriftgröße: Legen Sie die Schriftgröße des Überschriften-Textes fest. Unterstützt geräteabhängige Werte für Desktop, Tablet und Mobilgerät.
  • Ebene: Wählen Sie die HTML-Überschriften-Tag für Ihre Überschrift – H1, H2, H3, H4, H5 oder H6. Verwenden Sie H1 für Ihren Hauptseitentitel und niedrigere Ebenen für Unterüberschriften, um eine ordnungsgemäße Dokumentenstruktur beizubehalten.
Inhaltseinstellungen für den Schlagzeilen-Block

Schritt 3: Design anpassen

Im Tab Erweitert können Sie die Typografie, Farbe und Abstände Ihres Überschriften-Blocks anpassen.

Stile:

  • Typografie: Passen Sie Schriftfamilie, Schriftstärke, Zeilenhöhe, Buchstabenabstand und Texttransformation der Überschrift an. Unterstützt geräteabhängige Werte für Desktop, Tablet und Mobilgerät.
  • Farbe: Legen Sie die Textfarbe der Überschrift mit der Farbauswahl fest.
  • Textschatten: Fügen Sie dem Überschriften-Text einen Schatteneffekt hinzu. Wählen Sie aus Keine, Haarfein, Klein, Mittel, Groß, X-Groß oder 2X-Groß, um Ihrer Überschrift Tiefe und Betonung zu verleihen.

Abstand:

  • Abstand: Steuern Sie den äußeren Abstand um Ihren Schlagzeilen-Block (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
  • Innenabstand: Passen Sie den inneren Abstand innerhalb Ihres Schlagzeilen-Blocks an (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.

Attribute:

  • CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Schlagzeilen-Block an, die von SeedProd automatisch für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt wurde.
  • Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um spezifische Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
  • Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format ein: attribut-name|wert.

Gerätesichtbarkeit:

  • Auf Desktop ausblenden: Blenden Sie den Schlagzeilen-Block auf Desktop-Bildschirmen aus.
  • Auf Tablet ausblenden: Blenden Sie den Schlagzeilen-Block auf Tablet-Geräten aus.
  • Auf Mobilgeräten ausblenden: Blenden Sie den Schlagzeilen-Block auf Mobilgeräten aus.

Animationseffekte:

  • Erscheinungsanimation: Wählen Sie einen Animationseffekt, der abgespielt wird, wenn der Schlagzeilen-Block ins Sichtfeld gescrollt wird, wie z. B. Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Erweiterte Einstellungen für den Schlagzeilen-Block

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des Schlagzeilen-Blocks abgeschlossen und sein Aussehen angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.


Sie haben erfolgreich einen Schlagzeilen-Block zu Ihrer Seite hinzugefügt! Gut formulierte Schlagzeilen führen Ihre Besucher durch Ihre Inhalte, verstärken Ihre Botschaft und verbessern die Seitenstruktur sowohl für Leser als auch für Suchmaschinen. Experimentieren Sie mit Überschriftenebenen, Typografieeinstellungen und Animationen, um Schlagzeilen zu erstellen, die Aufmerksamkeit erregen und zu Ihrem Markenstil passen.

Verwandte Artikel