Руководства/Стили/Настройки рамки и тени

Настройки рамки и тени

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

Доступ к настройкам рамок и теней

Настройки рамок и теней могут быть применены ко всему сайту, отдельным его элементам или к одному блоку контента. Опция применения рамок и теней отображается только в блоках, в которых можно создавать рамки.

Чтобы изменить настройки стиля всего сайта, выполните следующие действия:

  1. Откройте консоль вашего сайта.
  2. Перейдите в раздел Внешний вид → Редактор.
  3. Выберите Стили в меню слева.

Подробнее о редактировании стилей сайта.

Чтобы изменить настройки стиля отдельного блока, выполните следующие действия:

  1. Откройте консоль вашего сайта.
  2. Перейдите к странице, записи или шаблону, которые нужно отредактировать.
  3. Выберите блок, к которому требуется применить стиль.
  4. Найдите боковую панель настроек блока.

Как правило, настройки стиля находятся на боковой панели настроек блока. Иногда стили размещаются на отдельной вкладке, обозначенной чёрно-белым кружком.

Боковая панель настроек блока со стрелкой к опции «Стили».
Стрелка от значка «Стили» в настройках блока к разделу «Рамка и тень».
Пример настройки рамок и теней в блоке «Изображение»

Просмотр всех настроек

Настройте внешний вид текста блока с помощью следующих параметров.

Если вы не можете найти настройку, щёлкните три точки или значок «+» справа от надписи Рамка и тень (как показано справа). Там можно выбрать нужную настройку:

  • Рамка
  • Радиус
  • Тень
Стрелка от меню с тремя точками «Рамка и тень» к настройкам параметра «Рамка и тень».

Как создать рамку

Параметр Рамка позволяет создать линию, обрамляющую блок. Можно выбрать толщину, цвет и радиус рамки.

Чтобы добавить рамку к блоку, выполните следующие действия:

  1. Выберите нужный блок и откройте его настройки на боковой панели.
  2. На боковой панели найдите раздел Рамка и тень.
  3. Введите точное значение или перетащите ползунок, чтобы нарисовать рамку.
  4. Можно также изменить цвет рамки, нажав на кружок слева от поля «Размер». Выберите цвет темы, цвет по умолчанию или настройте свой с помощью средства выбора цвета.

По умолчанию значения границы указываются в пикселях. Чтобы выбрать другую единицу (%, em, rem, vw или vh), нажмите «px» рядом с полем. Подробнее о различных единицах измерения.

Video showing how to add a border to an image block.

Настройка радиуса рамки

Параметр Радиус скругляет рамку блока. Если значение радиуса равно 0, рамка будет прямоугольной, если 100 — закруглённой, как показано ниже.

Блок «Изображение» с закруглённой рамкой.
Блок Изображение с закруглёнными границами

Расширенные настройки рамки

К настройке рамки и радиуса можно подойти творчески. С помощью параметра «Разделить стороны» можно задать рамку и радиус отдельно для каждой стороны блока.

Значок разделения сторон в рамке, с текстовой подсказкой «Разделить стороны».

Чтобы задать рамку или радиус отдельно для каждой из сторон, выполните следующие действия:

  1. Щёлкните значок «Разделить стороны» справа от значка Рамка или Радиус.
  2. Задайте размеры для каждой стороны по отдельности.

Можно также задавать различные цвета и стили рамки при помощи кнопки Выбор цвета и стиля рамки.

Параметры рамки и радиуса
Образец произвольной рамки и радиуса для создания уникального эффекта

Добавление теней

Опция Тень, которая имеется в некоторых блоках, в том числе в блоках Кнопка, Изображение и Колонки, помогает создать эффект отбрасываемой тени.

Открыт раздел «Тень», стрелка указывает на параметры тени.
Образец кнопки с применённой тенью в блоке «Кнопки».

Выберите один из следующих эффектов тени:

  • Естественная
  • Глубокая
  • Резкая
  • Контурная
  • Угловатая

Настройка параметров тени

Можно настроить эффекты тени по умолчанию или создать собственные в редакторе стилей.

  1. Откройте консоль вашего сайта.
  2. Перейдите в раздел Внешний вид → Редактор.
  3. Выберите «Стили» в меню слева.
    • В редакторе также можно выбрать значок «Стили» в правом верхнем углу — кнопка выглядит как чёрно-белый круг.
  4. Щёлкните опцию «Тени».
  5. Щёлкните название тени, которую хотите настроить. Чтобы создать новую произвольную тень, щёлкните значок «+» рядом с заголовком «Пользовательская», а затем — название новой тени.
  6. В настройках тени отобразится предварительный просмотр и под ним — название тени. Щёлкните название тени, чтобы настроить следующие параметры:
    • Цвет: выберите цвет тени с помощью инструмента «Выбор цвета».
    • Внутрь или наружу: выберите, будет тень отображаться внутри или снаружи элемента.
    • Положение по осям X и Y: отрегулируйте расстояние от объекта, на которое должна отбрасываться тень.
    • Размытие: насколько размытой должна быть тень.
    • Расширение: насколько велика должна быть тень.
  7. Когда всё будет готово, нажмите кнопку «Сохранить».

Сброс настроек рамки и тени

Можно сбросить настройки рамок и теней блока и начать заново. Чтобы сбросить стили, выполните следующие действия:

  1. Нажмите Параметры рамки и тени (три вертикальные точки справа от заголовка раздела).
  2. Снимите флажок с определённого параметра, который вы хотите сбросить, или нажмите «Сбросить все», чтобы сбросить все настройки.

Если опция сброса не отображается, настройки не изменялись.

Стрелка от значка «Настройки рамки» к отдельным параметрам, обведённым по контуру, и настройке «Сбросить все».
Copied to clipboard!