Jak dodać pasek boczny WordPress w 2022 roku + najlepsze praktyki

Pasek boczny wyświetla informacje, które nie są częścią głównej zawartości, i umożliwia uporządkowanie treści i uczynienie jej bardziej atrakcyjną.

Co to jest pasek boczny w WordPress?

Pasek boczny WordPress to funkcja motywu, zwykle wyświetlana w pionowej kolumnie po lewej lub prawej stronie; Możesz także dostosować paski boczne w poziomie w kształcie prostokąta pod lub nad główną treścią.

Ponadto paski boczne są niezbędne przy projektowaniu układów WordPress; na przykład możesz użyć pasków bocznych, aby utworzyć listę ostatnich artykułów i komentarzy, listę popularnych artykułów i stron, a nawet wyświetlać reklamy.

Jaki jest cel paska bocznego WordPress?

Gdy zdecydujesz się dodać pasek boczny, musisz upewnić się, że jest on odpowiedni i znaczący dla:

• Pomóż ludziom znaleźć sekcje, których szukają
• Zdobądź potencjalnych klientów
• Zwiększ dochody dzięki reklamom

Co to są lepkie paski boczne?

Lepki lub pływający pasek boczny to widżet, który można zablokować na miejscu, dzięki czemu zawsze jest na ekranie i nigdy nie znika, nawet gdy użytkownik przewinie w dół; ten widżet może być używany do informacji, które chcesz, aby były dostępne w dowolnym momencie.

Paski boczne WordPressa; Lewo czy prawo?

Niektórzy uważają, że najlepszym miejscem na dodanie paska bocznego jest prawy górny róg strony; Ponieważ czytamy od lewej do prawej, prawy górny róg strony jest oczywiście miejscem, którego nie można zignorować. Mimo to możesz spróbować i zobaczyć, która strona działa lepiej lub przeprowadzić test A/B na swojej stronie WordPress.

Jak utworzyć pasek boczny w WordPressie w 3 prostych krokach

Istnieją różne sposoby tworzenia pasków bocznych WordPress; wymieniliśmy tutaj trzy najpopularniejsze. Możesz utworzyć pasek boczny WordPress:

1. Korzystanie z Edytora bloku

Najłatwiejszym sposobem dodania paska bocznego jest użycie edytora witryn; jednak musisz użyć wersji WordPress wyższej niż 5.9 i motywu opartego na blokach. Istnieją dwa możliwe sposoby dodawania pasków bocznych za pomocą edytora bloków:

Korzystanie z wzoru blokowego

Wzór bloków to szablon predefiniowanych bloków, który można edytować, aby służył swoim celom. Aby dodać wzór bloku do swojego WordPressa, powinieneś kliknąć Wygląd > Edytor strony > ikonę Plus (+) > Wzory > Pasek boczny > Eksploruj, a tam zobaczysz wszystkie dostępne wzory.

Tworzenie od podstaw

Innym sposobem dodania paska bocznego przez WordPress jest ustawienie wszystkiego ręcznie; w tym celu należy utworzyć grupę bloków składającą się z kolumn dla pętli zapytań oraz paska bocznego. Aby utworzyć pasek boczny od podstaw, należy otworzyć edytor Sire > ikona Plus (+) > Grupa > Kolumny, a następnie wybrać odmianę kolumny; na wszelki wypadek zaleca się 30/70 dla lewego paska bocznego i 70/30 dla prawego paska bocznego.

2. Korzystanie z widżetów

Używanie widżetów do paska bocznego dodawania WordPress jest lepszym wyborem dla mniej zaawansowanych technologicznie użytkowników, ponieważ nie trzeba wiele zajmować się kodami. Widżety można umieszczać w różnych obszarach, takich jak nagłówek, stopka lub pasek boczny. Aby dodać pasek boczny WordPress według widżetów, musisz zalogować się do pulpitu nawigacyjnego WordPress > Wygląd > Widżety, a tam możesz zobaczyć listę dostępnych widżetów WordPress po lewej stronie i bloki widżetów po prawej stronie.

3. Korzystanie z narzędzia WordPress Customizer

Możesz użyć niestandardowego paska bocznego WordPress, aby dostosować elementy motywu WordPress, na przykład menu, ustawienia strony głównej i widżety. W zależności od motywu możesz dodać więcej niż jeden pasek boczny, który można umieścić w dowolnym miejscu; ta funkcja nie jest dozwolona dla wszystkich motywów.

10 najlepszych wtyczek pasków bocznych WordPress

WordPress zapewnia swoim użytkownikom wiele wtyczek widżetów i funkcji poprawiających funkcjonalność pasków bocznych. Tutaj wymieniliśmy najbardziej przydatne widżety, które możesz chcieć dodać do swojej witryny.

1. WPForms

WPForms to najprostsza wtyczka kontaktowa WordPress dla początkujących, która zawiera dostosowany pasek boczny i obszary widżetów, ma opcję przeciągnij i upuść i możesz łatwo utworzyć dowolny typ.

2. Pakiet widżetów SiteOrigin

SiteOrigin Widget Bundle oferuje wiele polecanych widżetów, w tym przyciski wezwania do działania, widżety graficzne, widżety map Google, widżety cenników i wiele innych. Możesz sprawdzić wszystkie widżety w tej wtyczce i wybrać widżety, których chcesz użyć; następnie możesz je włączyć. Ta wtyczka jest bezpłatna i pasuje do wszystkich typów witryn.

3. Elementor Pro

Elementor Pro może przynieść ci korzyści na dwa sposoby; po pierwsze, możesz dodawać, przenosić lub usuwać paski boczne bez użycia kodów. Po drugie, umożliwia tworzenie niestandardowych projektów pasków bocznych, dodawanie ich do pasków bocznych, które chcesz, i korzystanie z widżetu Elementor Library.

4. Obłęd

Adsanity to wtyczka WordPress do zarządzania reklamami, która umożliwia wyświetlanie własnych i opartych na sieci reklam w dowolnym miejscu, na przykład w obszarach z widżetami. Ponieważ ta wtyczka jest narzędziem do zarządzania, zapewnia dostęp do statystyk i umożliwia sprawdzanie skuteczności reklam.

5. Rozbij balon

Smash Balloon to darmowa wtyczka WordPress, która umożliwia importowanie kanałów z kanałów mediów społecznościowych, takich jak Instagram, Facebook i Twitter, i projektowanie ich w sposób pasujący do stylu Twojej witryny. Ta wtyczka najlepiej pasuje do stron internetowych powiązanych z innymi kontami społecznościowymi.

6. Widżet Mapy dla Map Google

Za pomocą wtyczki Google Maps możesz dodać Mapy Google do obszaru widżetów swojej witryny i dodać swój adres, który będzie wyświetlany na mapie; Jest to korzystne dla firm, które chcą udostępniać swój adres fizyczny. Widżet Maps umożliwia również uwzględnienie niestandardowego rozmiaru, poziomu powiększenia, koloru i rozmiaru pinezki, schematów kolorów mapy itp.

7. Formy Ninja

Ninja Forms może pomóc Ci rozwinąć listę mailingową i generować potencjalnych klientów; masz różne opcje formularzy, w tym formularze subskrypcji, rejestracji i darowizn. Możesz po prostu zintegrować je z paskami bocznymi. To kolejna darmowa wtyczka, która pasuje do wszystkich typów witryn.

8. Archiwa kompaktowe

Blokowy projekt tej wtyczki oferuje archiwum treści i domyślnie ta wtyczka pokaże twoje archiwum treści na długiej liście, ale w uporządkowany i przyjemny sposób. Ta wtyczka jest bezpłatna, łatwa do dostosowania i stanowi doskonałą pomoc dla stron internetowych z dużą ilością treści.

9. Lepsze wyszukiwanie

Lepszym wyszukiwaniem jest wtyczka WordPress, która zapewnia więcej opcji konfiguracyjnych, aby pokonać domyślną wyszukiwarkę, pokazując więcej wyników i prezentując je w bardzo przejrzysty sposób.

10. Opcje widżetów

Opcje widżetów to wtyczka kontrolująca widżety WordPress, która umożliwia tworzenie niestandardowych pasków bocznych i kontrolowanie rozmiaru widżetów w celu dopasowania ich do komputerów stacjonarnych, tabletów i telefonów. Jest to darmowa wtyczka, która pasuje do wszystkich typów witryn.

Przypadki użycia paska bocznego WordPress

Krótko mówiąc, paski boczne wyświetlają dodatkowe informacje dla użytkowników; na pasku bocznym możesz umieścić różne rzeczy, na przykład pole wyszukiwania, referencje, listę ostatnich postów, nadchodzące wydarzenie itp. Pasek boczny może zachęcić odwiedzających do skorzystania z dodatkowych informacji na Twojej stronie bez odwracania uwagi od głównej treść.

W poniższej sekcji możesz zobaczyć kilka praktycznych zastosowań pasków bocznych, które są odpowiednie dla prawie wszystkich typów witryn.

1. Zalecenia dotyczące czytania

Możesz użyć pasków bocznych, aby zachęcić odwiedzających do przeczytania większej liczby postów, pozostania dłużej i zostania klientami. Będziesz miał szansę zwiększyć wydajność SEO WordPress, zwiększając ruch w swojej witrynie.

2. Subskrypcja e-mail

Możesz znaleźć formularz subskrypcji biuletynu na pasku bocznym przydatny na czas, gdy odwiedzający polubią Twoje treści; gdy odwiedzający uznają Twoje treści za interesujące, istnieje duże prawdopodobieństwo, że zasubskrybują, aby usłyszeć od Ciebie. Posiadanie listy adresów e-mail należących do osób o podobnych zainteresowaniach to świetny atut dla przyszłych kampanii marketingowych lub zarabiania.

3. Funkcja mediów społecznościowych

Dodanie przycisków udostępniania społecznościowego na pasku bocznym może ułatwić udostępnianie na innych platformach; zwiększy to również szanse na zwiększenie liczby odbiorców w mediach społecznościowych.

4. Dowód społeczny

Społeczny dowód słuszności może sprawić, że Twoja witryna będzie wyglądać na bardziej wiarygodną i pomóc ludziom zaufać Ci; statystyki obserwujących w mediach społecznościowych, liczba subskrybentów lub referencje mogą udowodnić zasadność Twojej firmy lub marki.

5. Lepki pasek boczny

Jak wspomnieliśmy wcześniej, lepkie paski boczne nigdy nie znikają i unoszą się na ekranie podczas przewijania w dół; użyj lepkich pasków bocznych, jeśli masz długie posty; lepki pasek boczny jest wygodniejszy w dostępie.

Podsumowanie

Dodanie pasków bocznych to najlepszy sposób na wyświetlenie dodatkowych informacji bez rozpraszania uwagi odwiedzających. Pamiętaj, że dodanie pasków bocznych powinno być pomocne, wnieść znaczący wkład do Twojej witryny i sprawić, że będzie wyglądać na bardziej skategoryzowaną i uporządkowaną. Nie dodawaj zbyt wielu widżetów ani wtyczek i nie zezwalaj na zbyt wiele reklam.