Как да скриете страничната лента за мобилни устройства в WordPress
Ако четете това, вероятно сте разбрали, че наличието на странична лента на мобилни устройства не е необходимо. Тази S зона ви учи как да скриете страничната лента за мобилни устройства в WordPress.
За повечето теми на WordPress, когато добавяте приспособления за странична лента – предназначени предимно за по-големи екрани – тези приспособления за странична лента се показват и на мобилни устройства.
На първо място, на мобилно устройство страничната лента вече не е странична, а по-скоро долна лента. Освен това на мобилни устройства страничните ленти се показват след основната публикация – побеждавайки целта да ги има.
Освен това наличието на ненужни странични ленти на мобилни устройства може да допринесе за бавното време за зареждане на тези устройства.
Някои теми на WordPress може да имат опцията за персонализиране на страничните ленти по устройства. Ако вашата тема предлага тази функция, моля, използвайте я.
Въпреки това, ако вашата тема не предлага тази опция, използвайте стъпките в това ръководство, за да скриете страничната лента на мобилни устройства.
Някои от стъпките в това ръководство изискват основни умения за CSS. Въпреки това, въпреки че не знаете нищо за CSS и таблиците със стилове, аз ще ви преведа през него – стъпка по стъпка.
Ето стъпките на високо ниво за скриване на страничната лента за мобилни устройства в WordPress:
- Намерете div ID на страничната лента за вашата тема
- Добавете CSS, който скрива страничната лента от мобилни устройства
- Изчистете кеша и тествайте
Разгледайте темите на публикациите
- Намерете DIV ID на страничната лента за вашата тема
- Добавете CSS, който скрива страничната лента за мобилни устройства в WordPress
- Изчистете кеша и тествайте
Намерете DIV ID на страничната лента за вашата тема
Скриването на страничната лента на мобилни устройства в WordPress по същество включва модифициране на страничната лента div с CSS. Въпреки това, за да модифицирате div с CSS, имате нужда от div ID.
Моля, изпълнете тази задача на компютър или Mac лаптоп или настолен компютър - НЕ на мобилно устройство.
Следвайте стъпките по-долу, за да намерите div ID за страничната лента на темата, която използвате за вашия уебсайт на WordPress:
- Отворете публикация или страница в Google Chrome или новия браузър Microsoft Edge.
- След това щракнете с десния бутон навсякъде в страничната лента и изберете Инспектирайте .
- Елементът Inspect ще отвори някои кодове вдясно на страницата. Това има горна част (означена с 1 на екранната снимка по-долу). Има и долна част (означена с 2 на екранната снимка).
В долната част, Стилове разделът ще бъде избран по подразбиране. За да намерите своя div ID на страничната лента, потърсете елемент с думата странична лента. Някои теми може просто да използват странична лента. Други могат да използват странична лента-главна или основна странична лента.
Обърнете внимание на това, тъй като това е идентификаторът на div в страничната лента на вашата тема. Моята е странична лента. Копирайте това, тъй като ще ви трябва в следващата стъпка.
Добавете CSS, който скрива страничната лента за мобилни устройства в WordPress
Следващата стъпка е да добавите този код към секцията Допълнителен CSS на вашата WordPress тема. Това е кодът, който скрива страничните ленти за мобилни устройства в WordPress.
Удебелявах идентификатора на div в страничната лента за моята тема. Трябва да промените тази стойност на div ID на страничната лента за вашата тема. Обърнете внимание на точката (.) преди div ID. |_+_|Следвайте стъпките по-долу, за да добавите горния CSS код към вашата тема:
- Влезте във вашия WordPress сайт като администратор.
- След това, в левия панел, задръжте курсора над Външен вид и изберете Персонализирайте .
- Когато се отвори опцията Персонализиране, превъртете надолу и щракнете Допълнителен CSS .
- Накрая копирайте, поставете и променете този код в една от секциите - след това щракнете в горната част Публикувайте .
Изчистете кеша и тествайте
За да бъде ясно, последният раздел ефективно скри страничната лента за мобилни устройства в WordPress. Въпреки това реших да добавя този раздел, защото ако използвате плъгин за кеширане или CDN, ще трябва да изчистите кеша, за да влязат в сила промените незабавно.
След като изчистите кеша в плъгина за кеширане и/или CDN, отворете уебсайта на мобилно устройство. Ако промяната не се отрази веднага, използвайте Инкогнито (Chrome) или Насаме (Microsoft Edge).
Надявам се, че сте успели да скриете страничната лента за мобилни устройства във вашия WordPress сайт със стъпките в това ръководство.
Надявам се също да намерите ръководството за полезно и лесно за разбиране? Ако намерите ръководството за полезно, щракнете да до Беше ли тази публикация полезна? По-долу.
Можете също да предоставите отзивите си с формуляра за отговор, който се намира в края на тази страница.
И накрая, за повече ръководства за WordPress, посетете нашата страница с инструкции за WordPress и уебсайтове.
