Ü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
Attraktive Header können Ihnen dabei helfen
Ü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.
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.
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
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.
Befolgen Sie die unten aufgeführten einfachen Schritte, um das plugin von Astra Pro auf Ihrem WordPress zu installieren
Installieren Sie das Astra-Theme
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
Ö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
Um die Seitenkopfzeilen zu erstellen, besuchen Sie den Bereich „Seitenkopfzeilen“ in den Astra-Optionen wie folgt
Aussehen > Astra-Optionen > Seitenkopfzeilen
Gehen Sie nach der Aktivierung des Seitenkopfzeilen-Moduls zur Option „Einstellungen“, um mit dem Entwerfen zu beginnen
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.
Astra Pro bietet in den folgenden Bereichen Anpassungsoptionen für die Gestaltung von Seitenkopfzeilen
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
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
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
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
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
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
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
Ü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
| Merkmale | Kostenloses Astra-Theme | Astra Pro Addon |
| Transparenter Header | ✔️ | ✔️ |
| Semmelbrösel | ✔️ | ✔️ |
| Stick-Header | ❌ | ✔️ |
| Mobiler Header | ❌ | ✔️ |
| Seitenkopfzeilen | ❌ | ✔️ |
| Typografie und Farben | ❌ | ✔️ |
| Primärer Header | ❌ | ✔️ |
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.
Kopf- und Fußzeilen einer Website sind wesentliche Elemente. In den meisten Fällen dient der Header der Navigation …
Zwei der beliebtesten WordPress-Themes auf dem Markt sind Astra und OceanWP. Professional…
Um eine hervorragende Nachrichten-Website zu erstellen, müssen Sie kein Webdesigner werden. Wir…
Das Newspaper-Theme ist eines der bedeutendsten WordPress-Themes, das von tagDiv entworfen wurde, einem…
Wenn es um die Einrichtung eines Online-Shops geht, ist WooCommerce das plugin in der Wahl. Es…
Ein Header ist im Allgemeinen das Erste, was eine Person sieht, wenn sie Ihre Website besucht.