Postranní panel, záhlaví a zápatí mají své názvy z dobrého důvodu. Jsou popisné a říkají vám, kde by měl každý prvek na webové stránce existovat. Takže když váš postranní panel, který by měl existovat vlevo nebo vpravo od vás obsah, se zobrazí pod vaším obsah, je jasné, že nastal problém.
Umístění těchto prvků je určeno kódem HTML a CSS. Abyste tento problém vyřešili, nemusíte nutně znát tyto jazyky, ale musíte rozumět něčemu nebo dvěma věcem, například „ div ".
Pochopte důležitost prvku „Div“ ve vztahu k postrannímu panelu
„Div“ nebo tag , je prvek HTML. Je to kontejner pro různé prvky, které tvoří webovou stránku, včetně obsah. Každý prvek musí být obsažen ve svém vlastním " ".
Měli byste vědět, jak v HTML nyní fungují otevírací a zavírací značky. Například když nastavíte nadpis s tloušťkou h2 Nadpis a podíváte se do textového editoru, všimnete si, že je uzavřen ve značkách , takhle :
První je úvodní značka. Značka obsahující lomítko „/“ je uzavírací značka. Každý prvek webové stránky musí obsahovat úvodní a závěrečnou značku. Pokud je štítek otevřený a neuzavřený nebo naopak, může to na některých položkách způsobit nesprávné zobrazení, zejména pokud tyto značky nejsou součástí značek osvobozených od uzavírací značky jako „ img "" hr „Etc.
Pokud otevřete značku a nezavírejte s , vaše odstavce a další obsah článku se zobrazí ve stylu „Nadpis 2“. Je to podobné způsobu, jakým prvky " div Může se zobrazit správně, pokud jej neotevřete a správně zavřete.
Zde je soubor „single.php“ pro téma „ Zerif Lite “. Tento soubor obsahuje kód, který určuje, jak se budou články zobrazovat v zásuvném modulu (pro jedinečné položky). Na následujícím obrázku jsou značky „Div“ zvýrazněny, aby vám ukázaly, kde se otevírají a kde se zavírají.
Toto je jednoduchá ukázka toho, jak prvky div fungují, abychom mohli lépe určit příčinu problému se zobrazením.
Opravte problém se zobrazením na WordPress
Pochopení toho, jak „div“ prvky fungují, je jen polovina úspěchu. Nyní musíte určit, který soubor na vašem webu má problémy s prvky „div“.
Existuje několik otázek, které musíte položit:
Existuje tento problém na celém vašem webu?
Zjištění, kde k tomuto problému na vašem webu dochází, může být skvělým vodítkem, kde problém existuje. Bohužel, pokud na vašem webu existuje všude, bude jeho vyřešení trvat déle.
Obecný problém, kdy se pod obsahem zobrazuje postranní panel, může mít řadu různých příčin a pravděpodobně se zobrazí v jednom z těchto hlavních souborů:
- footer.php
- header.php
- index.php
- sidebar.php
- style.css
Vaše téma může obsahovat další soubory, které určují prvky, které se zobrazují na vašem webu, ale toto jsou hlavní soubory, které byste měli zvážit, abyste mohli hledat.
Můžete je zobrazit přímo v editoru, který je v nabídce „Vzhled“ na palubní desce.
Existuje tento problém pouze na stránkách?
Prozkoumejte několik stránek hledajících chybu. Objevuje se problém pouze na stránkách? Pokud je to tak, budete muset chyby vyhledat ve svém souboru „page.php“.
Existuje tento problém pouze na stránkách blogu?
Opět musíte porovnat některé stránky na vašem webu s různými články na váš blog. Zkontrolujte svůj soubor „single.php“. Pokud se postranní panel zobrazuje správně na stránkách, ale ne na blogu, tento soubor vám řekne více.
Problém plovoucích tyčí
Vaše téma může být plovoucí postranní panel, a pokud to způsobí, že se postranní panely zobrazí pod obsahem, musíte se přiblížit vývojáři.
Nejdůležitější vlastností je vlastnost vznášet se Které se obvykle objevují ve dvou formátech:
float: vlevo; float: vpravo;
Pokud se nepoužívají správně nebo se nepoužívají vůbec, mohou způsobit, že se předměty skládají na sebe, spíše než vedle sebe. Možná budete muset použít jasný Chcete-li problém vyřešit.
Požádejte o pomoc odborníky
Pokud nemůžete vyřešit problémy pomocí výše uvedeného, zveme vás, abyste nás kontaktovali buď přímo zanecháním komentáře, nebo prostřednictvím živého chatu na domovská stránka.
V opačném případě můžete vždy přímo kontaktovat vývojáře tématu. Ten, kdo je původcem tohoto produktu, bude schopen lépe reagovat na vaše potřeby.
To je vše pro tento tutoriál, doufám, že vám to umožní opravit problém postranních postranních panelů, které se objevují pod vaším obsahem.
