Пропустить

Как добавить контуры на изображениях в WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Вы хотите добавить контуры на изображение сайта WordPress? Недавно один из наших подписчиков спросил нас, как проще всего добавить границы в WordPress.

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

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

Первый способ: использование плагина

Этот метод больше подходит для начинающих, которые не хотят использовать код HTML / CSS. Первое, что нужно сделать, это установить и активировать плагин WP Border Image доступны на WordPress.org.

Все, что вам нужно сейчас, это зайти в раздел " Настройки> Границы изображения WP » для просмотра настроек плагина.

Первый раздел плагина позволяет ориентироваться на изображения. Вы можете добавить границы для всех изображений в ваших блогах WordPress, установив флажок, нажав на поле " добавить границы для всех фотографий в блогах».

Кроме того, вы можете указать классы для добавления границ к определенным изображениям, указав их в текстовом поле " Добавить определенные классы здесь».

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

Не забудьте сохранить настройки, как только вы закончите.

Если вы выбрали отображение границ на всех изображениях статей своего блога, вы увидите изменения на всех изображениях ваших статей.

Как добавить класс картинки в WordPress

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

изображение

При нажатии на него откроется новое окно. В этом окне вы можете добавить пользовательский класс.

изображение

Вам нужно будет нажать на складную коробку « расширенные опции", Которая выведет два дополнительных текстовых поля. Это в коробке CSS-образ изображения Вы можете добавить класс изображения.

Второй метод: использование HTML и CSS кода

Добавление границ к изображениям с использованием HTML и CSS - быстрый метод. Есть много способов достижения ваших целей, я покажу вам каждый метод, и вы выберете тот, который вам подходит.

Как добавить границы в линии на WordPress

После отправки изображения в медиатеку необходимо переключиться в режим текстового редактора. Вы заметите HTML-код, соответствующий вашему изображению. Этот код будет похож на следующее:

код изображения

Затем вы добавляете код CSS в той же строке изображения. Этот код будет похож на следующий код:

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

картинка-кода 2

Вы заметите, что атрибут стиль Был добавлен в код. Вы можете использовать различные свойства CSS для настройки границы (Конечно, этот маневр зарезервирован для опытных пользователей).

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

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация