So verwenden Sie den WordPress-Site-Slogan-Block

Der Site-Tagline-Block ist einer von vielen nützlichen Blöcken, die WordPress so einfach zu bedienen machen. Damit können Sie den Slogan Ihrer Website überall auf Ihrer Website hinzufügen und ihn mit integrierten Stiloptionen anpassen. In diesem Artikel besprechen wir alles, was Sie über den Website-Slogan-Block wissen müssen, damit Sie ihn effektiv auf Ihrer Website verwenden können.

Was ist der Website-Slogan-Block?

Ihre Website-Tagline (zusammen mit dem Website-Titel) wird normalerweise hinzugefügt, wenn Sie WordPress zum ersten Mal installieren, und ist in den allgemeinen Einstellungen des Dashboards zu finden. Der Slogan sollte von der Standardeinstellung „Nur eine andere WordPress-Site“ mit einer angemesseneren Zusammenfassung dessen, worum es auf Ihrer Website geht, aktualisiert werden. Um den Slogan Ihrer Website im Backend zu ändern, können Sie zu Einstellungen > Allgemein navigieren.

Der Website-Slogan-Block ist ein Themenblock in WordPress, mit dem Sie Ihren Website-Slogan überall auf Ihrer Website ganz einfach als dynamischen Inhalt hinzufügen können. Sie können den Block in eine Seite, Vorlage oder Kopfzeile ziehen und ihn nach Belieben anpassen. Dies ist einer von vielen Blöcken, die mit der vollständigen Seitenbearbeitung in WordPress eingeführt wurden.

So fügen Sie den Website-Slogan-Block zu Ihrem Beitrag oder Ihrer Seite hinzu

In diesem Beispiel verwenden wir das Design Twenty Twenty-Two, um den Website-Slogan zum Header-Bereich der Vorlage hinzuzufügen. Gehen Sie im WordPress-Dashboard zu Aussehen > Editor.

Um einen Website-Slogan- Block hinzuzufügen , klicken Sie beim Bearbeiten der Seitenvorlage zunächst auf das Blockeinfügungssymbol.

Von hier aus können Sie über die Suchleiste nach Site - Slogans suchen.

Klicken Sie entweder darauf oder ziehen Sie ihn an die gewünschte Stelle, um den Block zu Ihrer Seite hinzuzufügen.

Sie können auch /slogan eingeben, um den Slogan Ihrer Website schnell zu Ihrer Seite hinzuzufügen.

Einstellungen und Optionen für den Website-Slogan-Block

Symbolleisteneinstellungen

Wenn Sie den Mauszeiger über den Block bewegen, sehen Sie ein Formatierungsmenü mit den folgenden Optionen:

1. Umwandeln des Blocks in einen anderen Elementtyp
2. Textausrichtung ändern
3. Zusätzliche Einstellungen.

Hier ist ein kurzer Spickzettel, der zeigt, wo sich jede dieser Optionen in der Formatierungssymbolleiste befindet:

Zusätzliche Einstellungen

Wenn Sie auf die drei vertikalen Punkte auf der rechten Seite der Symbolleiste klicken und weitere Einstellungen anzeigen oder das Zahnrad in der oberen rechten Ecke auswählen, können Sie auf die Seitenleiste zugreifen, um die zusätzlichen verfügbaren Blockeinstellungen anzuzeigen.

Von diesem Seitenbereich aus können Sie die zusätzlichen Einstellungen anzeigen. Zuerst sehen wir uns die verfügbaren Farbeinstellungen an:

1. Ändern Sie die Textfarbe.
2. Ändern Sie die Hintergrundfarbe des Textes.

Sie können auch die Schriftart, das Erscheinungsbild (fett, kursiv usw.), die Zeilenhöhe, den Buchstabenabstand, die Dekoration (unterstrichen, durchgestrichen) und die Groß- und Kleinschreibung ändern, indem Sie auf die drei vertikalen Punkte neben „ Typografie “ im Bereich „ Farbe “ klicken.

Sie können die Schriftart im Abschnitt für die Schriftarteinstellungen ändern.

Passen Sie die Schriftgröße unter der Größeneinstellung an.

Die Schriftstärke (fett, dünn usw.) kann im Abschnitt „ Erscheinungsbild “ geändert werden.

Sie können auch den Buchstabenabstand und die Zeilenhöhe in den jeweiligen Abschnitten anpassen.

In der Einstellung für Groß- und Kleinschreibung können wir die Großschreibung des Website-Tagline-Blocks anpassen.

Und wir können unseren Website-Slogan unterstreichen oder durchstreichen , indem wir diese Optionen im Dekorationsbereich auswählen.

Unterhalb des Abschnitts „ Einstellungen “ finden Sie die Registerkarte „ Abmessungen “, auf der Sie die Auffüllung und den Rand Ihres Website-Slogan-Blocks anpassen können.

Ändern des globalen Stils des Website-Tagline-Blocks in WordPress

Wie bereits erwähnt, kann Ihre eigentliche WordPress-Site-Tagline (der Textinhalt) mithilfe des Site-Tagline-Blocks für alle Interaktionen des Blocks dynamisch aktualisiert werden. Der Stil (Hintergrundfarbe, Textfarbe usw.) des Blocks gilt jedoch nicht für alle Interaktionen, es sei denn, Sie ändern den standardmäßigen globalen Stil des Blocks.

Zum Beispiel haben wir unten die Hintergrundfarbe unseres Website-Slogan-Blocks in der Kopfzeile auf Blau angepasst.

Wenn wir einen Blogbeitrag öffnen, können wir sehen, dass sich die Kopfzeile mit dem neuen Stil ändert (1), aber der Stil ist deaktiviert, wenn wir den Website-Slogan-Block an einer anderen Stelle auf der Seite platzieren (2).

Um die Stile aller Website-Slogan-Blöcke auf Ihrer WordPress-Website für die gesamte Website zu ändern, können wir zur Registerkarte „Stile“ navigieren, indem wir auf den halb weißen, halb schwarzen Kreis oben rechts in unserem Vorlagen-Editor klicken und Blöcke auswählen.

Suchen Sie von hier aus in der Suchleiste nach „Website-Tagline“ und wählen Sie sie aus.

Hier können Sie Änderungen vornehmen, die den Standardstil für alle aktuellen und zukünftigen Iterationen des Website-Slogan-Blocks auf Ihrer Website ändern.

Natürlich können Sie diese globalen Stile bei Bedarf jederzeit für jeden einzelnen Block überschreiben.

Häufig gestellte Fragen zum Website-Slogan-Block

Hier sind einige häufig gestellte Fragen, die Ihnen helfen können, den Website-Slogan-Block besser zu verstehen.

Benötige ich einen Website-Tagline für meine Website?

Absolut! Wie Ihr Site-Titel hilft der Site-Slogan dabei, die Identität und den Zweck Ihrer Website zu definieren. Am wichtigsten ist, dass ein Slogan SEO hilft. Es wird von Suchmaschinen verwendet, um das Ranking Ihrer Website zu unterstützen, insbesondere wenn sie in den SERPs angezeigt wird. Selbst wenn Sie sich dafür entscheiden, Ihren Slogan nicht in Ihrer Kopfzeile anzuzeigen, ist das Erstellen eines Slogans in Einstellungen > Allgemein immer noch eine gute Praxis für SEO.

Wo sollte ich den Website-Slogan-Block verwenden?

Im Allgemeinen wird der Website-Slogan hauptsächlich hinter den Kulissen verwendet. Es ist jedoch üblich, Ihre Kopf- oder Fußzeile zu ergänzen. Sie können es neben dem Website-Logo-Block oder dem Website-Kachel-Block platzieren, damit Besucher wissen, worum es auf Ihrer Website geht.

Kann ich benutzerdefiniertes CSS zu meinem Website-Slogan-Block hinzufügen?

Unter dem Abschnitt „Abmessungen“ in der Seitenleiste „Zusätzliche Einstellungen“ sehen Sie den Abschnitt „Erweitert“ . Hier können Sie Ihrem Block CSS-Klassen hinzufügen, um den Block in Ihrem CSS-Stylesheet gezielt anzusprechen, oder den Bereich „Zusätzliches CSS“ Ihres Designs nach Bedarf verwenden.

Um auf den CSS-Editor zuzugreifen, gehen Sie zu Aussehen > Zusätzliches CSS :

Hinzufügen eines dynamischen Website-Slogans in Divi

Sie können den Divi Theme Builder verwenden, um Ihrer globalen Kopfzeile in nur wenigen einfachen Schritten einen Website-Slogan hinzuzufügen. Sie können beginnen, indem Sie in Ihrem Divi Theme Builder auf die Schaltfläche Bearbeiten neben Global Header klicken. Wir verwenden eine vorgefertigte Vorlage für dieses Tutorial, aber diese Schritte funktionieren mit jedem Design.

Fügen Sie als Nächstes ein neues Call-to-Action -Modul in Ihrer Kopfzeile hinzu.

Bewegen Sie als Nächstes den Mauszeiger über den Körperbereich und wählen Sie das Symbol „ Dynamische Inhalte verwenden “. Wählen Sie dann „ Website-Slogan “ aus der Liste aus.

Weitere Informationen finden Sie in unserem Tutorial zum Hinzufügen eines dynamischen Titels und Slogans in Divi.

Abschluss

Der Website-Slogan-Block gibt Ihnen die volle Kontrolle darüber, wo Sie ihn auf Ihrer Website anzeigen möchten. Mit den im WordPress-Editor verfügbaren integrierten Blockeinstellungen können Sie den Block ganz einfach hinzufügen, bearbeiten oder so gestalten, dass er zu Ihrem Design passt. Verwenden Sie es, um der Kopf- und Fußzeile Ihrer Website oder an einer beliebigen Stelle einen schönen Slogan hinzuzufügen.

Vielleicht interessieren Sie sich auch für unsere Tutorials zu WooCommerce Blocks und Block Patterns.

Teilen Sie uns in den Kommentaren mit, wenn Sie Fragen zum Tagline-Block der WordPress-Site haben!