Ü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 an der Kopfzeile interessiert sind. Header können daher Ihre Online-Autorität beeinträchtigen oder beeinträchtigen. Hier sind einige erstaunliche Vorteile, die Sie aus einem attraktiven Header ziehen können
Attraktive Header können Ihnen dienen
Überschriften auf Ihrer Seite geben den Lesern eine Vorstellung vom Inhalt. Sie können schnell durchsuchen und zu dem Teil gelangen, der sie interessiert, anstatt ihn nicht vollständig zu lesen.
Suchmaschinen lieben die Überschriften, die mit den richtigen Schlüsselwörtern gefüllt sind. Ein gut ausgearbeiteter Header ist der beste Weg, um Ihre SEO-Rankings und damit Ihre potenziellen Leads, Klicks und Verkäufe zu verbessern.
Da der jüngste Trend der Sprachsuche an Fahrt gewinnt, sind Header zu einem wertvollen Werkzeug für die Navigation in Informationen geworden. Wenn jemand eine Sprachsuche verwendet, um Informationen zu finden, nehmen die Suchmaschinen die Wörter auf und zeigen die Ergebnisse mit übereinstimmenden Überschriften an.
Hier finden Sie eine schrittweise Anleitung zum Konfigurieren eines beeindruckenden Headers mit dem Astra Pro-Design. Befolgen Sie die Anweisungen, um in kürzester Zeit einen Header Ihrer Wahl zu erstellen
Mit Astra Pro können Sie einen Seitenkopf einschließlich eines Hintergrundbilds in verschiedenen Farben und Brotkrumen erstellen . Sie können auch einen Site-Header entsprechend der Eignung Ihres Seiten-Headers entwerfen. Stellen Sie vor der Verwendung dieser Funktionen 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-Design
Mit dem Modul f Seitenkopfzeilen im Astra Pro-Design können Sie Kopfzeilen in einem beliebigen 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> Darstellung> Astra-Optionen
Um die Seitenkopfzeilen zu erstellen, besuchen Sie den Bereich „Seitenkopfzeilen“ in den Astra-Optionen wie folgt
Darstellung> Astra-Optionen> Seitenkopfzeilen
Wählen Sie nach der Aktivierung des Seitenkopfmoduls die Option Einstellungen, um mit dem Entwerfen zu beginnen
Unter den Einstellungen können Sie die Option "Seitenkopfzeilen" auf der Registerkarte "Darstellung" anzeigen. Von dort aus können Sie einen neuen Header mit dem Namen Ihrer Wahl erstellen. Als Nächstes können Sie es mit den verschiedenen Optionen für Seitenkopf, Anzeigeregeln und Site-Kopf weiter anpassen. Wählen und versuchen Sie Einstellungen Ihrer Wahl und erstellen Sie einen perfekten Header.
Astra Pro bietet die Anpassungsoptionen in den folgenden Domänen zum Entwerfen von Seitenkopfzeilen
Wenn Sie mit einem Seitenersteller einen Header erstellen, können Sie Ihren Seitenkopf erstellen
Stick: Es bestimmt, ob Ihr Header klebrig wird oder nicht
Stick On: Dadurch bleibt Ihr Header auf dem Handy / Desktop hängen
Verkleinern: Wenn Sie Ihre Kopfzeile an das obere Ende der Seite kleben, 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 anordnen
Mitte ausgerichtet: Dadurch werden der Seitentitel und auch die Semmelbrösel (falls aktiviert) in der Seitenmitte aufeinander gelegt.
Die Front-End-Ansicht dieser Option kann folgendermaßen aussehen
Inline: Der Seitentitel und auch die Brotkrumen (falls aktiviert) werden nach rechts und links verschoben
Die Front-End-Ansicht dieser Option kann folgendermaßen aussehen
Mit dieser Option können Sie entweder festlegen, ob Breadcrumbs auf Ihrer Website angezeigt werden sollen oder nicht. Breadcrumbs stellen den aktuellen Benutzerstandort der Site 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 Semmelbrösel auf Ihrer Website auswählen und die Farben wie gezeigt auswählen
Es wird auf Ihrem Frontend so sichtbar sein
Sie können die Höhe der Kopfzeile für Ihre Seite mit der Option der Hintergrundgröße auswählen. Dies ist eine nützliche Ergänzung, da es auch das Design Ihres Seitenkopfs verbessert. Sie können entweder die Option in voller Größe auswählen oder eine benutzerdefinierte Größe für Ihren Seitenkopf festlegen
Volle Größe: Mit dieser Option kann Ihr Seitenkopf einen Vollbildmodus belegen
Es wird auf Ihrem Frontend als sichtbar sein
Benutzerdefinierte Größe: Mit der benutzerdefinierten Größe können Sie Ihrem Seitenkopf eine beliebige Größe in einer positiven Zahl geben. Sie können auch die untere und obere Polsterung der Kopfzeile zusammen mit einer beliebigen 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 immer attraktiver wird.
Farbe: Gehen Sie zur Option Seitenhintergrund-Hintergrund, und Sie sehen eine Farbauswahl, aus der Sie eine beliebige Farbe für Ihren Kopfzeilenhintergrund auswählen können. Entscheiden Sie sich für Ihre Lieblingsfarbe, damit der Seitenkopf herausspringt
Bild: Wie bei Farbe können Sie ein Bild auswählen, das im Hintergrund Ihres Seitenkopfs angezeigt wird
Überschreiben: Astra Pro bietet Ihnen auch die Möglichkeit, das Hintergrundbild der Kopfzeile mit dem vorgestellten Blog-/Beitrags-/Seitenbild zu überschreiben, indem Sie die Überschreibungsoption aktivieren
Überlagerungsfarbe: Die Hintergrundfarbe, die Sie für Ihre Kopfzeile ausgewählt haben, überlagert das Hintergrundbild mit dieser Option
Es wird auf Ihrem Frontend als sichtbar sein
Astra Pro bietet die Option eines Parallaxeeffekts, 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 auf den spezifischen Posts 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 beim Design der Seitenkopfzeilen beim grundlegenden kostenlosen Astra-Theme bleiben? Hier präsentieren wir einen Vergleich zwischen den Funktionen, die zum Entwerfen und Erstellen beeindruckender Header verfügbar sind
Eigenschaften | Astra Free Theme | Astra Pro Addon |
Transparenter Header | ✔️ | ✔️ |
Brotkrume | ✔️ | ✔️ |
Stick Header | ❌ | ✔️ |
Mobiler Header | ❌ | ✔️ |
Seitenkopfzeilen | ❌ | ✔️ |
Typografie & Farben | ❌ | ✔️ |
Primärer Header | ❌ | ✔️ |
Astra Pro ist ein Addon- plugin für das Astra-Thema, das es noch fortschrittlicher und anpassbarer macht. Astra Pro bietet eine Reihe von Premium-Funktionen, die im kostenlosen Astra-Basisthema nicht verfügbar sind. Wenn Sie nach einem leicht zugänglichen Thema für Ihre persönliche und geschäftliche Website zu einem angemessenen Preis suchen, sollte Astra Pro Ihre Optionen übertreffen. Probieren Sie es aus und hinterlassen Sie Ihre Bewertung.
Kopf- und Fußzeilen einer Website sind wesentliche Elemente. In den meisten Fällen bietet die Kopfzeile eine Navigation…
Zwei der beliebtesten WordPress-Themes auf dem Markt sind Astra und OceanWP. Fachmann…
Um eine exzellente Nachrichten-Website zu erstellen, müssen Sie kein Webdesigner werden. Wir…
Das Zeitungsthema ist eines der bedeutendsten WordPress-Themes, das von tagDiv, einem…
Wenn es um die Einrichtung eines Online-Shops geht, ist WooCommerce das plugin der plugin . Es…
Ein Header ist im Allgemeinen das Erste, was eine Person sieht, wenn sie Ihre Website besucht,…