Astra Pro: Konfigurieren Sie einen atemberaubenden Header

Überschriften sind ein wesentlicher Bestandteil jedes Artikels, Blogs oder jeder Website. Leser navigieren durch das Material und Kunden klicken nur dann auf Ihre Website, wenn sie sich für den Header interessieren. Überschriften können daher Ihre Online-Autorität beeinflussen oder zerstören. Hier sind einige erstaunliche Vorteile, die Sie aus einem attraktiven Header ziehen können

Wie kann ein beeindruckender Header Ihrem Blog/Ihrer Website zugute kommen?

Attraktive Header können Ihnen dabei helfen

1- Machen Sie Ihre Seite scanbar

Überschriften auf Ihrer Seite geben den Lesern eine Vorstellung vom Inhalt. Sie können den Text schnell überfliegen und zu dem Teil gelangen, der ihn interessiert, anstatt ihn gar nicht erst zu lesen.

2- Steigerung des SEO-Rankings

Suchmaschinen lieben die Kopfzeilen, die mit den richtigen Schlüsselwörtern gefüllt sind. Ein gut formulierter Header ist der beste Weg, Ihr SEO-Ranking und damit Ihre potenziellen Leads, Klicks und Verkäufe zu verbessern.

3- Navigieren in der Sprachsuche

Da der jüngste Trend der Sprachsuche immer stärker wird, sind Kopfzeilen zu einem wertvollen Werkzeug für die Navigation in Informationen geworden. Wenn jemand eine Sprachsuche verwendet, um Informationen zu finden, erfassen die Suchmaschinen die Wörter und zeigen Ergebnisse mit passenden Überschriften an.

Hier finden Sie eine Schritt-für-Schritt-Anleitung, wie Sie mit dem Astra Pro-Design einen beeindruckenden Header konfigurieren können. Befolgen Sie die Anweisungen, um im Handumdrehen einen Header Ihrer Wahl zu erstellen

Wie konfiguriere ich einen Header mit Astra Pro?

Astra Pro können Sie einen Seitenkopf inklusive Hintergrundbild, in verschiedenen Farben und Breadcrumbs erstellen. Sie können auch einen Site-Header entsprechend der Eignung Ihres Seiten-Headers gestalten. Bevor Sie diese Funktionen nutzen, stellen Sie sicher, dass das Astra Pro Plugin auf der WordPress-Website installiert ist.

Wie installiere ich Astra Pro?

Befolgen Sie die unten aufgeführten einfachen Schritte, um das plugin von Astra Pro auf Ihrem WordPress zu installieren

Installieren Sie das Astra-Theme

  • Melden Sie sich im Store von Brainstorm Force
  • Navigieren Sie zu den Konten und klicken Sie dann auf Downloads (Konten > Downloads).
  • Wählen Sie die Option „Astra Pro Plugin um eine ZIP-Datei zu erhalten, die auf dem Computer installiert werden kann
  • Installieren Sie die Zip-Datei auf der WordPress-Website und aktivieren Sie das Astra Pro plugin
  • Fügen Sie die Addon Astra Pro-Lizenz hinzu

Konfigurieren von Seitenkopfzeilen mit dem Seitenkopfmodul 

Mit dem Modul für Seitenkopfzeilen im Astra Pro-Theme können Sie Kopfzeilen in jedem Stil und Design Ihrer Wahl konfigurieren. Befolgen Sie dazu die unten aufgeführten Schritte

Schritt 1

Öffnen Sie nach der Installation von Astra Pro Ihr WordPress-Dashboard und navigieren Sie zur Option „Darstellung“. Aktivieren Sie das Modul unter „Astra-Optionen“.

WordPress-Dashboard > Erscheinungsbild > Astra-Optionen

Schritt 2

Um die Seitenkopfzeilen zu erstellen, besuchen Sie den Bereich „Seitenkopfzeilen“ in den Astra-Optionen wie folgt

 Aussehen > Astra-Optionen > Seitenkopfzeilen

Schritt 3

Gehen Sie nach der Aktivierung des Seitenkopfzeilen-Moduls zur Option „Einstellungen“, um mit dem Entwerfen zu beginnen

Schritt 4

Unter den Einstellungen können Sie auf der Registerkarte „Darstellung“ die Option „Seitenkopfzeilen“ anzeigen. Von dort aus können Sie eine neue Kopfzeile mit dem Namen Ihrer Wahl erstellen. Als Nächstes können Sie es mit den verschiedenen verfügbaren Optionen für Seitenkopfzeile, Anzeigeregeln und Site-Kopfzeile weiter anpassen. Wählen Sie die gewünschten Einstellungen aus, probieren Sie sie aus und erstellen Sie einen perfekten Header.

Anpassungsoptionen für Seitenkopfzeilen in Astra Pro

Astra Pro bietet in den folgenden Bereichen Anpassungsoptionen für die Gestaltung von Seitenkopfzeilen

Layout

Wenn Sie mit einem beliebigen Seitenersteller eine Kopfzeile erstellen, können Sie Ihre Seitenkopfzeile selbst erstellen

Stick: Es bestimmt, ob Ihr Header klebrig wird oder nicht

Aufkleben: Dadurch bleibt Ihr Header auf dem Mobilgerät/Desktop haften

Verkleinern: Wenn Sie Ihre Kopfzeile am oberen Ende der Seite anbringen, entscheidet diese Option, ob sie verkleinert wird oder nicht. Der Schrumpfeffekt entfernt den unteren und oberen Bereich der Kopfzeile

Sie können den Titel der Seite auch mit den folgenden Layoutoptionen gestalten

Mittig ausgerichtet: Dadurch werden der Seitentitel und auch die Breadcrumbs (falls aktiviert) in der Seitenmitte übereinander liegen.

Die Vorderansicht dieser Option kann so aussehen

Inline: Der Seitentitel und auch die Breadcrumbs (falls aktiviert) werden nach rechts und links verschoben

Die Vorderansicht dieser Option kann so aussehen

Brotkrümel anzeigen

Mit dieser Option können Sie wählen, ob Breadcrumbs auf Ihrer Website angezeigt werden sollen oder nicht. Breadcrumbs stellen den aktuellen Benutzerstandort der Website dar und helfen Benutzern, in der Linkhierarchie von oben nach unten zu navigieren

Es wird auf Ihrem Frontend so sichtbar sein

Farbe und Titel der Breadcrumbs

Sie können den Text für die Breadcrumbs auf Ihrer Website auswählen und wie gezeigt auch die Farben dafür auswählen

Es wird auf Ihrem Frontend so sichtbar sein

Größe des Hintergrunds

Mit der Option „Hintergrundgröße“ können Sie die Höhe der Kopfzeile für Ihre Seite festlegen. Dies ist eine nützliche Ergänzung, da es auch das Design Ihrer Seitenkopfzeile verbessert. Sie können entweder die Option „Vollgröße“ wählen oder eine benutzerdefinierte Größe für Ihren Seitenkopf festlegen

Volle Größe: Mit dieser Option kann Ihr Seitenkopf den gesamten Bildschirm einnehmen

Es wird auf Ihrem Frontend als sichtbar sein

Benutzerdefinierte Größe: Mit der benutzerdefinierten Größe können Sie Ihrer Seitenkopfzeile eine beliebige Größe in einer positiven Zahl geben. Sie können auch die untere und obere Polsterung der Kopfzeile sowie jede beliebige Einheit definieren. Die Standardeinheit ist „%“ zusammen mit anderen Optionen wie „6px“

Es wird auf Ihrem Frontend so sichtbar sein

Hintergrund des Headers

Sie können Ihren Header auch mit einer beliebigen Farbe oder einem beliebigen Bild im Hintergrund versehen, wodurch er noch attraktiver wird.

Farbe: Gehen Sie zur Option „Hintergrund der Seitenkopfzeile“ und Sie sehen eine Farbauswahl, mit der Sie jede gewünschte Farbe für den Hintergrund Ihrer Kopfzeile auswählen können. Entscheiden Sie sich für Ihre Lieblingsfarbe, die den Seitenkopf hervorheben soll

Bild: Wie bei der Farbe können Sie auch ein Bild auswählen, das als Hintergrund für die Kopfzeile Ihrer Seite angezeigt wird

Überschreiben: Astra Pro bietet Ihnen auch die Möglichkeit, das Hintergrundbild der Kopfzeile durch das vorgestellte Blog-/Beitrags-/Seitenbild zu überschreiben, indem Sie die Überschreibungsoption aktivieren

Überlagerungsfarbe: Die Hintergrundfarbe, die Sie für Ihre Kopfzeile ausgewählt haben, überlagert bei dieser Option das Hintergrundbild

Es wird auf Ihrem Frontend als sichtbar sein

Parallaxeneffekt

Astra Pro bietet die Möglichkeit eines Parallaxeneffekts, bei dem sich das Bild im Hintergrund beim Scrollen mit einer anderen Geschwindigkeit bewegt als der Inhalt im Vordergrund 

Anzeige ein

Mit dieser Premium-Funktion von Astra Pro können Sie Ihren Seitenkopf in den spezifischen Beiträgen oder Seiten Ihrer Wahl anzeigen. Sie können den Speicherort aus der Dropdown-Liste auswählen und die Ausschluss- und/oder Anzeigeregel verwenden, um den Seitenkopf anzuzeigen  

Astra Pro im Vergleich zu Astra Free Theme für Seitenkopfzeilen

Überlegen Sie, ob Sie sich für das Astra Pro Addon plugin oder bei der Gestaltung der Seitenkopfzeilen beim einfachen kostenlosen Astra-Theme bleiben sollen? Hier präsentieren wir einen Vergleich zwischen den Bedingungen und Funktionen, die zum Entwerfen und Erstellen beeindruckender Header verfügbar sind

MerkmaleKostenloses Astra-ThemeAstra Pro Addon
Transparenter Header✔️✔️
Semmelbrösel✔️✔️
Stick-Header✔️
Mobiler Header✔️
Seitenkopfzeilen✔️
Typografie und Farben✔️
Primärer Header✔️

Letzte Worte

Astra Pro ist ein Add-on plugin für das Astra-Theme, das es noch fortschrittlicher und anpassbarer macht. Astra Pro bietet eine Reihe von Premium-Funktionen, die im kostenlosen Basis-Astra-Theme nicht verfügbar sind. Wenn Sie nach einem leicht zugänglichen Theme für Ihre persönliche und geschäftliche Website zu einem vernünftigen Preis suchen, Astra Pro Ihre Wahl sein. Schauen Sie sich also um und hinterlassen Sie Ihre Bewertung.

Hinterlassen Sie einen Kommentar.

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