Jak stworzyć oszałamiający nagłówek motywu Astra?

Nagłówki są niezbędne dla każdej treści na Twojej stronie internetowej, ponieważ służą nie tylko czytelnikom, ale także wyszukiwarkom. Oszałamiające i dobrze napisane nagłówki mogą przyciągnąć czytelników do Twojego posta i zwiększyć liczbę kliknięć. Nagłówki mogą mieć zakres od H1 do H6, w zależności od hierarchii treści. Główny tytuł Twojej strony lub artykułu to H1, podczas gdy H2 to podtytuły tworzące sekcje w Twoich dokumentach. Nagłówki od H3 do H6 zapewniają dalsze podtytuły w dokumencie pod H2. Zanim przejdziemy do tego, w jaki sposób motyw Astra może pomóc w tworzeniu oszałamiających nagłówków w treści, rozważmy znaczenie nagłówków

Spis treści:

• Dlaczego nagłówki są ważne dla twoich stron internetowych?
• 1. Identyfikacja tematu
• 2. Dostępność
• 3. Optymalizacja pod kątem wyszukiwarek
• 4. Sprawia, że ​​strony można skanować
• 5. Użyteczność urządzeń mobilnych
• Jak stworzyć oszałamiający nagłówek z motywem Astra?
• Plusy i minusy używania motywu Astra dla nagłówków
• Ostatnie słowa

Dlaczego nagłówki są ważne dla twoich stron internetowych?

Oto dlaczego musisz upewnić się, że w tekście znajdują się nagłówki

1. Identyfikacja tematu

Nagłówki odgrywają istotną rolę dla wyszukiwarek i czytelników, aby wybrać słowa kluczowe, których szukają w artykule. Główny nagłówek w tekście pomaga zidentyfikować temat materiału, a podtytuły prowadzą czytelnika do obszaru zainteresowania.

2. Dostępność

Dzisiaj ludzie najczęściej używają czytników ekranu do przeglądania dowolnych treści. Nagłówki dowolnej zawartości są łatwo odczytywane przez czytniki ekranu i są niezbędne do skutecznego korzystania z czytników ekranu. Pozwalają również czytelnikom przeskakiwać z jednego nagłówka na drugi, aby przejść do wymaganego tematu.

3. Optymalizacja pod kątem wyszukiwarek

Gdy nagłówki umożliwiają rozpoznanie tematu, wyszukiwarki pozycjonują Twoją stronę pod kątem zapytań. Im bardziej dopracujesz swoje nagłówki i wypełnisz je odpowiednimi słowami kluczowymi, tym bardziej wyszukiwarki podniosą twój ranking.

Oto przewodnik dotyczący korzystania z bezpłatnych funkcji motywu Astra do tworzenia atrakcyjnych nagłówków na stronach. Postępuj zgodnie z procedurą, aby utworzyć wybrany nagłówek.

4. Sprawia, że ​​strony można skanować

Używając nagłówków, sprawiasz, że strony są jak najbardziej możliwe do zeskanowania. Powszechnie wiadomo, że nikt nie czyta całego artykułu — zwłaszcza linijka po linijce. Dlatego ważne jest, aby strony miały nagłówki. Spośród wszystkich nagłówków najważniejszym nagłówkiem jest pierwszy nagłówek, który nadaje ton całemu postowi lub stronie.

Następnie pojawia się podtytuł, który dzieli zawartość na kawałki, które są lepsze do spożycia. Mało tego, strukturę artykułu pokazują nagłówki i podtytuły. Krótko mówiąc, odpowiedni zestaw nagłówków oznacza, że ​​możesz przyciągnąć odbiorców swoimi angażującymi treściami.

5. Użyteczność urządzeń mobilnych

Z czasem mobilność staje się coraz bardziej dominująca. Nie ma wątpliwości, że witryny będą generować większy ruch z urządzeń mobilnych niż kiedykolwiek wcześniej. Jeśli więc poprawisz swoje treści, z pewnością zdobędziesz widzów zarówno z urządzeń mobilnych, jak i komputerów stacjonarnych.

Krótko mówiąc, nagłówki optymalizują stronę internetową nie tylko pod kątem czytelników, ale także wyszukiwarek.

Jak stworzyć oszałamiający nagłówek z motywem Astra?

Po pierwsze, aby uzyskać dostęp do Konstruktora nagłówków Astra, zaloguj się do pulpitu nawigacyjnego WordPress, a następnie z lewego paska bocznego przejdź do Wygląd > Opcje Astry > Konstruktor nagłówków , jak pokazano na poniższym obrazku:

Kliknij go, a przeniesie Cię do sekcji Header Builder w dostosowywaniu WordPressa. Interfejs powinien wyglądać podobnie do tego, który mamy tutaj:

Jak widać, konstruktor nagłówków jest podzielony na trzy pionowe sekcje, ułożone jedna na drugiej. Masz „główny nagłówek” w środku z „powyżej nagłówka” u góry i „pod nagłówkiem” na dole.  

Każdy nagłówek ma własny zestaw „ustawień nagłówka”, do których można uzyskać dostęp, klikając ikonę koła zębatego po lewej stronie nagłówka.

Tutaj możesz dostosować wysokość nagłówka, rozmiar obramowania, tło, dopełnienie i margines.

Zwróć także uwagę, jak każdy nagłówek jest podzielony na trzy sekcje. Możesz dodawać i usuwać elementy nagłówka z tych sekcji, aby były bardziej funkcjonalne. W chwili pisania tego samouczka masz dostęp do 12 elementów nagłówka:

• Tytuł i logo witryny
• Menu Główne
• Przycisk 1
• Przycisk 2 (pro)
• Szukaj
• Konto
• HTML 1
• HTML 2
• Dodatkowe menu
• Społeczny
• Widżet 1
• Widżet 2
• Widget 3 (pro)
• Widget 4 (pro)
• Wózek

Teraz, aby dodać nowy element nagłówka, najedź myszą na tę sekcję i kliknij przycisk „+”. Spowoduje to wyświetlenie listy dostępnych elementów. Wybierz ten, którego chcesz użyć, a zostanie dodany do sekcji nagłówka.

Podobnie, po prostu kliknij przycisk „x” obok elementu nagłówka, aby usunąć element nagłówka.

Możesz także poruszać się po elementach nagłówka między sekcjami nagłówka, po prostu przeciągając i upuszczając.

Wszystkie użyte elementy nagłówka pojawią się w menu po lewej stronie, tuż pod zakładką Ogólne. Poniżej znajdziesz również opcję zmiany typu nagłówka. Bezpłatni użytkownicy otrzymują tylko opcję „Przezroczystych nagłówków”. Jeśli jednak korzystasz z Astry Pro, możesz włączyć „Przyklejone nagłówki”.

Z tego miejsca możesz uzyskać dostęp do określonych ustawień elementu nagłówka.

Tuż obok zakładki Ogólne mamy zakładkę Projekt. Stąd otrzymasz kilka podstawowych opcji projektowych, aby zmienić szerokość i margines nagłówka. Bardziej zaawansowane ustawienia są dostępne dla użytkowników Astry Pro.

Astra Header Builder pozwala również dostosować wygląd nagłówka witryny na różnych rozmiarach ekranu, takich jak komputer stacjonarny, telefon komórkowy lub tablet. Aby wybrać inny rozmiar ekranu i dostosować go, użyj selektora urządzeń w lewym dolnym rogu ekranu.

Jak widać, na mniejszym ekranie pojawia się dodatkowy obszar o nazwie „Poza płótnem”. Pozwala to zaoszczędzić miejsce w nagłówku i przenieść niektóre elementy poza ekran, które odwiedzający mogą przełączać w razie potrzeby.

I to jest podsumowanie naszego krótkiego przewodnika na temat tworzenia nagłówka przy użyciu motywu Astra. Gdy skończysz dodawać wszystkie elementy Header i wprowadzać niezbędne zmiany w projekcie, kliknij przycisk publikowania i to wszystko.  

Twój nowo utworzony nagłówek Astry jest już uruchomiony w witrynie WordPress.

Astra Header Builder: Szybki przegląd dostępnych opcji

W powyższym samouczku stworzyliśmy bardzo prosty nagłówek za pomocą Astra Header Builder, aby pokazać, jak działa ta funkcja. Jednak w Astra Header Builder dostępnych jest mnóstwo narzędzi i opcji, które pomogą Ci stworzyć bardziej złożone i oszałamiające nagłówki.

Oto krótkie spojrzenie na różne opcje, które masz do dyspozycji:

Główny nagłówek

Domyślny nagłówek w Astrze jest nagłówkiem podstawowym. Wyświetli logo, a także menu nawigacyjne, które można dostosować za pomocą różnych podstawowych ustawień nagłówka w Astrze.

Po prostu zainstaluj Astrę i przejdź do sekcji Nagłówek, aby wybrać podstawową opcję nagłówka i przejść do dostosowywania. Nagłówek > Nagłówek podstawowy

Możesz skorzystać z następujących ustawień dostosowywania

Układ

Ustawienia układu będą zarządzać pozycją logo dla Twojej strony. W logo Astry dostępne są trzy różne pozycje

Lewe logo

Logo w tym ustawieniu przesuwa się na lewą stronę menu nawigacyjnego. Jest to typowy styl pozycjonowania logo.

Prawe logo

Logo w tym ustawieniu przesuwa się na prawą stronę menu nawigacyjnego.

Logo centrum

Logo w tym ustawieniu przesuwa się pośrodku nad menu nawigacyjnym. Jest to dobra opcja w przypadku długiego menu.

Szerokość

Ustawienia szerokości zarządzają szerokością nagłówka tekstu. Możesz dostosować szerokość nagłówka jako

Pełna szerokość

W ustawieniach pełnej szerokości nagłówek zostanie rozciągnięty z obu końców i dopasuje się do rozmiaru strony przeglądarki.

Szerokość treści

W ustawieniach szerokości treści nagłówek dostosowuje się zgodnie z ustawioną szerokością kontenera i można to ustawić, wybierając następujące opcje

Globalny> Kontener> Szerokość

Granica

Wybierając obramowanie, możesz dodać obramowanie pod nagłówkiem i dostosować jego kolor i szerokość.

Nagłówek mobilny

Menu nawigacyjne na reagujących urządzeniach zmienia się w hamburgera. Dlatego główny nagłówek na tych urządzeniach wyświetla tylko menu hamburgerów i logo. Możesz dostosować układ logo dotyczący menu w responsywnych widżetach.

Stos

W opcji stosu logo będzie się przesuwać nad menu hamburgera. Wybór stosu może okazać się przydatny, jeśli masz duże logo.

Inline

W opcji inline logo i menu będą ze sobą zgodne i mogą być dobrym rozwiązaniem w przypadku małego logo.

Motywy kolorystyczne

Główne nagłówki mogą być prezentowane w różnych kolorach za pomocą motywu Astra. Globalne kolory będą dostępne za darmo, ale aby uzyskać bardziej zaawansowane funkcje, musisz użyć dodatkowej plugin Astra Pro. Aby używać kolorów globalnych w Astrze, musisz przejść do zakładki Wygląd, wybrać dostosuj, następnie globalne, a na końcu wybrać opcję kolorów. Wygląd> Dostosuj> Globalny> Kolory

Typografia

Ustawienia typografii strony lub witryny są automatycznie stosowane do głównego nagłówka w Astra Theme. Możesz wybrać i dostosować ustawienia typografii, przechodząc do zakładki Wygląd w obszarze globalne.  

Wygląd> Dostosuj> Globalny> Typografia

Przezroczysty nagłówek

Przezroczyste nagłówki to łatwy sposób na tworzenie pięknych i atrakcyjnych nagłówków dla Twojej strony. Tło głównego nagłówka zostanie ustawione na przezroczyste i pociągnie zawartość strony do góry. Treść strony i główny nagłówek zostaną scalone, co oznacza, że ​​górna część treści stanie się tłem przezroczystego nagłówka. Na przykład, jeśli obraz znajduje się w górnej części strony, przejdzie w górę, aby stać się tłem dla przezroczystego nagłówka.

Jak dodać przezroczysty nagłówek?

Przezroczysty nagłówek formułuje dwa szybkie kroki, aby Twoja strona była atrakcyjna 

Krok 1

Opcję przezroczystego nagłówka można znaleźć pod dostosowaniem, a następnie edytować

Wygląd> Dostosuj> Nagłówek> Przezroczysty nagłówek

Krok 2

W opcjach przezroczystego nagłówka możesz włączyć go dla całej witryny, wybrać obramowanie na dole, schematy kolorów i układ logo

Włączanie w pełnej witrynie

Jeśli chcesz ustawić przezroczyste nagłówki dla całej witryny, możesz włączyć tę opcję, zaznaczając pole wyboru. Jeśli zaznaczysz to pole wyboru, nadal możesz włączyć reguły wykluczania dla określonych postów lub stron. Możesz wyłączyć opcję przezroczystego nagłówka dla następujących stron

Wyłącz w archiwach, wyszukiwaniu i 404

Przezroczyste ustawienie nagłówka można wyłączyć na tych specjalnych stronach, zaznaczając pole wyboru.

Wyłącz na stronie indeksu blogu

Strona główna bloga staje się stroną indeksu bloga, jeśli zmienisz ustawienia ze strony głównej. Aby utworzyć stronę indeksu blogów, możesz przejść do ustawień strony głównej i na karcie „Wyświetlanie strony głównej” wybrać „Twoje najnowsze posty”.

Twoja strona główna Wyświetl> Twoje najnowsze posty

Jeśli chcesz wyłączyć ustawienia przezroczystego nagłówka na tej stronie indeksu blogów, możesz zaznaczyć odpowiednie pole wyboru.

Wyłącz na stronach

Jeśli chcesz wyłączyć opcję przezroczystego nagłówka na wszystkich stronach, zaznacz pole wyboru.

Wyłącz w postach

Jeśli chcesz wyłączyć opcję przezroczystego nagłówka dla wszystkich postów, zaznacz pole wyboru.

Kolory i tło

Możesz dostosować ustawienia tła i koloru przezroczystego nagłówka za pomocą następujących dostępnych opcji

• tło
• Nazwa strony
• Menu
• Podmenu
• Zadowolony

Plusy i minusy używania motywu Astra dla nagłówków

Plusy

• Dostępna jest możliwość przezroczystego nagłówka
• Dostępne są nagłówki o pełnej szerokości i szerokości treści 
• Dostosowanie kolorów i typografii jest dostępne

Cons

• Opcja przyklejania nagłówka jest niedostępna
• Zaawansowane funkcje kolorów nie są dostępne

Ostatnie słowa

Astra to jeden z najlepszych tematów. A jeśli go używasz, jesteś na dobrej drodze do utrzymania witryny.

Darmowy motyw Astry pozwala zaprojektować piękne i atrakcyjne nagłówki na Twoją stronę internetową. Dostępna jest również opcja i dostosowywanie przezroczystego nagłówka, co może poprawić wrażenia widza. Ogólnie rzecz biorąc, wiele opcji dostosowywania nagłówka w motywie Astry pozwala stworzyć oszałamiający nagłówek.