Jak usunąć tytuł strony WooCommerce Storefront Theme

Opublikowany: 2020-10-05

Witryna sklepu WooCommerce Usuń tytuł strony Czy zastanawiasz się, jak usunąć tytuł strony w motywie Storefront? Jeśli tak, jestem pewien, że próbowałeś niezliczonych metod usuwania tytułu strony bez powodzenia. Jednak nie powinieneś czuć się nieszczęśliwy. Mimo że WooCommerce jest super potężną platformą, ma również swoje ograniczenia. Trzymaj się do końca, ponieważ przedstawię Ci rozwiązanie umożliwiające ukrycie tytułu strony w motywie Storefront.

Witryna sklepu WooCommerce Usuń tytuł strony

Tytuł strony

Co więcej, niezliczone wyszukiwania i nieudane edycje dotyczące usuwania tytułu strony mogą pochłonąć Twój dzień, pozostawiając Cię zmęczonego i wyczerpanego. Kodowanie może zepsuć lub urozmaicić Twój dzień. W tym krótkim poście pomogę Ci złożyć te połamane kawałki i uprzyjemnić Ci dzień. Fragmenty kodu, które udostępnię, z pewnością wywołają uśmiech na Twojej twarzy.

Co więcej, jeśli jesteś początkującym WordPressem, podzielę się rozwiązaniem przyjaznym dla początkujących. Wiąże się to z użyciem wtyczki, co oznacza, że ​​nie będziesz obsługiwał żadnego fragmentu kodu.

Po co usuwać tytuł strony w motywie Storefront?

Niektóre funkcje dostarczane z WordPress mogą nie pasować do Twojego projektu. Tytuł strony może kolidować z Twoim projektem i możesz go usunąć.

Tytuł strony ma duże znaczenie, a to oznacza, że ​​tytuł strony niezgodny z treścią strony może od razu zirytować użytkowników serwisu. Czasami z kilku powodów nie chcesz odwracać uwagi odwiedzających od zawartości strony, umieszczając ten duży stary „Home” lub jakikolwiek inny tytuł.

Dlatego pojawia się potrzeba całkowitego usunięcia lub ukrycia tytułu strony Storefront.

Jak ręcznie usunąć tytuł strony w motywie Storefront?

Najszybszą metodą usunięcia tytułu strony w przypadku określonej strony/tytułu postu jest nieumieszczanie tytułu w miejscu, w którym miał zostać dodany. Możesz pozostawić pole Tytuł puste i publikować je w podróży. Oznacza to, że masz stronę bez tytułu.

Strona bez tytułu

Chociaż ta metoda wydaje się być bardzo łatwa, może mieć później swoje własne implikacje, co nie jest dobre. Oznacza to, że być może będziesz musiał ponieść ciężar wybrania tego skrótu. Dzieje się tak, ponieważ znalezienie postów bez tytułów może być trudne i mogą wystąpić inne nieoczekiwane problemy. Dlatego pozwól, że pokażę Ci, jak kodowanie może zdziałać cuda, aby rozwiązać ten problem.

Jak usunąć tytuł strony w motywie Storefront za pomocą kodu PHP?

Domyślnie motyw Storefront dodaje do strony głównej tytuł H1 „Dom”. Nie ma znaczenia, czy używasz statycznego szablonu strony „Domyślna”, czy „Strona główna”.

Można to jednak zrobić za pomocą CSS, za pomocą prostego „wyświetlania: brak”. Alternatywnie możesz całkowicie uniknąć ładowania tytułu „Home” za pomocą PHP. Dzieje się tak, ponieważ może to wpłynąć na SEO Twojej witryny. Lepiej nie ładować H1 niż ukrywać go za pomocą CSS.

Oto szybkie rozwiązanie tego problemu:

  1. Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
  2. Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która doda funkcję numeru GTIN w produktach w WooCommerce.
  3. Dodaj następujący kod do pliku php :
  • Usuń tytuł strony głównej w motywie witryny sklepowej (szablon strony „Strona główna”)
 /**

 * Ukryj tytuł strony głównej — szablon strony głównej witryny sklepowej

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_homepage_template' );

funkcja njengah_storefront_remove_title_from_home_homepage_template() {

   remove_action( 'storefront_homepage', 'storefront_homepage_header', 10 );

}
  • Usuń tytuł strony głównej w motywie witryny sklepowej (szablon strony „Domyślny”)
 /**

* Ukryj tytuł strony głównej — domyślny szablon strony sklepu

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_default_template' );

funkcja njengah_storefront_remove_title_from_home_default_template() {

if ( is_front_page() ) remove_action( 'storefront_page', 'storefront_page_header', 10 );
}
  1. To będzie wynik: Usuń tytuł strony

Jak usunąć tytuł strony w motywie Storefront za pomocą wtyczki?

W tej sekcji podzielę się przyjaznym dla początkujących rozwiązaniem, aby usunąć tytuł strony. Tutaj użyję przełącznika tytułu dla wtyczki Storefront Theme . To jest dla tych, którzy nie są zaznajomieni z dostosowywaniem swojej witryny za pomocą kodu lub może nie chcą zepsuć struktury kodowania swojej witryny. Przełącznik tytułu dla motywu Storefront

Ta wtyczka ułatwia usunięcie tytułu strony z określonych stron lub postów. Jest zbudowany do pracy tylko z motywem Storefront. Ponadto istnieje również możliwość usunięcia meta postu (tagów i liczby komentarzy) dla postów.

Oto kroki, które musisz wykonać:

  1. Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
  2. Następnie zainstalujemy wskazaną wcześniej wtyczkę. Aby pobrać go bezpośrednio w panelu administracyjnym , po prostu przejdź do Wtyczki > Dodaj nowy . Następnie musisz przeprowadzić wyszukiwanie słów kluczowych dla wtyczki „ Przełączanie tytułu dla motywu witryny sklepowej ”. Musisz go zainstalować i aktywować, jak pokazano poniżej: Aktywuj wtyczkę
  3. Aby ukryć tytuł określonej strony, kliknij edytuj na dowolnej stronie, na której chcesz ukryć tytuł. Edytuj stronę
  4. Na stronie edycji przewiń w dół, aż zobaczysz pole meta Tytuł i Przełącz. Zaznacz pole wyboru „Ukryj tytuł” ​​i zaktualizuj swoją stronę. Ukryj tytuł
  5. To będzie wynik: Usuń tytuł strony

Wniosek

W tym poście udostępniłem różne sposoby usuwania tytułu strony w motywie Storefront. Pierwsze rozwiązanie to szybka i skrócona metoda usunięcia tytułu poprzez po prostu nie umieszczanie go w miejscu, w którym miał zostać dodany. Jednak na początku wygląda to kusząco i łatwe do zrobienia, ale ma to później wiele implikacji, jak podkreśliłem.

Druga metoda polega na użyciu fragmentu kodu PHP i zależy od typu szablonu, którego używasz na stronie głównej. Ostatnia metoda to rozwiązanie przyjazne dla początkujących, które wiąże się z użyciem wtyczki.

To takie proste!

Podobne artykuły

  1. Jak usunąć „Czy na pewno chcesz się wylogować?”
  2. Jak zmienić tekst stopki e-mail WooCommerce?
  3. Jak usunąć szczegóły rozliczeniowe z WooCommerce Checkout
  4. Jak dostosować wysokość nagłówka sklepu WooCommerce?
  5. Jak usunąć Proudly Powered by WordPress Footer Link
  6. Jak liczyć przedmioty dodane do koszyka Kod liczenia koszyka WooCommerce
  7. Jak dodać produkt po konfiguracji witryny sklepowej [Przewodnik dla początkujących]
  8. Jak zmienić produkty na stronę Motyw WooCommerce Storefront
  9. Jak usunąć koszyk z nagłówka motywu Storefront
  10. Jak wyłączyć Recenzje WooCommerce Storefront Theme
  11. Jak wyświetlić polecane produkty na stronie głównej witryny sklepowej?
  12. Jak ukryć brakujące odmiany w WooCommerce
  13. Jak usunąć motyw Search Box Storefront?
  14. Jak usunąć bułkę tartą WooCommerce Storefront
  15. Jak przekierować użytkownika, jeśli nie jest zalogowany w WordPressie » Przekierowanie strony
  16. Jak zmienić rozmiar czcionki WooCommerce Storefront Theme
  17. Jak usunąć pasek boczny ze strony produktu w motywach WooCommerce
  18. Jak korzystać z atrybutów produktów WooCommerce krok po kroku [Kompletny przewodnik]
  19. Jak ukryć przycisk Dodaj do koszyka w WooCommerce?
  20. Jak dodawać kategorie do produktów WooCommerce