Сегодня я расскажу вам предельно простой, но очень действенный способ, который поможет убрать, а точнее даже скрыть ненужные элементы с вашего WordPress сайта.
Перейдём сразу к делу: всё волшебство сокрытия элементов на сайте заключено в чудесном CSS-свойстве, под названием «display:none». Итак, что же это такое?
Как вы, возможно, уже знаете, WordPress построен на основе 4 основных технологий:
1. Язык программирования PHP, который отвечает за функциональную работоспособность сайта, в основном, скрытую от глаз посетителей.
2. Язык программирования JavaScript, который отвечает, в основном, за внешнюю динамичность вашего сайта при отображении его в браузере посетителя.
3. Язык гипертекстовой разметки HTML, который является основным веб-стандартом отображения WEB-страниц в интернете.
4. Каскадные таблицы стилей CSS, от которых на 90% зависит то, как ваш сайт будет выглядеть внешне: размер шрифтов, цвет текста, цвет фона, прозрачность элементов и многое-многое другое.
Так вот, сегодня мы заострим своё внимание именно на 4-ом пункте - CSS, потому что именно он поможет нам убрать ненужные элементы WordPress сайта.
Дело в том, что как было сказано ранее, среди всех прочих свойств, вроде цвета шрифта, фона, размера элементов и всего прочего, существует CSS свойство, которое отвечает за показ определённых элементов. Это свойство называется «display». Оно может принимать различные значения, определяющие то, каким образом браузеру необходимо рассматривать этот элемент, но нас сегодня интересует именно значение под названием «none». Это значение вкупе со свойством display напрямую говорит браузеру посетителя WordPress сайта, что данный элемент показывать не нужно.
Так как же это действует и куда всё это нужно вписывать?
Итак, в первую очередь при помощи инспектора кода в вашем браузере вам необходимо определить так называемый «селектор» вашего элемента. Открыв инспектор кода, наведите курсор на нужный вам элемент и изучите его структуру. К примеру, если вы хотите убрать ненужную ссылку в подвале своего WordPress сайта и видите, например, такую картину в инспекторе кода вашего браузера:
<a href=“http://wordpress.com” id=“copy” class=“ssilka”>Сделано на WordPress</a>
То вы можете убрать этот элемент множеством различных способов. Как минимум двумя, на выбор, используя любой селектор:
#copy {display: none;}
.ssilka {display: none;}
После вписывания любой из вышеуказанных строк либо в файл style.css вашей темы, либо в специальный блок CSS-настроек вашей темы, либо в блок CSS-настроек какого-либо стороннего плагина (например Simple Custom CSS) указанная ссылка исчезнет.
Если этого не произошло, попробуйте усилить приоритет ваших строчек перед другими свойствами, добавив слово «!important». Таким образом, вышеуказанные две строчки превращаются в:
#copy {display: none !important;}
.ssilka {display: none !important;}
Кроме того, если вы вносили одну из этих строчек в файл style.css своей темы, то не забудьте после этого очистить кеш своего браузера, нажав сочетание клавиш CTRL + F5, а также не забудьте почистить кеш на самом сайте, если вы используете какие-либо дополнительные кеширующие плагины (например, WP Super Cache).
Также, если вы хотите развивать свои знания в сайтостроении, то советую вам немного почитать о том, что такое селекторы и CSS и как они помогают преобразить сайт. Ведь эта информация, по своей сути, не очень сложна в восприятии, зато помогает решать подавляющее количество вопросов, связанных с внешним видом вашего сайта.
Если вам понравилась моя статья - подписывайтесь на мой канал или закажите у меня разработку своего WordPress сайта.