Kako skriti stransko vrstico za mobilne naprave v WordPressu
Če to berete, ste verjetno ugotovili, da stranska vrstica na mobilnih napravah ni potrebna. Ta S Zone vas nauči, kako skriti stransko vrstico za mobilne naprave v WordPressu.
Za večino tem WordPress, ko dodate pripomočke stranske vrstice – predvsem namenjene večjim zaslonom – se ti pripomočki stranske vrstice prikažejo tudi na mobilnih napravah.
V prvem primeru na mobilni napravi stranska vrstica ni več stranska vrstica, ampak bolj spodnja vrstica. Poleg tega se na mobilnih napravah stranske vrstice prikažejo za glavnim prispevkom, kar je v nasprotju z namenom, da jih imajo.
Poleg tega lahko nepotrebne stranske vrstice na mobilnih napravah prispevajo k počasnemu nalaganju teh naprav.
Nekatere teme WordPress imajo morda možnost prilagajanja stranskih vrstic glede na naprave. Če vaša tema ponuja to funkcijo, jo uporabite.
Če pa vaša tema ne ponuja te možnosti, uporabite korake v tem priročniku, da skrijete stransko vrstico na mobilnih napravah.
kako dodati prijatelje na zajčji mobilniNekateri koraki v tem priročniku zahtevajo osnovne veščine CSS. Vendar, čeprav ne veste ničesar o CSS in slogovnih listah, vas bom vodil skozi to – korak za korakom.
Tu so koraki na visoki ravni za skrivanje stranske vrstice za mobilne naprave v WordPressu:
- Poiščite ID div stranske vrstice za svojo temo
- Dodajte CSS, ki skrije stransko vrstico pred mobilnimi napravami
- Počisti predpomnilnik in preizkusi
Brskajte po temah objav
- Poiščite stranski DIV ID za svojo temo
- Dodajte CSS, ki skrije stransko vrstico za mobilne naprave v WordPressu
- Počisti predpomnilnik in preizkusi
Poiščite stranski DIV ID za svojo temo
Skrivanje stranske vrstice na mobilnih napravah v WordPressu v bistvu vključuje spreminjanje stranske vrstice div s CSS. Vendar, če želite spremeniti div s CSS, potrebujete div ID.
Prosimo, izvedite to nalogo na prenosnem ali namiznem računalniku PC ali Mac – NE na mobilni napravi.
Sledite spodnjim korakom, da poiščete div ID za stransko vrstico teme, ki jo uporabljate za svoje spletno mesto WordPress:
- Odprite objavo ali stran v brskalniku Google Chrome ali novem brskalniku Microsoft Edge.
- Nato z desno tipko miške kliknite kjer koli na stranski vrstici in izberite Preglejte .
- Element Inspect bo odprl nekaj kod na desni strani strani. Ta ima zgornji del (označen z 1 na spodnjem posnetku zaslona). Ima tudi spodnji del (označen z 2 na posnetku zaslona).
Na spodnjem delu, Slogi zavihek bo privzeto izbran. Če želite poiskati svoj ID div stranske vrstice, poiščite element z besedo sidebar. Nekatere teme lahko preprosto uporabljajo stransko vrstico. Drugi lahko uporabljajo stransko vrstico-glavno ali glavno stransko vrstico.
Upoštevajte to, saj je to ID div stranske vrstice vaše teme. Moja je stranska vrstica. Kopirajte to, saj jo boste potrebovali v naslednjem koraku.
Dodajte CSS, ki skrije stransko vrstico za mobilne naprave v WordPressu
Naslednji korak je, da to kodo dodate v razdelek Dodatni CSS vaše teme WordPress. To je koda, ki skriva stranske vrstice za mobilne naprave v WordPressu.
Za svojo temo sem podebelil ID div stranske vrstice. To vrednost morate spremeniti v ID div stranske vrstice za svojo temo. Upoštevajte piko (.) pred ID-jem div. |_+_|Sledite spodnjim korakom, da svoji temi dodate zgornjo kodo CSS:
- Prijavite se na svoje spletno mesto WordPress kot skrbnik.
- Nato na levem podoknu lebdi konec Videz in izberite Prilagoditi .
- Ko se odpre možnost Prilagodi, se pomaknite navzdol in kliknite Dodatni CSS .
- Na koncu kopirajte, prilepite in spremenite to kodo v enega od razdelkov – nato kliknite na zgornji klik Objavi .
Počisti predpomnilnik in preizkusi
Da bo jasno, zadnji razdelek je dejansko skril stransko vrstico za mobilne naprave v WordPressu. Vendar sem se odločil dodati ta razdelek, ker če uporabljate vtičnik za predpomnjenje ali CDN, boste morali počistiti predpomnilnik, da bodo spremembe takoj začele veljati.
Ko počistite predpomnilnik v vtičniku za predpomnjenje in/ali CDN, odprite spletno mesto na mobilni napravi. Če se sprememba ne odraža takoj, uporabite Brez beleženja zgodovine (Chrome) oz Privatno (Microsoft Edge).
Upam, da vam je uspelo skriti stransko vrstico za mobilne naprave na svojem spletnem mestu WordPress s koraki v tem priročniku.
Upam tudi, da se vam je vodnik zdel koristen in lahko razumljiv? Če se vam je vodnik zdel v pomoč, kliknite da do Je bila ta objava v pomoč? spodaj.
Svoje povratne informacije lahko ponudite tudi z obrazcem za pustite odgovor, ki ga najdete na koncu te strani.
Za več vodnikov za WordPress obiščite našo stran z navodili za WordPress in spletna mesta.
