WP Add Custom CSS плагин WordPress — ТОП

WP Add Custom CSS плагин WordPress


 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете о плагине, который позволит вам изменить CSS стили на определённых страницах и записях. На каждой странице редактирования записи или страницы у вас будет отображаться поле для добавление CSS стилей непосредственно к данной странице. Вы сможете менять CSS стили для всего сайта. Очень простой и полезный плагин !

Установить плагин WP Add Custom CSS вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WP Add Custom CSS

 

Далее, после установки и активации плагина, перейдите на страницу: Add Custom CSS. Здесь вы сможете добавлять и менять CSS стили для всего сайта. Добавьте в поле свои CSS стили и нажмите на кнопку — Save.

 

Wordpress Add Custom CSS

 

Далее, перейдите на страницу редактирования записи или страницы. Внизу страницы у вас появится новое поле «Custom CSS». Добавьте в данное поле CSS стили для изменения стилей только данной записи или страницы. Обновите страницу.

 

Add custom CSS rules for this post

 

Остались вопросы ? Напиши комментарий ! Удачи !

 






info-effect.ru
WP Add Custom CSS плагин WordPress обновлено: Февраль 27, 2017 автором: Илья Журавлёв

3 комментария

  • Андрей 08.06.2018 Ответить

    Бодрого настроения! Илья, подскажи пожалуйста: есть сайт diyhouse-mydiyhobby-ru при наводе курсора к картинке карточки товара, появляется в верхнем левом углу значок лупы «быстрый просмотр». Эта фича идет вместе с шаблоном. Я хочу чтобы эта кнопка и надпись были зафиксированы, т.е. не важно навожу курсор или нет. Плих, помогите пожалуйста!

    • Илья Журавлёв 08.06.2018 Ответить Автор

      Здравствуйте! Могу такой вариант предложить, кнопку эту скрыть с помощью CSS, и поставить плагин для быстрого просмотра товара Woocommerce. Посмотрите:

      Quick View WooCommerce
      YITH WooCommerce Quick View

      Чтобы скрыть кнопку, сначала скопируйте её стили, добавьте их на страницу: Внешний вид — Настроить — Дополнительные стили. К этим стилям добавьте — Display: none; До закрывающей скобки, вместе с остальными CSS стилями. Как найти CSS стили любого элемента сайта, смотрите Здесь!

      • Андрей 08.06.2018 Ответить

        Илья, благодарю за ответ! Да, так и сделал ;) Отличного творчества!!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

восклицательный знак Отправляя свои данные Вы соглашаетесь с Политикой Конфиденциальности сайта info-effect.ru.


Яндекс.Метрика

WhatsApp 7 922 717 9869   Связь - Мой Супер хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх