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

Visual CSS Style Editor CSS

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

 

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

 

info-effect.ru
Добавить комментарий для вававаы Отменить ответ

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

  1. вававаы

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

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

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

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

      Ответить
  2. Мария

    как поменять текст с помощью этого плагина?
    а картинку на слайдере?

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

      также как показано в инструкции

      Ответить
  3. Мария

    Спасибо, но я имею в виду сам текст, т.е. буковки, а не его размер…???

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

      Пока что не понятно, что вы имеете в виду, шрифт, цвет или ещё что-то?

      Ответить
  4. Мария

    Сам текст, а не его формат-буквы. Не понятно как это сделать… буду признательна за помощь!

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

      Как именно хотите изменить текст, что конкретно хотите сделать?

      Ответить
  5. Мария

    Поменять текст возможно? Если да, покажите как пожалуйста

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

      Ставьте плагин SiteOrigin CSS, там много параметров для изменения текста

      Ответить
  6. Мария

    Спасибо, уважаемый, Вы ничем мне не помогли. Примного благодарю за бестолковую беседу в комментах…

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

      Как я вам помогу, если вы не можете написать чего вы конкретно хотите сделать. Менять текст можно по разному, много CSS стилей для этого есть. SiteOrigin CSS самый подходящий для этого плагин.

      Ответить
    2. Сергеq

      Реально нигде не показано как менять ТЕКСТ, вобще нигде, не в ютубе, не на сайтах. Для тех кто в танке, например: у меня написано слово ТЕКСТ, а я хочу вместо этого слова написать ЖОПА. Как мне это сделать ?

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

        Где на сайте отображается этот текст?

        Ответить