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

 

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

 




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

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

  • Андрей 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

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

  • алексей 16.07.2019

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

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

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

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