W artykule:
Czy próbujesz naprawić pasek boczny poniżej błędu treści w WordPress?
Ten problem występuje w przypadku szablonów WordPress wykorzystujących układ dwukolumnowy dla treści i paska bocznego. Z powodu niewielkiej zmiany w kodzie, pasek boczny zaczyna pojawiać się pod treścią, a nie obok niego.
W tym artykule pokażemy, jak łatwo naprawić błąd paska bocznego poniżej zawartości w WordPress.
Co powoduje, że pasek boczny poniżej problemu treści w WordPress?
Najczęstszą przyczyną wyświetlania się paska bocznego pod treścią jest błąd HTML lub CSS, który łamie układ.
Każdy <div> w HTML musi być poprawnie zamknięty. Jeśli szablon odpowiedzialny za wyświetlanie strony ma nieklasyfikowany <div> tag, to by złamało układ.
Podobnie niechciany znacznik zamykający < / div > może również wpływać na układ i powodować przesunięcie paska bocznego w dół.
Oprócz HTML, CSS wpływa również na ogólny wygląd każdego elementu na twojej stronie internetowej. Służy do definiowania szerokości, wyrównania i unoszenia elementów w układzie.
Mówiąc prościej, jeśli szerokość obszaru zawartości jest większa niż dostępna przestrzeń, spowoduje to przesunięcie paska bocznego w dół.
Mając to na uwadze, przyjrzyjmy się, jak łatwo rozwiązać i naprawić pasek boczny poniżej błędu treści w WordPress.
Naprawianie paska bocznego poniżej błędu treści w WordPress
Najpierw musisz dowiedzieć się, jaki konkretny kod powoduje pasek boczny poniżej problemu z zawartością w WordPress.
1. Cofnij ostatnie zmiany w swoim szablonie WordPress
Zazwyczaj problem jest spowodowany zmianami w plikach motywów WordPress.
Jeśli niedawno wprowadziłeś jakiekolwiek zmiany do motywu WordPress lub motywu podrzędnego, zbadanie tych zmian będzie szybkim sposobem rozwiązania problemu.
Jeśli nie możesz dowiedzieć się, które zmiany przywrócić, Kontynuuj czytanie, a pokażemy Ci inne sposoby rozwiązywania problemów.
2. Wyklucz wtyczki WordPress
Wygląd i styl Twojej witryny WordPress jest kontrolowany przez używany motyw. Czasami jednak wtyczki WordPress mogą również dodawać własny kod HTML i CSS do twojej witryny.
Na przykład dodanie formularza kontaktowego na stronie lub wyskakującego okienka lightbox spowoduje załadowanie dodatkowych CSS i HTML.
Aby upewnić się, że problem nie jest spowodowany przez wtyczkę WordPress, możesz tymczasowo dezaktywować wszystkie wtyczki WordPress w swojej witrynie.
Jeśli problem zniknie, oznacza to, że przyczyną problemu była wtyczka. Po prostu aktywuj wszystkie wtyczki WordPress jeden po drugim, sprawdzając swoją witrynę po każdej wtyczce, aby dowiedzieć się, która z nich jest przyczyną problemu.
Następnie możesz skontaktować się ze wsparciem wtyczki, aby znaleźć rozwiązanie i zgłosić problem.
3. Znajdź HTML łamanie układu
Jak wspomnieliśmy wcześniej, złamana <div> tag jest jedną z najczęstszych przyczyn przesuwania się paska bocznego poniżej zawartości.
Teraz, jeśli problem został spowodowany w określonym obszarze witryny, możesz sprawdzić szablon odpowiedzialny za wyświetlanie tego kodu.
Na przykład, jeśli ten problem występuje tylko na pojedynczych postach,możesz sprawdzić pojedynczy.szablon php. Aby dowiedzieć się, który szablon do obejrzenia, zapoznaj się z naszym kompletnym szablonem hierarchii szablonów WordPress.
Najprostszym sposobem na szybkie odnalezienie niezamkniętego elementu div jest użycie narzędzia walidator W3C.
Możesz także użyć narzędzia Inspect lub aplikacji edytora kodu, które ułatwiają debugowanie kodu poprzez podświetlanie znaczników początkowych i końcowych elementów.
Patrząc na kod, trzeba upewnić się, że każdy <div> tag, który jest otwarty, ma również zamknięcie < / div> tag.
Podobnie, należy również szukać osieroconego zamykającego znacznika </div>, który nie ma odpowiadającego mu otwartego znacznika <div>.
Jeśli znalazłeś uszkodzony kod HTML, naprawienie go naprawi pasek boczny pojawiający się poniżej problemu z zawartością.
4. Znajdź CSS przesuwający pasek boczny poniżej zawartości
CSS kontroluje najważniejsze aspekty projektowania witryny. Twój motyw WordPress wykorzystuje CSS do definiowania szerokości zawartości i obszarów paska bocznego w układzie siatki.
Wartość ta jest wyrażona w procentach dostępnego obszaru wyświetlania. Na urządzeniach mobilnych motyw automatycznie popycha pasek boczny poniżej zawartości.
Aby dowiedzieć się, który CSS jest przyczyną problemu, możesz użyć narzędzia Inspect. Wystarczy przenieść zawartość do pola owijania, sekcji zawartości i obszarów paska bocznego, aby wyświetlić ich szerokość i wysokość.
Na przykład, jeśli obszar zawartości ma szerokość 70%, a obszar paska bocznego wynosi 33%, automatycznie przesunie się w dół. Przy obliczaniu tych wartości możesz również wziąć pod uwagę przestrzeń używaną przez wartości wypełnienia i marginesu używane przez każdą sekcję.
5. Wyczyść pamięć podręczną WordPress
Jeśli nadal widzisz pasek boczny poniżej obszaru zawartości, możesz wyczyścić pamięć podręczną WordPress.
Zmiany, które nie pojawiają się od razu, często są spowodowane problemami z buforowaniem.
Często zdarza się, że wtyczki buforujące pokazują starszą wersję tej samej strony. Czyszczenie pamięci podręcznej WordPress i pamięci podręcznej przeglądarki pomoże Ci zobaczyć zmiany zastosowane do twojej witryny.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak naprawić pasek boczny poniżej błędu treści w WordPress. Możesz również dodać do zakładek nasz ostateczny podręcznik typowych błędów WordPress i jak je naprawić.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
