css wordpress сайт

Изменить сайт wordpress супер плагин CSS

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

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

 

site origin css

 

 После установки и активации плагина, перейдите на страницу: Внешний видCustom CSS. Здесь будут отображаться изменённые CSS стили вашего сайта. Чтобы приступить к изменению сайта, нажмите на значок «глазик», который отображается над полем справа. (смотри скриншот)

 

настройки css

 

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

 

изменить css сайт

 

 После сделанных изменений, нажмите вверху страницы слева на «кнопку с галочкой».

 

сохранить изменения

 

 Далее, на странице плагина появятся изменённые CSS стили, чтобы их сохранить нажмите внизу на кнопку — Save CSS.

 

css стили сохранить

 

 

Обозначения инструментов

 

Text

— Text Color, цвет текста.

— Font Size, размер шрифта.

— Line Height, высота линий.

— Font Weight, вес шрифта.

— Font Style, стиль шрифта.

— Text Decoration, оформление текста.

— Font Variant, вариант шрифта.

— Text Transform, преобразование текста.

— Font Family, название шрифта.

— Text Align, выравнивание текста.

— Text Indent, отступ текста.

— Letter Spacing, межбуквенный интервал.

— Word Spacing, интервал между слов.

— White Space, пустое пространство.

— Text Shadow, тень текста.

 

Decoration

— Background Color, цвет фона.

— Background image, фоновое изображение.

— Background Position, позиция фона.

— Background Repeat, повторение фона.

— Background Size, размер фона.

— Box Shadow, тень рамки.

— Opacity, непрозрачность.

— Borders, бордюр, тип, размер, цвет.

 

Layout

— Margin, края, граница полей, тип, размер.

— Padding, заполнение, набивка.

— Position, позиция.

— Absolute Position, абсолютная позиция.

— Width, ширина.

— Height, высота.

— Display, тип отображения.

— Float, плавающий элемент.

— Clear, свободный элемент.

— Visibility, видимость.

— Overflow, переполнение.

— Overflow X, переполнение X элемента.

— Overflow Y, переполнение Y элемента.

— Z-Index, Z индекс элемента.

 

Изменить сайт wordpress супер плагин CSS обновлено: Октябрь 13, 2016 автором: Илья Журавлёв
 
 

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

  • Алексей 30.08.2016 Ответить

    Большое спасибо за этот удивительный блог с кучей полезных материалов!
    Есть вопрос: на работе создал внутренний сайт. Разумеется фантазия разыгралась по увеличению функциональности, красивостям и т.д
    Сайт находится исключительно в локалке и не имеет доступа в Инет. Разумеется все плагины и другие вещи приходится ставить путём скачивания соответствующих файлов с Инета.
    Но знаком с мнением, что установка с не репозитория WP может грозить неприятностями в виде всякой хрени (извините).
    Можно ли подробней узнать по этой теме о страхах и рисках особенно при загрузке «бесплатно» изначально платного контента?
    Спасибо за блог, спасибо за внимание!

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

      Привет, нет никаких рисков, если качать плагины с официального сайта WordPress ! Только один минус обновления не доступны, а плагины и система постоянно обновляются !

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


3 + 2 =



super-infa-top
Стрелка вверх