Visual CSS Style Editor

Visual CSS Style Editor изменить стили сайта WordPress


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

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

 

Visual CSS Style Editor

 

Далее, после установки и активации плагина, у вас откроется страница приветствия плагина “Welcome to Yellow Pencil”. Нажмите на кнопку – lets start, чтобы начать редактирование сайта.

 

Welcome to Yellow Pencil

 

Далее, у вас откроется страница вашего сайта. Справа в блоке вы сможете выбрать определённую страницу для редактирования.

 

изменить CSS WordPress

 

Далее, чтобы изменить определённый элемент на сайте, нажмите мышкой по элементу, справа у вас появится окно с инструментами для изменения CSS стилей. Вам будут доступны следующие инструменты: (Обратите внимание на скриншот, вы можете менять размер выбранного элемента с помощью мыши, просто перетаскивая края на нужное вам расстояние).

 

– Text.

– Background.

– Margin.

– Padding.

– Border.

– Border Radius.

– Position.

– Size.

– Animation.

– Filters.

– Box Shadow.

– Extra.

 

custom CSS style изменить плагин WordPress

 

Далее, нажмите мышкой по элементу, выберите нужный вам инструмент и измените CSS стили для выбранного элемента.

 

background css custom wordpress

 

Далее, при выборе элемента, вы можете выбирать определённые CSS параметры для изменения элемента. В верхнем правом углу элемента нажмите на значок меню в виде трёх горизонтальный линий. У вас откроется окно здесь вы сможете выбрать определённый CSS параметр для изменения элемента:

 

– Hover.

– Focus.

– Parent Element.

– Edit Selector.

– Write CSS.

– Select just it.

– Reset Styles.

– Leave.

 

hover focus selector parent css edit wordpress

 

Далее, в левой части страницы вы можете воспользоваться дополнительными элементами.

 

CSS WordPress

 

Чтобы сохранить сделанный изменения, нажмите вверху справа на кнопку – Save. Обратите внимание ! Некоторые инструменты доступны только в pro (платной) версии плагина.

 

 Рекомендую Вам Супер плагины для изменения стилей сайта:

 

SiteOrigin CSS.

Simple Custom CSS.

– Custom CSS Pro.

 

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

 

Поделиться ссылкой:

https://info-effect.ru/

Visual CSS Style Editor изменить стили сайта WordPress обновлено: Февраль 27, 2017 автором: Илья Журавлёв

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

  • вававаы 25.10.2017 Ответить

    зря нажал на рекламу вам. Плагин говно. Чуть сдвинул и все не сохранить… плати деньги. тупо за мелочь, тебе нужна была мелочь, чтото подвинуть? – плати бабки. за такие деньги мне верстальщик с Фриланса там все подвинет 10 раз. еще и очередь вы строится из исполнителей. а кто-то и за отзыв хороший бесплатно все поправит.
    Не тратьте время!! отнял врем только у меня, админ своим этим постом!

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

      Не надо нажимать на рекламу, если она вам не интересна. “Чуть сдвинул и все не сохранить” что это значит? Вы можете как-то по подробней рассказать о своей проблеме? По вашему комментарию ничего не понятно. Могу порекомендовать вам Классный плагин конструктор – WordPress Page Builder — Beaver Builder.

      Если вы хотите изменить CSS, скажите что конкретно вы хотите изменить на своём сайте? Есть специальные плагины для этого, более простые, например – SiteOrigin CSS.

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

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

 

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



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

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