Плагин для CSS стилей – правим блог без ошибок

плагин для css

Плагин для CSS стилей - это палочка-выручалочка для начинающего интернет-предпринимателя, ведущего свой блог. Очень часто, установив на сайт понравившейся шаблон, выясняется, что хотелось бы поменять некоторые мелочи в его оформлении. То есть, изменить CSS стиль самого шаблона.

Сделать это не сложно, при условии владения секретами настроек стилей. А если это не так, то приходится искать специалиста, объяснять что нужно изменить, платить деньги... И в результате выясняется, что все изменения не соответствуют Вашим представлениям и надо вернуть все как было...

В этом случае, оптимальный вариант, экспериментировать со стилями самостоятельно, используя плагин SiteOrigin CSS. Знания стилей здесь не нужны. Вы просто интуитивно меняете  выбранный Вами элемент, а плагин фиксирует это изменение и вносит его в код шаблона.

Давайте рассмотрим все действия по порядку.

  1. Установка плагина.

    Плагин есть в библиотеке WordPress. Устанавливаете его обычным способом введя в строку поиска плагинов его название SiteOrigin CSS.

    установка

  2. Настройка плагина

    Как таковой настройки делать нет необходимости. Просто найдите плагин в опции внешний вид и переходите к работе.

    Плагин для CSS стилей - правим блог без ошибокОбратите внимание на две кнопки в правом верхнем углу. Кнопка "со стрелочками" позволит сделать переход к рабочему столу. Кнопка "с глазом", или ее еще называют кнопкой визуализации, позволит сразу приступить к работе.

  3. Рабочее поле плагина

    Поле плагина делится на рабочие участки
    плагин
    1. Поле визуализации. Здесь выбирается элемент для редактирования. И в процессе работы можно видеть все изменения, выполненные вами.

    2. Поле кода выбранного элемента. Как только Вы выбираете какой-либо элемент, в этом поле будет отображены его селекторы стиля CSS, закрепленные в шаблоне.

    3. Инструменты. Это поле состоит из трех вкладок:
    а) Текст. Вкладка работы с текстом. Можно изменить буквально все настройки, начиная с цвета и размера.
    б) Дизайн. Работа с бэкграундом. Можно изменить цвет его и даже загрузить изображение.
    в) Layout. Здесь можно настроить расстояния и отступы как текста, так и изображений.

    4. Поле выбора настроек. Кликните на галочку, откроется выпадающее меню с выбором элементов кода. Если Вы не совсем понимаете эти настройки, лучше ими не пользуйтесь.

    5. Строка ввода URL страницы, с которой Вы собираетесь работать. При использовании некоторых шаблонов, перейти на другую страницу можно прямо в поле номер 1. C Hestia так работать не получается. Поэтому просто копируете адрес нужной страницы и вводите в это поле.
    6. Сохранение. Что бы перейти к сохранению выполненных настроек нажимаете на эту галочку, чем даете согласие на окончании редактирование и переходите к сохранению.

  4. Сохранение изменений.

    сохранение
    Что бы сохранить выполненные настройки, нажимаем на синюю кнопку SaveCSS. И выходим на просмотр изменений на сайте.
    Если же Вас не устроили выполненные изменения, вернитесь в плагин. В правом нижнем углу отображены ссылки на предыдущие редакции. Просто выберите необходимую, кликните по ней и согласитесь на применение этой редакции.

Как видите, все очень просто. И главное, испортить практически ничего невозможно.

А сейчас посмотрите видео, в котором я показываю самые простые действия при рfботе с плагином для CSS стилей.

Еще больше об инструментах  можно узнать, подписавшись на рассылку - "Инструменты в помощь начинающему блогеру"

Ну что же, удачной Вам работы!
Будут вопросы или пожелания, пишите в комментариях.
Если информация была для Вас полезной - делитесь ей со своими друзьями в социальных сетях
Смирнова Ирина

Комментарии 2

  • Как же я люблю ваши новые статьи ! Всегда нужные новинки, а что ещё и надо, нам, потребителям информации. Когда обращаюсь в YouTube за ответом на вопрос ,натыкаюсь на массу бестолочей, которые вообразили, что могут нас учить! Вот на этом сайте я как раз учусь ! Тема этого поста очень интересная и естественно востребованная … Прямо сейчас и приступлю… предвкушаю удовольствие!!

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