Все для начинающих интернет-предпринимателей

Добавляем подпись к изображениям в WordPress

podpis-izobrachenia

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

WordPress имеет встроенную функцию, которая позволяет добавлять подписи к изображениям. Так что можно обойтись без плагина, но, если вы обновились до WordPress 5.0, у вас появится новый редактор Гутенберг, с которым многие не умеют работать.

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

Добавление подписи к изображениям в WordPress с помощью редактора Гутенберг

Первое, что вам нужно сделать, это загрузить изображение. На экране редактирования сообщения нажмите значок «Добавить блок» и выберите блок «Изображение».

podpis-1

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

podpis-2

Как только вы добавите рисунок, он появится внутри редактора с текстовым полем с надписью «Напишите подпись…» под ним. Вот где вы можете добавить подпись для вашего изображения.

podpis-3

Добавить подписи к галерее изображений

Редактор WordPress также поставляется с блоком «Галерея», позволяющим загружать несколько изображений и отображать их в виде сетки со строками и столбцами. Давайте посмотрим, как добавить подписи к изображениям в блоке галереи WP.

Чтобы создать галерею, перейдите на свою страницу или откройте экран редактирования. Затем щелкните значок «Добавить блок» и выберите блок «Галерея» на вкладке «Основные блоки».

podpis-4

Далее вы увидите блок «Галерея», добавленный к вашей странице / области публикации. Теперь можете загружать изображения одно за другим со своего компьютера или выбирать предварительно загруженные рисунки из  медиатеки.

podpis-5

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

Когда изображение загружено, просто нажмите на изображение, и появится поле «Написать подпись…». Вы можете добавить подпись, нажав на нее.

podpis-6

Если вы выбрали предварительно добавленные изображения из библиотеки, вы можете добавить подпись к ним в разделе метаданных справа.

podpis-7

Добавление подписей к изображениям в медиатеке WordPress

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

Итак, идем в «библиотеку файлов» — «Добавить новую». Отсюда вы можете загрузить изображение с помощью перетаскивания или выбрав его на своем компьютере.

podpis-8

Когда закончите, вы увидите загруженный рисунок под полем «Загрузить новый медиафайл». Вам нужно нажать на ссылку «Изменить».

podpis-9

Далее откроется страница редактирования мультимедиа в новой вкладке. Экран редактирования мультимедиа похож на экран редактирования поста.

Это потому, что WordPress рассматривает вложение (например, изображение) как тип публикации по умолчанию.

Это позволяет хранить метаданные изображения, такие как заголовок, описание и заголовок, в базе данных WP.

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

podpis-10

Как только вы добавите необходимую информацию, вы можете обновить свой рисунок. Эти метаданные теперь будут сохранены в вашей библиотеке файлов.

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

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

podpis-11

Использование классического редактора

Загружаем рисунок, нажав на кнопку «Добавить медиафайл» во время работы над сообщением или страницей. После завершения загрузки изображения в правой части окна под заголовком можно добавить подпись.

podpis-12

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

Как изменить внешний вид подписи WordPress 

Если вы хотите изменить внешний вид подписи, то для этого существует популярный бесплатный плагин под названием Image Caption Hover, который позволяет отображать подписи к изображениям с помощью более 200 различных CSS3-эффектов при наведении курсора.

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

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

podpis-13

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

Ну вот и все, как видите ничего сложного здесь нет. Все легко и просто. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!



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

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