Pasek boczny, nagłówek i stopka mają swoje nazwy nie bez powodu. Mają charakter opisowy i informują, gdzie każdy element powinien znajdować się na stronie internetowej. Więc kiedy twój pasek boczny, który powinien znajdować się po lewej lub prawej stronie twojego treść, pojawi się pod Twoim treść, jasne jest, że jest problem.
Lokalizacja tych elementów jest określana przez kod HTML i CSS. Nie musisz koniecznie znać tych języków, aby rozwiązać ten problem, ale musisz zrozumieć jedną lub dwie rzeczy, na przykład „ div ".
Zrozum znaczenie elementu „Div” w odniesieniu do paska bocznego
„Div” lub tag , jest elementem HTML. Jest to kontener na różne elementy tworzące stronę internetową, w tym treść. Każdy element musi być zawarty w swoim własnym „ „.
Powinieneś już wiedzieć, jak otwieranie i zamykanie tagów działa w HTML. Na przykład, jeśli ustawisz tytuł z grubością h2 Tytuł i spojrzysz w edytorze tekstu, zauważysz, że jest on otoczony znacznikami , lubię to :
Pierwszy jest tagiem otwierającym. Znacznik zawierający ukośnik „/” jest tagiem zamykającym. Każdy element strony internetowej musi zawierać znacznik otwierający i zamykający. Jeśli etykieta jest otwarta i niezamknięta lub odwrotnie, może to spowodować nieprawidłowe wyświetlanie niektórych elementów, zwłaszcza jeśli te tagi nie są częścią tagów zwolnione z zamykania tagu, takiego jak „ img "," hr »Itd.
Jeśli otworzysz tag i nie zamykaj Twoje akapity i inna treść artykułu będą wyświetlane w stylu „Nagłówek 2”. Jest podobny do sposobu, w jaki elementy „ div Może wyświetlać się poprawnie, jeśli go nie otworzysz i nie zamkniesz poprawnie.
Oto plik „single.php” dla motywu „ Zerif Lite ”. Ten plik zawiera kod określający sposób wyświetlania artykułów we wtyczce (dla unikalnych przedmiotów). Na poniższej ilustracji znaczniki „DIV” są podświetlone, aby pokazać, gdzie się otwierają i gdzie zamykają.
Jest to prosta demonstracja działania elementów div, dzięki czemu możemy lepiej określić przyczynę problemu z wyświetlaniem.
Napraw problem z wyświetlaniem w WordPress
Zrozumienie, jak działają elementy „div”, to dopiero połowa sukcesu. Teraz musisz określić, który plik w Twojej witrynie ma problemy z elementami „div”.
Zadajesz sobie kilka pytań:
Czy ten problem występuje w całej witrynie?
Ustalenie, gdzie występuje ten problem w Twojej witrynie, może być świetną wskazówką, gdzie występuje. Niestety, jeśli problem występuje wszędzie w Twojej witrynie, jego rozwiązanie zajmie więcej czasu.
Ogólny problem polegający na tym, że pasek boczny pojawia się pod treścią, może mieć wiele różnych przyczyn i prawdopodobnie pojawią się w jednym z tych głównych plików:
- footer.php
- header.php
- index.php
- sidebar.php
- style.css
Twój motyw może zawierać dodatkowe pliki, które określają elementy wyświetlane w całej witrynie, ale są to główne pliki, które należy wziąć pod uwagę, aby przeprowadzić wyszukiwanie.
Możesz je wyświetlić bezpośrednio w edytorze, który znajduje się w menu „Wygląd” na desce rozdzielczej.
Czy ten problem występuje tylko na stronach?
Przejrzyj kilka stron w poszukiwaniu błędu. Czy problem występuje tylko na stronach? Jeśli tak, będziesz musiał przejrzeć plik „page.php”, aby znaleźć błędy.
Czy ten problem występuje tylko na stronach bloga?
Ponownie musisz porównać niektóre strony w swojej witrynie z różnymi artykułami na ten temat Twój blog. Sprawdź plik „single.php”. Jeśli pasek boczny wyświetla się poprawnie na stronach, ale nie na blogu, to ten plik powie Ci więcej.
Problem pływających prętów
Twój motyw może być ruchomym paskiem bocznym, a jeśli powoduje to, że paski boczne pojawiają się pod treścią, musisz zbliżyć się do programisty.
Najważniejszą właściwością jest własność unosić się Który zwykle występuje w dwóch formatach:
float: left; float: right;
Jeśli nie są one używane prawidłowo lub w ogóle nie są używane, mogą powodować, że przedmioty będą układać się jeden na drugim, a nie obok siebie. Konieczne może być również użycie opcji „ jasny Aby rozwiązać problem.
Poproś o pomoc ekspertów
Jeśli nie możesz rozwiązać problemów za pomocą wszystkich powyższych, zapraszam do kontaktu z nami bezpośrednio, zostawiając komentarz lub za pośrednictwem czatu na żywo na strona główna.
W przeciwnym razie zawsze możesz skontaktować się bezpośrednio z twórcą kompozycji. Ten, który jest źródłem tego produktu, będzie w stanie lepiej odpowiedzieć na twoje potrzeby.
To wszystko w tym samouczku, mam nadzieję, że pozwoli ci to rozwiązać problem bocznych pasków bocznych, które pojawiają się pod twoją treścią.
