Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak zmienić panel boczny w WordPress (4 metody)

Jednym z najczęściej zadawanych nam pytań jest to, jak zmienić pasek boczny w WordPress.

Może wolisz czysty, wyrównany do lewej wygląd, a może twój projekt wymaga, aby panel boczny znajdował się po prawej stronie dla lepszej równowagi. Bez względu na powód, dostosuj układ swojej witryny internetowej to świetny sposób na spersonalizowanie swojej obecności w Internecie.

Na szczęście znaleźliśmy kilka sposobów na zmianę paska bocznego, które działają z różnymi typami motywów WordPress. Czytaj dalej, aby dowiedzieć się, jak zmienić pasek boczny w WordPress.

How to Change the Sidebar Side in WordPress

Jak zmienić stronę paska bocznego w moim motywie WordPress?

Aby zmienić pasek boczny motywu WordPress, musisz najpierw sprawdzić, jakiego rodzaju motywu używasz. Motywy WordPress zazwyczaj dzielą się na dwie kategorie: motywy klasyczne i motywy blokowe.

Jeśli korzystasz z klasycznego motywu, zazwyczaj zobaczysz opcję „Widżety” w menu „Wygląd” w kokpicie WordPress. Motywy te często wykorzystują obszary widżetów do tworzenia pasków bocznych i dodawania różnych widżetów, takich jak formularze kontaktowe, kanały mediów społecznościowych i ostatnie posty.

W takim przypadku można użyć dostosowywania motywu WordPress lub CSS motywu, aby zmienić stronę paska bocznego.

Z drugiej strony, szablony blokowe korzystają z edytora całej witryny i nie mają oddzielnej sekcji „Widgety”. Zamiast tego używają kolumn do tworzenia obszarów podobnych do paska bocznego, do których można przeciągać i upuszczać bloki.

Zmiana strony paska bocznego może być konieczna z różnych powodów. Na przykład, być może Twoja witryna obsługuje języki, które są pisane i czytane od prawej do lewej. Posiadanie paska bocznego po lewej stronie lepiej pasuje do naturalnego przepływu czytania dla użytkowników.

Lub chcesz poprawić wrażenia użytkownika. Może prowadzisz witrynę e-handlu i powiadomienie, że potencjalni klienci często skanują twoje strony w określony sposób. Chcesz dostosować się do tego zachowania, aby czuli się bardziej komfortowo podczas zakupów na twojej witrynie.

Mając to wszystko na uwadze, przyjrzyjmy się, jak zmienić panel boczny na twoim blogu lub witrynie internetowej WordPress. Wymyśliliśmy 3 proste metody, a ty możesz skorzystać z poniższych szybkich odnośników, aby przejść do tej, którą preferujesz:

Zmagasz się z projektowaniem swojej strony internetowej? Pozwól naszym ekspertom z WPBeginner Pro Services zająć się tym za Ciebie, od stworzenia strony od podstaw po jej optymalizację pod kątem wyszukiwarek. Zapewnimy Ci dedykowanego kierownika projektu i wiele poprawek, dzięki czemu otrzymasz dokładnie taki projekt strony, jaki chcesz.

Umów się na spotkanie z naszym zespołem już dziś!

Metoda 1: Jak zmienić panel boczny za pomocą konfiguratora WordPress (motywy klasyczne)?

Ta metoda jest przeznaczona dla osób korzystających z klasycznego motywu. Oznacza to, że nadal możesz używać konfiguratora WordPress do stylizowania wyglądu witryny, a sekcja Widżety w menu Wygląd administratora WordPress nadal istnieje.

Jeśli w twoim kokpicie WordPress brakuje konfiguratora motywów, prawdopodobnie korzystasz z motywu blokowego i musisz przejść do trzeciej metody.

Czasami twórcy klasycznych motywów oferują wiele pozycji panelu bocznego do wyboru. Możesz sprawdzić, czy to prawda, korzystając z konfiguratora WordPress i wybierając tam preferowaną pozycję panelu bocznego.

Najpierw przejdź do Wygląd ” Konfigurator. Jako przykładu użyjemy motywu Astra.

Launch WordPress theme customizer

Tutaj widzimy, że motyw Astra ma specjalne menu „Panel boczny”.

Kliknijmy na nią.

Clicking on the Sidebar menu in the Astra theme

Jak widać, Astra ma trzy szablony stron: jeden bez panelu bocznego, jeden z lewym paskiem bocznym i jeden z prawym paskiem bocznym. Dzięki temu możemy zmienić panel boczny jednym kliknięciem. Tutaj zmieniliśmy stronę paska bocznego na lewą.

Astra zapewnia również opcje zmiany stylu panelu bocznego, dostosowania szerokości i przypięcia go.

Changing the sidebar side of the Astra theme

Po wprowadzeniu zmian możesz dodać dostępne widżety do panelu bocznego w normalny sposób. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania i korzystania z widżetów w WordPress.

Następnie kliknij „Opublikuj”.

Chociaż jest to wygodna funkcja, wszystko zależy od motywu. Zdecydowanie zalecamy sprawdzenie dokumentacji twojego motywu, aby sprawdzić, czy możesz zmienić panel boczny za pomocą konfiguratora.

Jeśli nie, przejdź do następnej metody.

Metoda 2: Jak zmienić panel boczny za pomocą kodu (klasyczne motywy)

Jeśli twój klasyczny motyw nie oferuje wielu pasków bocznych do wyboru, możesz zmienić stronę paska bocznego ręcznie za pomocą kodu CSS.

Zalecamy korzystanie z witryny testowej i/lub motywu potomnego do zabawy z tą metodą. W ten sposób, jeśli wystąpi błąd, nie będzie on miał wpływu na motyw nadrzędny i/lub witrynę internetową na żywo.

Ponadto korzystanie z motywu potomnego może zapobiec nadpisaniu twoich zmian podczas aktualizacji motywu.

Krok 1: Użyj narzędzia Inspect, aby zlokalizować twoją klasę CSS panelu bocznego

Pierwszą rzeczą, którą należy zrobić, jest otwarcie twojej witryny internetowej. Następnie najedź kursorem na panel boczny i użyj narzędzia Inspect w twojej przeglądarce.

Jeśli korzystasz z przeglądarki Chrome, możesz po prostu kliknąć obszar prawym przyciskiem myszy i wybrać opcję „Sprawdź”.

Więcej informacji można znaleźć w naszym przewodniku po podstawach elementów Inspect.

Inspecting the WordPress sidebar area

Teraz chcesz najechać kursorem na linie HTML i CSS w prawym górnym rogu strony.

Kiedy zobaczysz, że cały twój panel boczny jest podświetlony, kliknij tę linię. Dla nas był to <aside id="secondary" class="sidebar widget-area">.

Locating the line that defines the WordPress sidebar area

Karta „Style” na dole strony zawiera wszystkie właściwości CSS związane z panelem bocznym.

W naszym przypadku widzieliśmy, że klasa CSS dla obszaru paska bocznego to .sidebar. Istnieją również reguły określające pozycję panelu bocznego, którą w tym przypadku jest lewa strona.

Wiemy o tym, ponieważ po odznaczeniu reguły margin-left panel boczny przesuwa się na drugą stronę.

Finding the CSS class for the WordPress sidebar area

Oto kod dla panelu bocznego naszego motywu:

.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}

Możesz skopiować i wkleić ten kod do edytora tekstu, ponieważ będziemy go potrzebować w późniejszym kroku. Możesz też po prostu zachować tę kartę otwartą na później.

Teraz, gdy znamy już klasę CSS dla panelu bocznego, musimy również znaleźć klasę dla głównego obszaru treści, który wyświetla wszystkie twoje wpisy lub treść wpisów.

To, co można zrobić, to najechać kursorem na linie HTML i CSS, aby zobaczyć, która linia podświetla główny obszar treści. Tutaj dowiedzieliśmy się, że była to linia <div id="primary" class="content-area">.

Finding the CSS class for the main content area

Podobnie jak poprzednio, możesz przewinąć w dół do karty „Style”, aby zobaczyć, jaka jest klasa CSS dla tego obszaru. W tym przypadku jest to .content-area. Oto jego kod:

.content-area {
float: left;
margin-right: -100%;
width: 70%;
}

Ponownie, możesz skopiować i wkleić kod CSS twojej treści do edytora tekstu lub pozostawić tę kartę otwartą do następnego kroku.

Teraz, gdy znamy już klasy CSS twojego panelu bocznego i obszaru treści, możemy edytować plik style.css motywu, aby zmienić panel boczny.

Krok 2: Dostosuj plik style.css twojego motywu.

Zazwyczaj musisz edytować style.css bezpośrednio za pomocą menedżera plików dostawcy hostingu lub klienta FTP. Jednak plik style.css może być dość długi, a jeśli popełnisz błąd, może to mieć wpływ na cały projekt witryny internetowej i zrujnować wrażenia użytkownika.

Dlatego zalecamy korzystanie z WPCode. Ta wtyczka do fragmentów kodu umożliwia bezpieczne i łatwe dostosowanie twojego pliku style.css bez bezpośredniego kontaktu z nim.

Jeśli twoje zmiany w kodzie spowodują niezamierzone błędy, możesz je wyłączyć jednym kliknięciem, a twoja witryna internetowa wróci do normy.

Na potrzeby tego poradnika można skorzystać z darmowej wersji WPCode, ale uaktualnienie do planu premium zapewni dostęp do bardziej zaawansowanych funkcji. Więcej informacji można znaleźć w naszej pełnej recenzji WPCode.

Najpierw zainstaluj WPCode na twoim WordPressie. Jeśli potrzebujesz instrukcji krok po kroku, przeczytaj nasz przewodnik na temat instalacji wtyczki WordPress.

Po zakończeniu przejdź do sekcji Fragmenty kodu „ + Dodaj fragment. Następnie wybierz „Add Your Custom Code (New Snippet)” i kliknij przycisk „+ Add Custom Snippet”.

Adding a new custom code snippet in WPCode

Teraz wpisz tytuł twojego własnego kodu. Może to być coś w stylu „Zmień panel boczny”.

Następnie zmień fragment kodu na „CSS Snippet”.

Changing the sidebar side in WPCode

Gdy to zrobisz, musisz wstawić fragmenty kodu CSS twojego panelu bocznego i obszarów treści do pola podglądu kodu.

Możesz oddzielić je pustym miejscem, aby ułatwić ich identyfikację, w następujący sposób:

.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}

.content-area {
float: left;
margin-right: -100%;
width: 70%;
}

Teraz dostosujmy ten kod CSS. To, co chcesz zrobić, to zmienić właściwości CSS, które definiują położenie panelu bocznego i głównych obszarów treści.

W naszym przypadku te klasy CSS mają właściwości float, margin, dopełnienie i width, ale może to wyglądać inaczej w zależności od twojego motywu.

Dla naszego panelu bocznego zmieniliśmyleft na right we właściwościach float i margin. Oznacza to, że panel boczny będzie znajdował się w przeciwnym kierunku do tego, w którym został pierwotnie umieszczony.

.sidebar {
float: right;
margin-right: 75%;
padding: 0;
width: 25%;
}

Po wykonaniu tej części zmieńmy położenie obszaru treści. Dla nas zadziałało to, że zmieniliśmy float: left na float: right i margin-right na margin-left. Dzięki temu WordPress przesunie obszar treści w prawo.

Dodatkowo dodaliśmy właściwości position: relative i right: 100%. Zapewniają one, że obszar treści nie będzie zbyt daleko od prawej strony.

.content-area {
float: right;
margin-left: -100%;
width: 70%;
position: relative;
right: 100%;
}

Ponownie, to, co działa w naszym motywie, może nie działać z twoim, ponieważ każdy motyw ma inne nazwy dla swoich klas CSS i używa innych właściwości. Zalecamy przeczytanie tego kompletnego odniesienia do CSS, aby dowiedzieć się, co działa najlepiej dla twojego motywu.

Dodatkowo, nie krępuj się bawić wartościami procentowymi szerokości i marginesów w kodzie, aby dostosować położenie panelu bocznego.

Po zmianie fragmentu kodu przewiń w dół do sekcji Wstawianie. Upewnij się, że Metodą wstawiania jest „Automatyczne wstawienie”.

Jeśli chodzi o lokalizację, wybierz opcję „Stopka w witrynie”, aby twój kod mógł zastąpić istniejący kod w pliku style.css.

Teraz możesz kliknąć przełącznik w prawym górnym rogu, aby włączyć kod i kliknąć „Zapisz fragment kodu”. Następnie wyświetl podgląd twojej witryny internetowej, aby zobaczyć wyniki.

Choosing Site Wide Footer location in WPCode

Jeśli spojrzysz na zrzuty ekranu powyżej, możesz zobaczyć, że panel boczny na naszej witrynie demonstracyjnej znajdował się po prawej stronie.

Po edycji kodu w pliku style.css motyw ma teraz lewy panel boczny:

Successfully changing the sidebar side using CSS code in WordPress

Teraz, gdy zmieniłeś stronę panelu bocznego, możesz zacząć zmieniać lub dodawać więcej treści na pasku bocznym. Oto kilka pomysłów, które mogą ci pomóc:

Metoda 3: Jak zmienić panel boczny za pomocą FSE (motywy blokowe)

Jeśli używasz motywu blokowego, nie zobaczysz sekcji Widżety w swoim panelu administracyjnym WordPress. Być może zastanawiasz się, jak zmienić panel boczny, jeśli to menu nie istnieje.

Na szczęście proces ten jest znacznie prostszy niż w przypadku klasycznych motywów. Dzieje się tak, ponieważ motywy blokowe wykorzystują bloki Gutenberg i można po prostu przeciągać i upuszczać elementy, aby zmienić ich położenie za pomocą edytora całej witryny (FSE).

Po drugie, motywy blokowe zazwyczaj mają szablon zawierający panel boczny. Wystarczy to zmienić, a każda strona korzystająca z tego szablonu będzie miała na to wpływ. Możesz sprawdzić dokumentację twojego motywu, aby dowiedzieć się, jak nazywa się szablon, aby uzyskać do niego dostęp.

Do demonstracji użyjemy motywu Twenty Twenty-Four, który ma stronę z panelem bocznym.

Najpierw przejdź do Wygląd ” Edytor w twoim kokpicie.

Selecting the Full-Site Editor from the WordPress admin panel

Tutaj zobaczysz kilka menu, które pozwolą ci dostosować twój motyw blokowy.

Wybierz „Szablony”.

Choosing the Templates menu in FSE

Teraz znajdź szablon z panelem bocznym, który chcesz edytować.

W Twenty Twenty-Four jest to „Strona z panelem bocznym” i „Pojedynczy z paskiem bocznym”. W zależności od twojego motywu, nazwa szablonu może nie wspominać wyraźnie, że ma panel boczny, więc ponownie, powinieneś sprawdzić dokumentację twojego motywu.

Przejdź dalej i wybierz ten szablon panelu bocznego.

Choosing the page template with sidebar in full-site editor

Zazwyczaj motywy blokowe zawierają panel boczny i główny obszar treści w bloku kolumn. Dzięki temu wszystko jest uporządkowane, zorganizowane i ładnie oddzielone od siebie.

Aby zmienić stronę paska bocznego, wystarczy wybrać kolumnę, która go tworzy i przesunąć ją.

Najprostszym sposobem na to jest kliknięcie funkcji „Zobacz listę” po lewej stronie strony.

Następnie kliknij blok „Kolumny”, aby go rozwinąć i najedź kursorem na jego treść, aż znajdziesz kolumnę zawierającą elementy panelu bocznego.

W naszym przypadku pomogło to, że motyw Twenty Twenty-Four ma fragment szablonu o nazwie „Sidebar”, więc zidentyfikowanie go było łatwe. To powiedziawszy, niektóre motywy mogą po prostu zawierać zwykłą, nienazwaną grupę bloków, które tworzą panel boczny.

Będziesz wiedział, że wybrałeś prawą kolumnę, gdy prostokątne podświetlenie i pasek narzędzi pojawią się wokół całej grupy bloków dla paska bocznego.

Opening the List View feature in FSE

Teraz na panelu bocznym kolumny zobaczysz strzałki, których możesz użyć do zmiany położenia kolumny.

Kliknij go i w zależności od tego, jak zaprojektowany jest blok Kolumny, być może będziesz musiał pobawić się pozycją, aż znajdziesz odpowiednie dopasowanie.

Moving around the sidebar in FSE

Twórca motywu mógł dodać kilka pustych kolumn, aby stworzyć przestrzeń między głównym obszarem treści a panelem bocznym.

Jeśli chcesz go usunąć, po prostu znajdź odpowiednią pustą kolumnę, korzystając z funkcji widoku listy, tak jak poprzednio. Następnie na pasku narzędzi bloku kliknij menu z trzema kropkami i wybierz „Usuń”.

Deleting an empty column in FSE

Lub jeśli chcesz zrobić więcej miejsca między panelem bocznym a obszarem treści, możesz otworzyć kartę Ustawienia bloków i przejść do sekcji „Style”.

Następnie w sekcji „Wymiary” można przeciągnąć pokaz slajdów dla dopełnienia, marginesu lub odstępu między blokami.

Adjusting the columns' block spacing in FSE

Po zakończeniu kliknij „Zapisz”.

Następnie możesz wyświetlić podgląd wszystkich stron na urządzeniach mobilnych i komputerach stacjonarnych, które używają właśnie edytowanego szablonu, aby zobaczyć, jak wygląda.

Successfully changing the sidebar side with FSE

Co zrobić, jeśli edytowałeś szablon, ale twoje strony lub wpisy go nie używają?

Wystarczy otworzyć stronę lub wpis w edytorze bloków. Następnie w panelu ustawień wpisu kliknąć odnośnik w polu „Szablon” i wybrać opcję „Zamień szablon”.

Swapping a page template in the block editor

Teraz wystarczy wybrać szablon korzystający z panelu bocznego.

Następnie można zaktualizować stronę lub wpis.

Choosing the sidebar template in the block editor

Więcej porad i wskazówek dotyczących korzystania z edytora pełnej witryny lub edytora bloków można znaleźć w tych przewodnikach:

Metoda 4: Jak zmienić panel boczny za pomocą CSS Hero (wszystkie motywy)

Kolejna metoda wykorzystuje płatną wtyczkę o nazwie CSS Hero, która jest najlepszą wtyczką WordPress do wizualnej edycji CSS. Wtyczka ta ułatwia dostosowanie CSS twojego motywu bez dotykania jakiegokolwiek kodu, dzięki czemu jest świetna dla początkujących.

Ta metoda działa również ze wszystkimi motywami, więc jeśli uważasz, że poprzednie metody są nieco ograniczające, możesz zamiast tego użyć tej. To powiedziawszy, nie ma darmowej wersji wtyczki, więc musisz kupić płatny plan.

Więcej informacji na temat wtyczki i jej ceny można znaleźć w naszej recenzji CSS Hero.

Najpierw pobierz wtyczkę na swój komputer i zainstaluj ją na swojej witrynie internetowej WordPress. Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po zainstalowaniu na pasku narzędzi pojawi się menu „CSS Hero”. Kliknij je, aby otworzyć wizualny edytor CSS.

Opening CSS Hero in WordPress

Należy pamiętać, że ponieważ nie wszystkie motywy WordPress działają w ten sam sposób, sposób użycia CSS Hero do zmiany panelu bocznego będzie inny. Zachęcamy więc do zabawy z platformą, aby zobaczyć, co działa dla Ciebie.

W związku z tym pokażemy, jakie ustawienia dostosowaliśmy, aby zmienić stronę panelu bocznego z prawej na lewą.

Najpierw kliknij obszar panelu bocznego na twojej stronie. Będziesz wiedział, że kliknąłeś właściwy, gdy wszystkie elementy twojego panelu bocznego zostaną wybrane jako grupa i będą miały wokół siebie prostokątne podświetlenie.

Selecting sidebar in CSS Hero

Po lewej stronie zobaczysz kilka menu, które pozwolą ci dostosować twoje elementy.

Z naszego doświadczenia wynika, że ustawienia, które mogą zmienić położenie panelu bocznego to Position, Measures i Spacings.

The Positions, Measures, and Spacings settings in CSS Hero

Pozycja określa sposób umieszczenia panelu bocznego w stosunku do innych elementów na stronie. W tym miejscu można wybrać opcję „Bezwzględna”, która daje pewną swobodę w określaniu położenia panelu bocznego.

Z tego miejsca można zmienić górny, prawy, dolny i lewy piksel, aby umieścić panel boczny.

Changing the position settings of the sidebar with CSS Hero

Widać, że teraz panel boczny i główny obszar treści znajdują się po tej samej stronie.

Aby to poprawić, można najechać kursorem na kontener tworzący główny obszar treści i kliknąć go.

Selecting the main content area in CSS Hero

Teraz w panelu po lewej stronie wystarczy dostosować ustawienia pozycji, aż do uzyskania odpowiedniego dopasowania.

To, co zrobiliśmy, to pozostawiliśmy pozycję jako „Względną” i dostosowaliśmy prawe piksele.

Changing the main content area's position settings in CSS Hero

Technicznie rzecz biorąc, to wszystko, co musisz zrobić. Jeśli jednak chcesz dostosować rozmiar panelu bocznego, wybierz jego obszar i przejdź do ustawień „Miary”.

Tutaj można zmienić szerokość i wysokość panelu bocznego.

Changing the Measures settings in CSS Hero

Jeśli chcesz zmienić odstęp między panelem bocznym a głównym obszarem treści, możesz przejść do sekcji „Odstępy”.

Zobaczysz tutaj kilka pokazów slajdów do dostosowania dopełnienia i marginesu elementu.

Changing the Spacings settings in CSS Hero

Ponownie zachęcamy do zapoznania się z ustawieniami tej wtyczki, aby zmienić panel boczny według twoich upodobań.

Po zakończeniu możesz kliknąć przycisk „Zapisz” w prawym dolnym rogu strony.

Saving changes in CSS Hero

Alternatywa: Tworzenie własnych paneli bocznych za pomocą wtyczki WordPress Page Builder

Do tej pory zbadaliśmy metody zmiany lokalizacji panelu bocznego dla całej twojej witryny internetowej. Ale co, jeśli chcesz mieć określone panele boczne tylko dla niektórych stron lub typów treści? W końcu nie wszystkie strony potrzebują tej samej treści na panelu bocznym.

Na przykład, twoja strona główna może skorzystać z bardziej ogólnego panelu bocznego z ikonkami mediów społecznościowych i wezwaniem do działania. Jednak strona produktu może być lepsza z panelem bocznym prezentującym powiązane produkty lub opinie klientów.

W takim przypadku możesz chcieć utworzyć niestandardowe panele boczne dla twojego motywu WordPress. Dzięki własnym panelom bocznym możesz:

  • Przypisywanie określonych paneli bocznych do różnych stron lub typów treści. Pozwala to na dostosowanie treści panelu bocznego do konkretnych potrzeb twojej strony.
  • Stwórz bardziej dynamiczne i angażujące doświadczenie użytkownika. Oferując odpowiednie treści na panelu bocznym, możesz sprawić, że odwiedzający będą zaangażowani i zainteresowani dalszą eksploracją Twojej witryny internetowej.

Tutaj z pomocą przychodzi wtyczka WordPress do tworzenia stron. Wtyczki te oferują funkcję „przeciągnij i upuść” oraz rozbudowane biblioteki szablonów, ułatwiając tworzenie własnych paneli bocznych.

Zalecamy korzystanie z SeedProd, który jest popularną i przyjazną dla początkujących wtyczką do tworzenia stron i motywów. SeedProd umożliwia łatwe projektowanie własnych stron i motywów dzięki przyjaznemu dla użytkownika interfejsowi.

Drag the Blocks You Wish to Use Right onto the Sidebar

Więcej informacji można znaleźć w tych artykułach:

Alternatywnie możesz skorzystać z kreatora stron Thrive Architect. Narzędzie to ma również mnóstwo zestawów motywów i szablonów stron docelowych, a nawet oferuje funkcję tworzenia lepkiego pływającego widżetu paska bocznego. Jest to przydatne do utrzymywania paska bocznego, gdy użytkownicy przewijają stronę w dół.

Mamy nadzieję, że ten poradnik WordPress pomógł ci dowiedzieć się, jak zmienić stronę paska bocznego w WordPress. Możesz również zapoznać się z naszym artykułem o tym, jak dodać pełnoekranowe responsywne menu w WordPress i naszą listą najlepszych sztuczek z paskiem bocznym WordPress, aby uzyskać maksymalne wyniki.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

6 komentarzyZostaw odpowiedź

  1. Steven Denger

    This would be nice if it worked. It moved it over but throws my sidebar all the way to the bottom of page.

    • WPBeginner Support

      It sounds like your specific theme may have some conflicting CSS or similar. If you check with the theme’s support they should be able to assist.

      Administrator

  2. Dragoon

    I have found 116 different .sidebar on my theme which one should I edit?

  3. mama

    how to move comment field from right to left in wordpress
    first comment thean posted date then category’

  4. Yogi

    That is a nice article, float from right to left is doing the trick here. I would also suggest to make a new template for this where one shows the sidebar on the left and other shows the sidebar on the right. This will give users the option to select the desired design for the page.

  5. Ronny

    As good as this tutorial is, i noticed that it is fraught with many errors. For instance, there are no changes between the @media rule and the modified one. Please check all the codes in the article again.
    Thanks, anyway…

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.