De zijbalk, koptekst en voettekst hebben niet voor niets hun naam. Ze zijn beschrijvend en vertellen u waar elk element op een webpagina moet voorkomen. Dus wanneer uw zijbalk, die links of rechts van uw moet bestaan inhoud, verschijnt onder uw inhoud, het is duidelijk dat er een probleem is.
De locatie van deze elementen wordt bepaald door HTML- en CSS-code. U hoeft deze talen niet per se te kennen om dit probleem op te lossen, maar u moet wel een en ander begrijpen, zoals de ' div .
Begrijp het belang van het element "Div" in relatie tot de zijbalk
'Div', of de tag , is een HTML-element. Het is een container voor verschillende elementen waaruit een webpagina bestaat, inclusief de inhoud. Elk element moet in zijn eigen " ".
Je zou nu moeten weten hoe open en gesloten tags in HTML werken. Wanneer u bijvoorbeeld een titel instelt met een dikte h2 Titel en in de teksteditor kijkt, zult u zien dat deze is ingesloten in tags , zoals dit :
De eerste is een openingstag. De tag met de slash "/" is een afsluitende tag. Elk element van een webpagina moet een openings- en sluitingstag bevatten. Als een label open en niet gesloten is of omgekeerd, kan dit leiden tot een onjuiste weergave van sommige items, vooral als die tags geen deel uitmaken van de tags en geen afsluitende tag hebben zoals ' img "," hr ", Enz.
Als je een tag opent en sluit niet af met , worden uw alinea's en andere inhoud van het artikel weergegeven met de stijl "Kop 2". Het is vergelijkbaar met de manier waarop de elementen " div Kan correct worden weergegeven als u het niet opent en correct sluit.
Hier is het bestand "single.php" voor het thema " Zerif Lite ". Dit bestand bevat de code die bepaalt hoe artikelen worden weergegeven in de plug-in (naar unieke items). In de volgende afbeelding zijn de "Div" -tags gemarkeerd om u te laten zien waar ze openen en sluiten.
Dit is een eenvoudige demonstratie van hoe div-elementen werken, zodat we de oorzaak van een weergaveprobleem beter kunnen bepalen.
Probleem met weergave op WordPress oplossen
Begrijpen hoe de "div" -elementen werken, is slechts de helft van de strijd. Nu moet u bepalen welk bestand op uw site problemen heeft met de "div" -elementen.
Er zijn enkele vragen die je jezelf moet stellen:
Is dit probleem overal op uw site aanwezig?
Uitzoeken waar dit probleem zich op uw site voordoet, kan een goede aanwijzing zijn voor waar het probleem zich voordoet. Als het overal op uw site voorkomt, duurt het helaas langer om het op te lossen.
Een algemeen probleem waarbij de zijbalk onder de inhoud wordt weergegeven, kan verschillende oorzaken hebben en ze zullen waarschijnlijk in een van deze hoofdbestanden verschijnen:
- footer.php
- header.php
- index.php
- sidebar.php
- style.css
Uw thema kan worden geleverd met extra bestanden die bepalen welke elementen op uw site worden weergegeven, maar dit zijn de belangrijkste bestanden die u moet overwegen om uw zoekopdracht uit te voeren.
U kunt ze rechtstreeks weergeven in de editor die zich in het menu "Uiterlijk" op het dashboard bevindt.
Bestaat dit probleem alleen op pagina's?
Verken een paar pagina's om de fout te zoeken. Komt het probleem alleen voor op pagina's? Als dat het geval is, moet u naar uw "page.php" -bestand kijken om de fouten te vinden.
Bestaat dit probleem alleen op de pagina's van de blog?
Nogmaals, u moet enkele pagina's op uw site vergelijken met de verschillende artikelen erop jouw blog. Inspecteer uw “single.php” -bestand. Als de zijbalk correct wordt weergegeven op pagina's, maar niet op de blog, vertelt dit bestand u meer.
Het probleem van zwevende staven
Je thema kan een zwevende zijbalk zijn en als dit ervoor zorgt dat de zijbalken onder de inhoud verschijnen, moet je dichter bij de ontwikkelaar komen.
De belangrijkste eigenschap is de eigenschap drijven Dat verschijnt meestal in twee formaten:
float: left; float: right;
Als deze niet op de juiste manier of helemaal niet worden gebruikt, kunnen ze ervoor zorgen dat items op elkaar worden gestapeld in plaats van naast elkaar. Mogelijk moet u ook de ' duidelijk Om het probleem te verhelpen.
Vraag de hulp van experts
Als u de problemen niet kunt oplossen met behulp van al het bovenstaande, nodig ik u uit om contact met ons op te nemen, hetzij direct een reactie achter te laten, of via de livechat op de startpagina.
Anders kunt u altijd rechtstreeks contact opnemen met de ontwikkelaar van het thema. Hij die aan de oorsprong van dit product staat, zal beter in staat zijn om uw behoeften te beantwoorden.
Dat is alles voor deze zelfstudie, ik hoop dat u hiermee het probleem van laterale zijbalken kunt oplossen die onder uw inhoud worden weergegeven.
