Paski boczne to świetny sposób na dodanie dodatkowej zawartości i funkcjonalności do witryny, bez odwracania uwagi od jej głównej zawartości.
Większość motywów WordPress posiada wbudowany pasek boczny, który może już zawierać niektóre widgety WordPress, takie jak pasek wyszukiwania lub listę najnowszych postów na blogu.
W tym krótkim poradniku pokażę ci, jak dostosować wbudowany pasek boczny twojego motywu, włączając w to dodawanie i usuwanie zawartości oraz dostosowywanie zawartości, która już tam jest.
Nawet jeśli twój motyw posiada wiele wbudowanych pasków bocznych, te paski boczne mogą nie być idealnym rozwiązaniem dla twojej strony. Jeśli czujesz się ograniczony przez swój motyw, to pokażę ci również, jak stworzyć własny pasek boczny, a następnie umieścić go w dowolnym miejscu na swojej stronie, w tym w miejscach, które nie są obsługiwane przez twój motyw.
The Best WordPress Sidebar and Widget Plugins on CodeCanyon
Poznaj tysiące najlepszych wtyczek WordPress, jakie kiedykolwiek zostały stworzone na CodeCanyon. Z niskim kosztem, jednorazową płatnością, możesz kupić te wysokiej jakości wtyczki WordPress i poprawić doświadczenie witryny dla Ciebie i Twoich odwiedzających.
What Is the WordPress Sidebar?
A sidebar is a widgetized area of your WordPress website, where you can display content that isn’t part of the main webpage. Ta drugorzędna zawartość jest dodawana do Twojej witryny za pomocą widżetów – na przykład możesz użyć widżetu do wyświetlenia listy ostatnio opublikowanych blogów, chmury tagów lub paska wyszukiwania.
Paski boczne mogą być użyteczne, aby pomóc odwiedzającym w nawigacji po witrynie, ale mogą również zapewnić dodatkową funkcjonalność. Na przykład, jeśli stworzyłeś sklep internetowy, możesz użyć paska bocznego do wyświetlania suwaków, które pozwalają odwiedzającym filtrować produkty na podstawie ceny, kategorii i opcji dostawy. W tym scenariuszu suwaki będą zawsze w zasięgu ręki, nie odwracając uwagi od głównej treści strony. Jeśli próbujesz zarabiać na swojej stronie, to paski boczne mogą być również idealnym miejscem do wyświetlania reklam.
Ale termin „pasek boczny” sugeruje pionową kolumnę, która jest wyświetlana obok głównej treści, paski boczne mogą pojawiać się w innych miejscach, w tym nad lub pod stopką witryny.
Lokalizacja pasków bocznych Twojej witryny będzie się różnić w zależności od wybranego motywu WordPress, ale pod koniec tego artykułu pokażę Ci, jak utworzyć niestandardowy pasek boczny, który możesz umieścić w dowolnym miejscu na swojej stronie, w tym w miejscach, które mogą nie być obsługiwane przez Twój motyw WordPress.
Jak dodać, usunąć i edytować widżety paska bocznego
Możesz dostosować pasek boczny za pomocą pulpitu nawigacyjnego lub za pomocą Customizera WordPressa.
Jak edytować pasek boczny za pomocą Customizera
Zacznijmy od metody Customizera:
Zaloguj się do swojej witryny WordPress, jeśli jeszcze tego nie zrobiłeś. Następnie, w menu po lewej stronie, wybierz Wygląd > Dostosuj. Spowoduje to uruchomienie narzędzia Customizer.
W lewym panelu Customizera wybierz opcję Widgety. Panel wyświetli teraz listę wszystkich widgetowanych obszarów Twojej witryny. Konwencje nazewnictwa mogą się różnić w zależności od motywu, ale pasek boczny zazwyczaj będzie miał słowo pasek boczny w tytule. Kiedy znajdziesz widżet paska bocznego, kliknij go.
WordPress wyświetli teraz listę wszystkich widżetów, które są obecnie umieszczone na pasku bocznym. Z tego miejsca możesz wykonać następujące zadania:
1. Bring Some Order to Your Widgets
Możesz zmienić kolejność, w jakiej widżety pojawiają się na pasku bocznym, chwytając widżet, przeciągając go do nowej pozycji, a następnie upuszczając go w tym nowym miejscu.
Gdy jesteś zadowolony ze swoich zmian, kliknij przycisk Opublikuj.
2. Dostosuj tytuł widżetu
Możesz edytować tekst, który pojawia się nad każdym widżetem, a nawet całkowicie usunąć tekst tytułu widżetu. Aby to zrobić, po prostu znajdź widżet z tytułem, który chcesz edytować, a następnie kliknij go, aby rozwinąć tę sekcję.
- Wykonaj edycję tekstu tytułu.
- Kliknij Gotowe.
- Upublicznij swoje zmiany, klikając Opublikuj.
Ten widżet zostanie teraz zaktualizowany, aby wyświetlić edytowany tytuł.
3. Usuń dowolny widżet z paska bocznego
Aby usunąć widżet z paska bocznego, kliknij go, aby rozwinąć jego sekcję, a następnie wybierz czerwony tekst Usuń.
Wybrany widżet powinien teraz zniknąć. Aby uczynić tę zmianę trwałą, kliknij przycisk Opublikuj.
4. Wzbogać swój pasek boczny, dzięki dodatkowym widżetom
Czy pasek boczny wygląda na nieco pusty? WordPress obsługuje szeroką gamę różnych widżetów, które możesz dodać do swoich pasków bocznych:
- Wybierz przycisk Dodaj widżet.
- Przeglądaj listę dostępnych widżetów. Po znalezieniu widżetu, który chcesz dodać, kliknij go.
- Nadaj temu widżetowi tytuł i wypełnij wszelkie inne opcje konfiguracyjne, które pojawią się w lewym panelu. Zauważ, że konfiguracja może się różnić w zależności od widżetu, z którym pracujesz.
- Płucz i powtarzaj dla każdego nowego widżetu, który chcesz dodać do paska bocznego.
- Gdy jesteś zadowolony ze swojego wyboru, kliknij Gotowe.
- Aby zapisać zmiany, kliknij Publikuj.
Pasek boczny zostanie teraz zaktualizowany, aby uwzględnić wszystkie nowe widżety.
Jeśli chcesz więcej widżetów niż te, które są dołączone do waniliowego WordPressa, możesz wypróbować wtyczkę widgetu WordPress. Te pozwalają dodawać przyciski call-to-action, kalendarze, prognozy pogody i inne.
-
MailChimpHow to Create a Mailchimp Subscribe Form Widget for WordPressKaren Pogosyan
-
WordPress20 Best WordPress Calendar Plugins and Widgets (+5 Free Plugins)Daniel Strongin
-
WordPress12 Best WordPress Weather Widgets & Plugins (With 5 Free)Franc Lucas
Customize the Sidebar From the Dashboard
Możesz również edytować pasek boczny z pulpitu nawigacyjnego WordPress.
W menu po lewej stronie wybierz Wygląd > Widżety, znajdź sekcję Pasek boczny, a następnie daj jej kliknięcie, aby rozwinąć. Powinieneś teraz być w stanie zobaczyć wszystkie widżety, które tworzą ten konkretny pasek boczny.
Z tego miejsca możesz dokonać następujących zmian:
- Zmień kolejność widżetów. Możesz zmienić kolejność wyświetlania tych widżetów na pasku bocznym, używając funkcji przeciągnij i upuść.
- Zmień tytuł widżetu. Kliknij, aby rozwinąć odpowiednią sekcję widżetu, edytuj tekst tytułu zgodnie z wymaganiami, a następnie kliknij przycisk Gotowe.
- Usuń widżet. Kliknij, aby rozwinąć odpowiednią sekcję widżetu, a następnie kliknij łącze Usuń.
- Dodaj widżet. W sekcji Dostępne widżety znajdź widżet, który chcesz dodać do paska bocznego, a następnie przeciągnij go i upuść na sekcję Pasek boczny. Zauważ, że gdziekolwiek upuścisz widżet, tam będzie on wyświetlany na pasku bocznym.
Want More Widgets?
Twoje konto WordPress jest wyposażone w wiele wbudowanych widżetów, ale możesz uzyskać dostęp do jeszcze większej liczby widżetów, instalując wtyczki WordPress.
Jeśli chcesz więcej widgetów do wyboru, to sprawdź nasz przewodnik po najlepszych widgetach WordPress.
-
WordPressBest WordPress Widgets for 2021Daniel Strongin
Not a Fan of WordPress’s Built-in Sidebars?
Wiele motywów WordPressa zawiera jakąś formę funkcjonalności paska bocznego, ale będziesz ograniczony przez to, jak motyw zdecyduje się umieścić swoje paski boczne. Jeśli czujesz się ograniczony przez domyślny pasek(i) boczny swojego motywu, możesz dodać niestandardowy pasek boczny do swojej witryny WordPress, z pomocą wtyczki innej firmy.
W tej sekcji pokażę ci, jak stworzyć zupełnie nowy pasek boczny, używając darmowej wtyczki Custom Sidebars.
Install and Activate the Sidebar Plugin
Aby skonfigurować wtyczkę Custom Sidebars:
- W lewym menu WordPressa wybierz opcję Plugins > Add New.
- Search for Custom Sidebars, a gdy pojawi się wtyczka Custom Sidebars – Dynamic Widget Area Manager, kliknij Install Now.
-
Po wyświetleniu monitu kliknij przycisk Activate.
Jesteś teraz gotowy do utworzenia niestandardowego paska bocznego!
Jak utworzyć niestandardowy pasek boczny
Utwórzmy niestandardowy pasek boczny i umieśćmy go w naszej witrynie:
- W lewym menu wybierz Wygląd > Widżety.
- Wybierz przycisk Utwórz nowy pasek boczny.
- W kolejnym oknie podręcznym nadaj swojemu paskowi bocznemu nazwę i wprowadź opis.
- Kliknij przycisk Utwórz pasek boczny, a nowy pasek boczny pojawi się pod dedykowanym nagłówkiem Niestandardowe paski boczne.
Możesz teraz dodawać widżety do paska bocznego, przeciągając je z sekcji Dostępne widżety. Możesz także usunąć lub edytować istniejące widżety, w dokładnie taki sam sposób, w jaki zmodyfikowałeś wbudowane paski boczne WordPressa.
Po utworzeniu niestandardowego paska bocznego nie pojawi się on w Twojej witrynie, dopóki nie nadasz mu domu! Aby ustawić pasek boczny, kliknij Lokalizacja paska bocznego.
W kolejnym oknie podręcznym wybierz, gdzie ten pasek boczny powinien być umieszczony w witrynie i czy powinien pojawiać się tylko w określonych postach lub stronach. Na przykład, możesz wybrać wyświetlanie paska bocznego w stopce 1 tylko dla postów lub w stopce 2 dla wszystkich postów, które są skategoryzowane jako Wiadomości.
Gdy jesteś zadowolony z tego, jak twój pasek boczny jest skonfigurowany, kliknij przycisk Zapisz zmiany.
Twój niestandardowy pasek boczny pojawi się teraz w Twojej witrynie. Alternatywnie, kiedy edytujesz istniejącą stronę lub post, lub tworzysz nowy, możesz określić, który pasek boczny ma być używany:
-
Kiedy edytujesz stronę lub post, znajdź sekcję Paski boczne w menu po lewej stronie.
- Kliknij, aby rozwinąć sekcję Paski boczne.
- Użyj rozwijanych pól, aby określić, który pasek boczny powinien być umieszczony na tej stronie internetowej i gdzie powinien pojawić się na ekranie.
Teraz, gdy naciśniesz przycisk Opublikuj lub Zaktualizuj, ta strona internetowa będzie działać, wraz z wybranym przez Ciebie paskiem bocznym.
Zakończenie
W tej szybkiej wskazówce opisaliśmy, jak możesz edytować wbudowany pasek boczny swojego motywu, dodając, usuwając i dostosowując szeroką gamę widżetów WordPressa.
Jeśli nie jesteś fanem domyślnego paska bocznego swojego motywu, to pokazałem również, jak stworzyć zupełnie nowy, niestandardowy pasek boczny, używając wtyczki innej firmy.
Najlepsze motywy i wtyczki WordPress na Envato Market
Poznaj tysiące pięknych motywów WordPress na ThemeForest i użytecznych wtyczek WordPress na CodeCanyon. Kup te wysokiej jakości motywy i wtyczki WordPress i popraw doświadczenie swojej strony dla Ciebie i Twoich odwiedzających.
Tutaj znajduje się kilka najlepiej sprzedających się i nadchodzących motywów i wtyczek WordPress dostępnych na rok 2020.
-
Inspiracja23+ Best WordPress Portfolio Themes for CreativesBrenda Barron
-
WordPress25 Best WordPress Slider &. Carousel Plugins of 2021Daniel Strongin
-
WordPress20 Best WordPress Calendar Plugins and Widgets (+5 Free Plugins)Daniel Strongin
- .
WordPress Themes31+ Best Responsive WordPress Themes (For Sites in 2021)Brenda Barron
-
WordPress22 Best WPBakery Page Builder (Visual Composer) Addons and Extensions of 2021Daniel Strongin
-
WordPress Themes30 Best Coaching & Consulting WordPress Themes for 2021Brenda Barron
.