TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

10 wskazówek, jak dostosować motyw Astra

29

Astra to jeden z najpopularniejszych motywów dostępnych w darmowym repozytorium motywów WordPress. Istnieje ponad milion aktywnych instalacji z prawie 5 gwiazdkami od ponad 5 tys. użytkowników. Możesz łatwo znaleźć ten motyw w kategorii „Popularne" podczas próby zainstalowania motywu z panelu administracyjnego. Jeśli używasz darmowego motywu Astra z dodatkiem Pro, oto kilka wskazówek, jak dostosować motyw i przenieść swoją witrynę na wyższy poziom.

10 wskazówek, jak dostosować motyw Astra

Astra oferuje większość dostosowań w sekcji „Wygląd > Dostosuj”, podobnie jak inne standardowe motywy WordPress. Możesz jednak łatwo się zgubić z setkami dostępnych opcji. Ponadto w motywie Astra są również możliwe dodatkowe wtyczki i zmiany układu. Tutaj wymienimy 10 najlepszych wskazówek, jak dostosować motyw Astry.

10 wskazówek, jak dostosować motyw Astra

Darmowy motyw Astry

1 Pobierz strony z różnych szablonów startowych

Będziesz wiedział, że Astra oferuje szablony startowe jako oddzielną wtyczkę. Możesz użyć tej wtyczki, aby zainstalować jeden z predefiniowanych szablonów startowych zamiast tworzyć od zera. Jeśli jednak lubisz wiele szablonów, łatwo jest pobrać tylko określone strony z tego demo. Na przykład możesz wybrać stronę „Kontakt” z jednej demonstracji i stronę „O nas” z innej demonstracji.

  • Po aktywacji wtyczki Astra Pro zobaczysz powiadomienie administratora we wtyczce i innych sekcjach, aby używać szablonów startowych. Kliknij przycisk „Rozpocznij”, aby zainstalować wtyczkę Starter Template. Alternatywnie możesz wyszukać i zainstalować wtyczkę z sekcji repozytorium wtyczek WordPress.

10 wskazówek, jak dostosować motyw Astra

Zainstaluj wtyczkę szablonu Astra Starter

  • Podczas przeglądania szablonów demonstracyjnych możesz zobaczyć dwie opcje.

10 wskazówek, jak dostosować motyw Astra

Importuj szablon pojedynczej strony w Astra

  • Możesz zaimportować cały szablon lub zaimportować wybrane szablony stron. W ten sposób możesz importować tylko te strony, które lubisz z różnych szablonów demonstracyjnych.
  • Zobaczysz monit informujący, że wszelkie dodatkowe wtyczki wymagane dla szablonów stron zostaną zainstalowane podczas importowania szablonu.
  • Kontynuowanie dalszych kroków spowoduje zaimportowanie szablonu strony i zobaczysz komunikat o sukcesie, taki jak poniżej.

10 wskazówek, jak dostosować motyw Astra

Pomyślnie zaimportowano szablon strony

  • Podobnie wybierz różne szablony z różnych wersji demonstracyjnych, które chcesz zaimportować do swojej witryny.

Uwaga: zalecamy wybór szablonów dla tego samego kreatora stron, takiego jak Gutenberg lub Elementor. Pomoże Ci to uniknąć instalowania wielu wtyczek w Twojej witrynie. Wszystkie importowane szablony stron będą miały status wersji roboczej, musisz edytować treść i opublikować strony.

2 Dodaj Yoast SEO lub Rank Math Breadcrumb

W większości przypadków będziesz używać wtyczki Yoast SEO z motywem Astra do celów optymalizacji pod kątem wyszukiwarek. Jednym z problemów związanych z Yoast jest to, że ręcznie edytujesz plik szablonu motywu (głównie single.php lub header.php), aby wstawić ślad nawigowania. Jednak motyw Astra rozwiązuje ten problem, oferując tę ​​opcję w konfiguratorze. Przejdź do sekcji „Wygląd > Dostosuj” i wybierz pozycję bułki tartej w sekcji „Okruszka tarta”. Kliknij menu rozwijane „Źródło bułki tartej” i wybierz opcję „Okruszki tarte SEO Yoast”.

10 wskazówek, jak dostosować motyw Astra

Wstaw Yoast lub Rang Math Breadcrumb

Podobnie, możesz również wybrać opcję breadcrumb wtyczki Rank Math z menu rozwijanego źródła, jeśli używasz tej wtyczki. Jest to łatwy sposób na skorzystanie z istniejącej ścieżki nawigacyjnej z wtyczki bez edytowania pliku motywu.

Powiązane: GeneratePress premium Vs Astra Pro – Który motyw jest dla Ciebie najlepszy?

3 Wstaw znaczniki na dole

Kolejne wskazówki dotyczące motywów Astry są przeznaczone dla osób, które chcą zmienić lokalizację wyświetlania tagów w pojedynczych postach na blogu. Domyślnie motyw Astra umożliwia wstawianie szczegółów meta postu pod tytułem. Możesz włączyć lub wyłączyć meta szczegóły, takie jak kategorie, tagi, data publikacji, autor i komentarze.

10 wskazówek, jak dostosować motyw Astra

Wyświetlanie tagów w Astra

Wielu blogerów WordPress używa wielu tagów do grupowania postów. W takim przypadku wyświetlanie wszystkich tagów pod tytułem posta może zajmować miejsce i wyglądać na przeciążone. Możesz łatwo przenieść tagi poniżej treści, wstawiając poniższy kod do pliku functions.php. Upewnij się, że używasz motywu potomnego Astra i wstaw kod do pliku functions.php motywu potomnego.

// removes the tags in meta below the title add_filter( 'astra_post_tags', 'remove_tags_callback' ); function remove_tags_callback(){ return ' '; } add_action('wp', 'tags_call_back'); function tags_call_back(){ if( is_single()) { add_action( 'astra_entry_bottom', 'add_tags_callback'); } } // display the tags with link at the respective action hook function add_tags_callback(){ $output = ''; $tags_list = get_the_tag_list( '', __( ', ', 'astra') ); if ($tags_list) { $output .= ''. $tags_list. ''; } if(! empty($tags_list)) { echo 'Tags: '. $output. ''; } }

4 Wyświetl datę ostatniej aktualizacji

Motyw Astra oferuje opcję pokazywania lub ukrywania daty publikacji w postach na blogu i stronach archiwum. Jednak wielu blogerów woli pokazywać ostatnią zaktualizowaną datę zamiast oryginalnej daty publikacji jako metadane. Najpierw wyłącz opcję daty publikacji i wstaw poniższy kod do pliku functions.php, aby wyświetlić datę ostatniej aktualizacji.

function your_prefix_post_date( $output) { $output = ''; $format = apply_filters( 'astra_post_date_format', '' ); $modified_date = esc_html( get_the_modified_date( $format) ); $modified_on = sprintf( esc_html( '%s' ), $modified_date ); $output .= ''; $output .= ' '. $modified_on. ''; $output .= ''; return $output; } add_filter( 'astra_post_date', 'your_prefix_post_date' );

Domyślnie WordPress umożliwia korzystanie z jednego paska bocznego w całej witrynie. jednak może to nie dotyczyć wszystkich właścicieli witryn. Możesz mieć zupełnie różne kategorie i chcesz zaprezentować różne paski boczne dla każdej kategorii. Przejdź do sekcji „Wygląd > Opcje Astry” i przewiń w dół do sekcji „Rozszerz Astrę o bezpłatne wtyczki”.

10 wskazówek, jak dostosować motyw Astra

Wtyczka menedżera paska bocznego

Kliknij link „Aktywuj” przeciwko „Menedżerowi paska bocznego”. Spowoduje to zainstalowanie i aktywację wtyczki w Twojej witrynie i przejście do strony „Ustawienia” wtyczki. Tutaj możesz utworzyć nowy pasek boczny i zastąpić domyślny pasek boczny. Kliknij menu rozwijane „Wyświetlaj włączone” i wybierz „ Określone strony / posty / taksonomie itp.” opcja. Następnie wybierz „Wszystkie liczby singularne z Twojej kategorii”, aby wyświetlić pasek boczny tylko dla tej konkretnej kategorii.

10 wskazówek, jak dostosować motyw Astra

Niestandardowy pasek boczny dla określonych kategorii

6 Wyłącz ładowanie plików ikon czcionek

Motyw Astry wykorzystuje plik czcionki do użycia w ikonach nawigacji. Ten plik może powodować problemy, takie jak wstępne wczytywanie kluczy i skumulowana zmiana układu w narzędziu Google PageSpeed ​​Insights. Możesz łatwo wyłączyć plik czcionki w swojej witrynie, dodając poniższy kod w pliku functions.php motywu podrzędnego.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 Buforowanie WooCommerce

Jeśli korzystasz z WooCommerce, w większości przypadków nie będzie on działał responsywnie z motywem Astra podczas korzystania z wtyczek buforujących, takich jak WP Rocket. Spowoduje to problemy na urządzeniach mobilnych, że strony produktów i sklepów będą ładowały się podobnie jak na komputerach stacjonarnych. Możesz zapoznać się z naszym artykułem o tym, jak wykluczyć strony WooCommerce z pamięci podręcznej, aby upewnić się, że strony sklepu ładują się poprawnie na urządzeniach mobilnych.

8 Konstruktor nagłówków i stopek

Najnowszy dodatek pro ma piękny kreator nagłówków i stopek. Możesz użyć tych opcji, aby zbudować układy nagłówków i stopek zgodnie z potrzebami. Po aktywacji dodatku Pro przejdź do sekcji „Wygląd> Dostosuj” i zacznij tworzyć sekcje konstruktora nagłówków i stopek.

10 wskazówek, jak dostosować motyw Astra

Kreator nagłówków tematycznych Astry

Ponadto możesz również aktywować opcję „Nagłówki stron” w sekcji „Wygląd > Opcje Astry”. Pomoże to w tworzeniu nagłówków stron pojedynczych lub dla całej witryny w sekcji „”Wygląd> Opcje Astry> Nagłówki stron> Dodaj nowy”.

10 wskazówek, jak dostosować motyw Astra

Kreator nagłówków stron w Astra

9 Użyj wtyczki Hooks, aby wstawić kod

Kolejne wskazówki dotyczące motywów Astry są przeznaczone dla osób zainteresowanych wstawianiem fragmentów kodu w swojej witrynie. Użytkownicy motywów profesjonalnych mogą użyć opcji niestandardowego układu, aby wstawić Google Analytics i inne wstawienie układu. Jeśli jesteś użytkownikiem darmowego motywu, musisz zainstalować wtyczki Astra Hooks, aby wstawić kod w sekcji nagłówka i stopki.

10 wskazówek, jak dostosować motyw Astra

Wtyczka Astra Hooks

Po zainstalowaniu i aktywacji wtyczki „Astra Hooks”, automatycznie doda ona dodatkowe opcje w sekcji dostosowywania WordPressa w sekcji „Hooks”. Możesz wstawiać kody dla całej witryny w nagłówku, stopce, pasku bocznym, komentarzu lub obszarze treści.

10 wskazówek, jak dostosować motyw Astra

Korzystanie z haków Astra

Powiązane: Top 7 motywów portfolio WordPress.

10 Użyj niestandardowego układu do wstawiania sekcji

Użytkownicy Pro mogą używać funkcji niestandardowego układu do wstawiania treści HTML i skryptów w dowolnym miejscu witryny bez wtyczki Astra Hooks. Po aktywowaniu opcji „Układy niestandardowe” możesz utworzyć sekcję układu i wstawić na podstawie reguł. Możesz wstawić kod Google Analytics za pomocą akcji wp_head. Pamiętaj, aby podczas wstawiania kodów kliknąć przycisk „WordPress Code Editor” na górnym pasku administracyjnym. Pomoże to w używaniu w kodzie odpowiednich pojedynczych i podwójnych cudzysłowów.

Ponadto możesz wstawiać sekcje niestandardowe w dowolnym poście lub stronie z określoną liczbą bloków lub przed określoną liczbą bloków nagłówka. Jest to przydatne, aby wstawić banery reklamowe lub partnerskie we wstępnie określonej pozycji w układzie witryny.

10 wskazówek, jak dostosować motyw Astra

Utwórz niestandardowy układ w motywie Astra

Ostatnie słowa

Piękno motywu Astry polega na tym, że dodaje mniej niż 50 KB podczas ładowania w przeglądarce. Nie oznacza to jednak, że musisz żyć z prostą, minimalistyczną witryną WordPress. Możesz używać haków lub niestandardowych układów i importować szablony startowe, aby tworzyć piękne witryny, takie jak inne komercyjne motywy WordPress.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów