WP Add Custom CSS плагин WordPress

CSS

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Андрей

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

    Ответить
    1. Admin автор

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

      Quick View WooCommerce
      YITH WooCommerce Quick View

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

      Ответить
      1. Андрей

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

        Ответить
      2. алексей

        здраствуйте подскажите пожалуста как отредактировать записи что бы они были хорошо видны а не на весь экран. и чт нужно сделать

        Ответить