Usuń pasek boczny WordPress | Z całej witryny lub poszczególnych stron

Czasami chcesz po prostu usunąć pasek boczny z używanego motywu WordPress. Może chcesz usunąć pasek boczny z całej witryny lub tylko z poszczególnych postów lub stron. Bez względu na to, z jakiego powodu pasek boczny jest dla Ciebie przeszkodą, zawsze istnieje sposób na ukształtowanie witryny zgodnie z własnymi życzeniami.

Obszar paska bocznego to miejsce, w którym umieszczasz widżety witryny. Większość ludzi używa go po prawej stronie, ale można go również umieścić po lewej lub poniżej obszaru zawartości.

Większość darmowych i premium motywów WordPress zawiera wiele pasków bocznych lub obszarów gotowych na widżety. Paski boczne są przydatne i mogą pomóc w rozwoju Twojej firmy. Możesz nawet utworzyć niestandardowy pasek boczny WordPress lub WooCommerce.

Pasek boczny może zawierać informacje o stronie internetowej, formularz kontaktowy, powiązane treści, reklamy, formularze zapisu na listy e-mailowe, profile w mediach społecznościowych itp. Możliwości jest wiele.

Celem pasków bocznych w WordPressie jest wyświetlanie elementów, które nie są częścią treści postu lub strony. Elementy można łatwo dodawać do paska bocznego motywu za pomocą widżetów WordPress.

W większości motywów WordPress pasek boczny będzie wyglądał inaczej, gdy użytkownik przegląda witrynę z urządzenia mobilnego. Ze względu na zmniejszoną szerokość ekranu, paski boczne pojawiające się po prawej lub lewej stronie na pulpicie są przesuwane na dół na ekranach mobilnych.

Choć pasek boczny może być przydatny, posiadanie go nie zawsze jest konieczne. Zdarza się, że właściciele witryn uważają je za bardziej rozpraszające niż przydatne narzędzie.

Czasami może się okazać, że cała witryna lub tylko konkretna strona jest lepsza z pojedynczą kolumną. Mając to na uwadze, w tym poście omówię modyfikowanie motywu WordPress w celu wyeliminowania paska bocznego.

Usuń metody WordPress z paska bocznego

Dlaczego chcesz usunąć pasek boczny WordPress? Jeśli chcesz, aby odwiedzający Twoją witrynę mogli swobodnie czytać zawartość Twojego bloga, możesz usunąć pasek boczny. Może pasek boczny nie pojawia się tak, jak powinien na urządzeniach mobilnych. Bez względu na powód, musi odejść.

Większość motywów ma opcję niewyświetlania paska bocznego lub ograniczenia wyświetlania paska bocznego do niektórych stron lub postów. Możesz także skontaktować się z autorem motywu, który powie Ci, jak usunąć pasek boczny z WordPressa.

Ale jeśli nie możesz skontaktować się z pomocą techniczną, a Twój motyw nie ma opcji usunięcia paska bocznego, postępuj zgodnie z jedną z metod wymienionych poniżej, w zależności od tego, co chcesz zrobić z paskiem bocznym.

Pierwszą rzeczą do rozważenia jest to, gdzie dokładnie chcesz usunąć pasek boczny . Z określonego szablonu strony? Z całej witryny? Tylko strony statyczne?

#1. Jak usunąć pasek boczny WordPress z całej witryny?

Czy chcesz usunąć pasek boczny z każdej strony i postu w witrynie WordPress? Aby to zrobić, musisz edytować pliki motywów WordPress.

Przejdź do folderu /wp-content/themes/your-theme-name/ za pomocą FTP (na przykład FileZilla) lub cPanel (jeśli Twój hosting go używa). Możesz także edytować pliki motywów, przechodząc do Wygląd -> Edytor na pulpicie nawigacyjnym witryny.

Pliki motywów WordPress składają się z szablonów . Musisz edytować wszystkie szablony, które wyświetlają pasek boczny, który chcesz usunąć. Będziesz musiał edytować index.php, archive.php, page.php, single.php, home.php i inne, jeśli wyświetlają pasek boczny.

Powinieneś szukać w pliku szablonu linii, która wygląda mniej więcej tak :

< ? php get_sidebar ( ) ; ?>

Przykład index.php w motywie Twenty Seventeen

Ten kod jest używany przez WordPress, aby dodać pasek boczny do określonej strony. Usuń tę linię, a usuniesz pasek boczny.

Jeśli Twój motyw zawiera wiele pasków bocznych , zobaczysz różne wystąpienia tego kodu z nazwą paska bocznego wewnątrz funkcji. Na przykład:

<?php get_sidebar( 'footer-widget-area' ); ?> ); ?>

Usuń linię reprezentującą pasek boczny, którego nie chcesz wyświetlać.

Możesz zauważyć, że chociaż paski boczne zniknęły, obszar zawartości nadal pojawia się z tą samą szerokością, pozostawiając pusty obszar paska bocznego. Twój pasek boczny może zniknąć, ale prawdopodobnie nadal nie używasz pełnej szerokości strony.

Zamiast tego twoja zawartość jest prawdopodobnie tego samego rozmiaru, co była, ale teraz znajduje się obok pustego miejsca, w którym kiedyś znajdował się twój pasek boczny.

Dzieje się tak, ponieważ szerokość obszaru zawartości jest kontrolowana przez arkusz stylów motywu. Sprawdź instrukcje poniżej, aby dowiedzieć się, jak to naprawić.

#2. Jak usunąć pasek boczny z poszczególnych stron?

Co zrobić, jeśli chcesz usunąć pasek boczny z poszczególnych stron w WordPressie, ale zezwolić na jego wyświetlanie w innych sekcjach swojej witryny? Większość motywów WordPress zawiera gotowe do użycia szablony o pełnej szerokości . Tych szablonów można używać na dowolnej stronie.

Przejdź do strony, z której chcesz usunąć pasek boczny, i wybierz szablon Pełna szerokość w polu meta „Atrybuty strony”, aby usunąć pasek boczny dla tej konkretnej strony.

Ale co, jeśli Twój motyw WordPress nie ma szablonu o pełnej szerokości? Wtedy w szablonie nie będzie opcji „Pełna szerokość”, jak pokazano na powyższym obrazku.

Musisz ręcznie utworzyć szablon o pełnej szerokości . Otwórz zwykły edytor tekstu, taki jak Notatnik, i wklej następujący kod do pustego pliku:

<?php
/*
*
Template Name: Full Width
*/
get_header(); ?>

Zapisz ten plik jako full-width.php na pulpicie. Następnie musisz otworzyć plik o nazwie page.php z plików motywów i skopiować wszystko, co pojawia się po <?php get_header(); ?> <?php get_header(); ?> linia.

Wklej ten kod do pliku full-width.php po części get_header. Następnie musisz zlokalizować i usunąć linię, która wygląda tak:

<?php get_sidebar(); ?>

Jeśli Twój motyw nie wyświetla pasków bocznych na stronach, kod nie będzie w pliku. Zapisz zmiany i prześlij plik full-width.php do bieżącego folderu motywu za pomocą FTP lub cPanel.

Możesz teraz edytować dowolną stronę w swojej witrynie WordPress i będziesz mógł wybrać szablon strony o pełnej szerokości . Jeśli strona nie miała szablonu pod atrybutami strony, będzie miała teraz.

Należy pamiętać, że wszystkie zmiany wprowadzone w motywie nadrzędnym mogą zniknąć po zaktualizowaniu motywu. Zawsze używaj motywu potomnego do wszelkich dostosowań.

#3. Jak usunąć pasek boczny WordPress ze strony postów na blogu?

Większość motywów WordPress wyświetla paski boczne na stronie posta na blogu. Oprócz statycznej strony głównej, WordPress pozwala na używanie osobnej strony dla Twoich postów na blogu.

Co zrobić, jeśli nie chcesz wyświetlać paska bocznego na swojej stronie postów na blogu? WordPress umożliwia korzystanie ze statycznej strony głównej i oddzielnej strony dla Twoich postów na blogu.

Jeśli nie chcesz wyświetlać pasków bocznych na stronie postów na blogu, musisz przejść do strony Ustawienia » Czytanie . Zwróć uwagę na nazwę strony, której używasz jako strony z wpisami na blogu.

Teraz przejdź do Strony » Wszystkie strony i edytuj stronę używaną do wyświetlania Twoich postów na blogu. W sekcji atrybutów strony wybierz szablon o pełnej szerokości, a następnie zapisz zmiany.

Jeśli nie widzisz opcji szablonu o pełnej szerokości, musisz ręcznie utworzyć szablon o pełnej szerokości. Zobacz poprzednią sekcję w tym artykule, aby uzyskać szczegółowe instrukcje.

#4. Jak wyłączyć pasek boczny w określonych postach?

Jeśli chcesz usunąć pasek boczny z niektórych postów, możesz użyć wtyczki Display Widgets SEO Plus.

Ta wtyczka ma opcję ukrywania widżetów, a tym samym paska bocznego dla poszczególnych postów. Wystarczy wpisać swój identyfikator posta z postu, w którym chcesz ukryć pasek boczny, a zostanie on usunięty z tego posta. jeśli nie wiesz, jak znaleźć identyfikator, możesz sprawdzić mój post, w którym wyjaśniłem, jak znaleźć identyfikator strony WordPress.

Słupek osiągnie pełną szerokość bez konieczności dodatkowej regulacji. Zobacz więcej szczegółów poniżej, jak działa wtyczka.

Usuń metodę WordPress z paska bocznego za pomocą wtyczki

Możesz ukryć lub pokazać pasek boczny w całej witrynie, poszczególnych kategoriach, wybranych typach treści i niestandardowych typach postów, niektórych stronach statycznych, archiwach niestandardowych typów postów, archiwach niestandardowych taksonomii, określonych postach za pomocą wtyczki Display Widgets SEO Plus.

Gdy wtyczka Display Widgets SEO Plus jest aktywna, możliwe jest pokazanie lub ukrycie widżetu za pomocą menu rozwijanych i pól wyboru (dodanych na dole widżetów w sekcji „Wygląd” > „Widżety”).

Wtyczka współpracuje z niestandardowymi taksonomiami , niestandardowymi typami postów, niestandardowymi archiwami typu postów oraz wtyczką językową WPML, bbPress i BuddyPress.

Na przykład za pomocą tej wtyczki możesz ustawić, aby widżet ładował się tylko w postach określonej kategorii i na kilku wybranych stronach statycznych, na stronie błędu 404 i na stronie głównej.

Po zainstalowaniu i aktywacji wtyczki zobaczysz nowe opcje pod każdym widżetem na pasku bocznym w sekcji Wygląd -> Widgety.

Ustaw, aby ukryć dla każdego widżetu na pasku bocznym zgodnie z Twoimi potrzebami, a pasek boczny zniknie. W większości przypadków strona nie pozostawia pustego miejsca w miejscu, w którym znajdował się pasek boczny. Rozciągnie się na całą szerokość.

Usunąłem pasek boczny, ale teraz mam pusty krajobraz tam, gdzie był Sidbebar

Czasami będziesz musiał wprowadzić kilka dodatków do arkusza stylów, aby zmienić witrynę na pełną szerokość. Jeśli całkowicie eliminujesz pasek boczny z całej witryny, możesz po prostu edytować istniejące style.

Ale jeśli na niektórych stronach nadal będzie wyświetlany pasek boczny, zachowaj obecne style i po prostu dodaj nowe, aby w razie potrzeby zwiększyć szerokość.

Użyj narzędzia Sprawdź (kliknij prawym przyciskiem myszy i wybierz opcję Sprawdź na stronie, którą chcesz sprawdzić), aby zidentyfikować style, które należy dostosować. Będziesz chciał znaleźć szerokość całego układu, więc musisz zidentyfikować ten kontener.

Możesz także użyć wtyczki edytora CSS WordPress, takiej jak CSS Hero lub Microthemer. Możesz nawet użyć narzędzia do tworzenia stron, takiego jak Elementor (zobacz różnice między Elementor free a pro), Visual Composer, Beaver Builder, Divi (sprawdź Divi vs Beaver Builder), Oxygen, Brizy itp. lub dowolnego innego narzędzia do edycji CSS, aby usunąć pasek boczny z twojego Witryna WordPress lub edytuj arkusz stylów po usunięciu paska bocznego.

Usuń pasek boczny w podsumowaniu witryny WordPress

Jeśli jesteś początkującym użytkownikiem WordPressa, powyższe metody i kroki mogą być zniechęcające. Chociaż większość metod jest łatwa (w zależności od miejsca, w którym chcesz usunąć pasek boczny), zawsze skontaktuj się z pomocą techniczną lub autorem motywu, aby uzyskać pomoc, jeśli to możliwe, i upewnij się, że wykonałeś kopię zapasową swojej witryny (zobacz najlepsze bezpłatne wtyczki do tworzenia kopii zapasowych WordPress).

Obsługa motywów będzie w stanie podać kroki i kod, które należy zastosować, aby ukryć pasek boczny w witrynie WordPress.

Mam nadzieję, że powyższe metody pomogły i udało Ci się usunąć pasek boczny. Zawsze możesz również spróbować wprowadzić zmiany CSS za pomocą bezpłatnej wtyczki edytora CSS, takiej jak Elementor lub płatnej, takiej jak Microthemer lub CSS Hero.

Jeśli masz jakieś inne wskazówki lub metody dotyczące usuwania paska bocznego z całej witryny, niestandardowych typów wpisów lub konkretnego wpisu lub strony, daj mi znać w komentarzach poniżej.