Руководства/Создание контента/Медиа/Стилизация изображения

Стилизация изображения

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

Применение стилей к изображению

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

  1. Войдите в консоль WordPress.com.
  2. Начните редактировать страницу, запись или шаблон, куда вы добавили изображение
  3. Щёлкните по изображению, которое хотите стилизовать.
  4. Откройте настройки боковой панели, щёлкнув по значку «Настройки» на верхней панели инструментов.

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

Выделен значок настроек в верхней части редактора WordPress.
Значок настроек в правом верхнем углу
  1. Щёлкните по значку вкладки «Стили» (выглядит как чёрно-белый круг).
Открыта боковая панель настроек блока «Изображение» и выделен значок «Стили».
  1. Настройте один из следующих стилей:
    • Стиль изображения. Выберите стиль по умолчанию или скруглённый. Скруглённое квадратное изображение приобретёт форму идеальной окружности, а прямоугольное станет овальным.
    • Фильтры. Сделайте изображение двухцветным, применив двухтоновый фильтр.
    • Размеры изображения. Добавьте пространство вокруг изображения, настроив параметр Размеры.
    • Граница и тень. Задайте границу, радиус и тень изображения с помощью настроек Граница и тень.

Как применить CSS к изображению

Вы можете создать класс CSS, чтобы настроить его внешний вид с помощью кода CSS.

  1. Войдите в консоль WordPress.com.
  2. Начните редактировать страницу, запись или шаблон, куда вы добавили изображение
  3. Щёлкните по изображению, которое хотите стилизовать.
  4. Откройте настройки боковой панели, щёлкнув по значку «Настройки» на верхней панели инструментов.

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

Выделен значок настроек в верхней части редактора WordPress.
Значок настроек в правом верхнем углу
  1. Откройте расширенные настройки в нижней части боковой панели.
  2. Добавьте или настройте дополнительные классы CSS.
  3. Сохраните изменения и просмотрите страницу, запись или шаблон, чтобы проверить применение CSS.

Сброс стилей изображения

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

  1. Щёлкните по изображению, которое нужно отредактировать.
  2. Откройте настройки боковой панели, щёлкнув по значку «Настройки» на верхней панели инструментов.
  3. Щёлкните по значку «Стили».
  4. Открывайте меню «Опции» рядом с каждым разделом стиля, нажимая на три точки () справа от заголовка раздела.
  5. Нажмите «Сброс» рядом с каждым параметром, который нужно сбросить. Или нажмите «Сбросить все», чтобы сбросить все настройки.
    • Если опции «Сброс» нет, никакие стили ранее не применялись и сбрасывать нечего.
Разделы отдельных стилей выделены стрелкой от настройки «Граница и тень» к опциям для сброса.
Copied to clipboard!