Ako skryť bočný panel pre mobilné zariadenia vo WordPress
Ak to čítate, pravdepodobne ste si uvedomili, že mať bočný panel na mobilných zariadeniach nie je potrebné. Táto zóna S vás naučí, ako skryť bočný panel pre mobil vo WordPress.
vytvoriť skratku spánku 10
Pri väčšine tém WordPress, keď pridáte miniaplikácie bočného panela – primárne určené pre väčšie obrazovky – sa tieto miniaplikácie bočného panela zobrazia aj na mobilných zariadeniach.
V prvom prípade na mobilnom zariadení už bočný panel nie je bočný panel, ale skôr spodný panel. Okrem toho sa na mobilných zariadeniach bočné panely zobrazujú za hlavným príspevkom, čím sa bráni ich účelu.
Navyše nepotrebné bočné panely na mobilných zariadeniach môžu prispieť k spomaleniu načítania na týchto zariadeniach.
Niektoré témy WordPress môžu mať možnosť prispôsobiť bočné panely podľa zariadení. Ak vaša téma ponúka túto funkciu, použite ju.
Ak však váš motív túto možnosť neponúka, pomocou krokov v tejto príručke skryte bočný panel na mobilných zariadeniach.
Niektoré kroky v tejto príručke vyžadujú základné zručnosti CSS. Napriek tomu, že neviete nič o CSS a štýloch, prevediem vás tým – krok za krokom.
Tu sú kroky na vysokej úrovni na skrytie bočného panela pre mobilné zariadenia vo WordPress:
- Nájdite ID div na bočnom paneli pre svoj motív
- Pridajte CSS, ktoré skryje bočný panel z mobilných zariadení
- Vymazať vyrovnávaciu pamäť a test
Prehľadávať témy príspevkov
- Nájdite ID DIV na bočnom paneli pre svoj motív
- Pridajte CSS, ktoré skryje bočný panel pre mobilné zariadenia vo WordPress
- Vymazať vyrovnávaciu pamäť a test
Nájdite ID DIV na bočnom paneli pre svoj motív
Skrytie bočného panela na mobilných zariadeniach vo WordPress v podstate zahŕňa úpravu div bočného panela pomocou CSS. Ak však chcete upraviť div pomocou CSS, potrebujete ID div.
Dokončite túto úlohu na PC alebo Mac notebooku alebo stolnom počítači – NIE na mobilnom zariadení.
Ak chcete nájsť ID div pre bočný panel témy, ktorú používate pre svoj web WordPress, postupujte podľa nasledujúcich krokov:
- Otvorte príspevok alebo stránku v prehliadači Google Chrome alebo v novom prehliadači Microsoft Edge.
- Potom kliknite pravým tlačidlom myši kdekoľvek na bočnom paneli a vyberte Skontrolujte .
- Element Inspect otvorí niektoré kódy na pravej strane stránky. Toto má hornú časť (označenú 1 na snímke obrazovky nižšie). Má tiež spodnú časť (na obrázku označená ako 2).
Na spodnej časti, Štýly predvolene bude vybratá karta. Ak chcete nájsť svoje ID div bočného panela, vyhľadajte prvok so slovom bočný panel. Niektoré témy môžu jednoducho používať bočný panel. Iní môžu použiť hlavný alebo hlavný bočný panel.
Všimnite si to, pretože ide o ID div na bočnom paneli tém. Môj je bočný panel. Skopírujte si to, ako to budete potrebovať v ďalšom kroku.
Pridajte CSS, ktoré skryje bočný panel pre mobilné zariadenia vo WordPress
Ďalším krokom je pridanie tohto kódu do sekcie Ďalšie CSS vašej témy WordPress. Toto je kód, ktorý skrýva bočné panely pre mobilné zariadenia vo WordPress.
Zvýraznil som ID div na bočnom paneli pre moju tému. Túto hodnotu musíte zmeniť na ID div na bočnom paneli pre svoju tému. Všimnite si bodku (.) pred ID div. |_+_|Ak chcete do témy pridať vyššie uvedený kód CSS, postupujte podľa nasledujúcich krokov:
android 7 lg g3
- Prihláste sa na svoju stránku WordPress ako správca.
- Potom na ľavom paneli vznášať sa cez Vzhľad a vyberte Prispôsobiť .
- Keď sa otvorí možnosť Prispôsobiť, prejdite nadol a kliknite Ďalšie CSS .
- Nakoniec skopírujte, prilepte a upravte tento kód do jednej zo sekcií – potom kliknite na hornú časť Publikovať .
Vymazať vyrovnávaciu pamäť a test
Aby bolo jasné, posledná časť účinne skryla bočný panel pre mobilné zariadenia vo WordPress. Rozhodol som sa však pridať túto časť, pretože ak používate modul na ukladanie do vyrovnávacej pamäte alebo CDN, budete musieť vymazať vyrovnávaciu pamäť, aby sa zmeny prejavili okamžite.
Po vymazaní vyrovnávacej pamäte v doplnku na ukladanie do vyrovnávacej pamäte a/alebo CDN otvorte webovú lokalitu na mobilnom zariadení. Ak sa zmena neprejaví okamžite, použite Inkognito (Chrome) alebo Súkromne (Microsoft Edge).
Dúfam, že sa vám pomocou krokov v tejto príručke podarilo skryť bočný panel pre mobilné zariadenia na vašom webe WordPress.
Tiež dúfam, že ste považovali sprievodcu za užitočný a ľahko pochopiteľný? Ak vám návod pomohol, kliknite Áno to Bol tento príspevok užitočný? nižšie.
Svoju spätnú väzbu môžete poskytnúť aj prostredníctvom formulára Zanechajte odpoveď, ktorý nájdete na konci tejto stránky.
Nakoniec, ak chcete získať viac sprievodcov WordPress, navštívte našu stránku s návodmi na WordPress a webové stránky.
mapovač topológie siete open source
