Как загрузить изображения в WordPress? –

Существует известная пословица «картинка стоит тысячи слов», указывающая на то, что с помощью изображения можно легко передать сложные текстовые сообщения. Хотя каждое изображение, загруженное на ваш сайт, отправляет отдельный HTTP-запрос, оно по-прежнему является хорошим вариантом для объяснения пошаговых руководств, демонстрации фотографий, портфолио и т. д. Независимо от того, используете ли вы старый классический редактор или редактор блоков Gutenberg, существует несколько способы загрузки изображений на сайт WordPress.

Включение блоков, связанных с изображением

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

• Войдите на свой сайт и перейдите в раздел «Сообщения». Нажмите кнопку «Добавить новое», чтобы создать новое сообщение, или нажмите на любое существующее сообщение, чтобы его отредактировать.
• Находясь в редакторе Gutenberg, щелкните значок из трех вертикальных точек в правом верхнем углу.
• В меню выберите «Предпочтения», который является последним пунктом в списке.
• На панели «Настройки» перейдите в раздел «Блоки».
• Включите все блоки или перейдите в раздел «Медиа» и убедитесь, что все блоки выбраны.

Помните, если вы не выберете блок в «Настройки», он не будет доступен для вставки в редакторе.

1. Загрузите одно изображение, используя блок изображения.

Раньше я готовил статью в документе Word и копировал в редакторе Gutenberg. Преимущество здесь в том, что все изображения в статье будут создавать блоки изображений-заполнителей. После этого я могу легко загружать отдельные изображения, используя вставленные блоки изображений. Альтернативно вы можете ввести /изображение или щелкните значок +, чтобы найти и вставить блок изображения в свой контент.

Найдите и вставьте блок изображения

Блок предлагает три варианта — «Загрузить», «Медиатека» и «Вставить из URL».

Параметры загрузки изображений

• Нажмите кнопку «Загрузить», чтобы выбрать изображение со своего компьютера.
• Используйте опцию «Медиа-библиотека», чтобы открыть библиотеку изображений и выбрать изображение. Отсюда вы также можете перейти на вкладку «Загрузить файлы» и загрузить изображение.
• Если вы хотите встроить изображение с другого веб-сайта или скопировали URL-адрес изображения со своего сайта и хотите вставить его в сообщение, нажмите кнопку «Вставить из URL». Вставьте URL-адрес изображения и нажмите значок «Применить», чтобы вставить изображение.

Вставить изображение из URL

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

Настроить загруженное изображение

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

2. Медиа и текстовый блок

Как правило, вы можете использовать блок «Столбцы», чтобы расположить несколько блоков рядом. Однако вы можете использовать блок «Медиа и текст» для создания макета из двух столбцов, в котором изображение будет отображаться в одном столбце, а текст — в другом.

• Найдите и вставьте блок «Медиа и текст» в область содержимого.
• «Медиа-область» в блоке позволяет загрузить изображение с компьютера или из Медиа-библиотеки.
• В поле «Содержимое…» вы можете ввести любой текст.

Гутенберг Медиа и текстовый блок

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

3. Блок галереи

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

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

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

Параметры блока галереи в WordPress

Раздел «Медиа-библиотека», открытый из блока «Галерея», позволит вам выбрать несколько изображений. Вы можете просто нажать на изображение, чтобы выбрать его или отменить выбор, чтобы добавить его в галерею. После добавления изображений нажмите кнопку «Создать новую галерею».

Выберите несколько изображений для создания галереи

Вы попадете в раздел «Редактировать галерею» со всплывающим окном «Медиа-библиотека». Вы можете перетаскивать элементы, чтобы изменить их порядок и при необходимости добавить подписи.

Изменить порядок изображений в галерее

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

Галерея изображений в WordPress

4. Блок крышки

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

• Добавьте блок «Обложка», и блок позволит вставлять изображение с вашего компьютера или из «Медиа-библиотеки».

Добавить блок обложки в WordPress

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

Изображение обложки в WordPress

Узнайте больше о том, как настроить блок «Обложка» для создания красивых разделов.

5. Загрузите избранное изображение

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

• Находясь в редакторе Gutenberg, нажмите вкладку «Опубликовать» на правой боковой панели.
• Нажмите кнопку «Установить избранное изображение», которая отображается в разделе «Особенное изображение».
• Откроется медиатека и выберите оттуда изображение, чтобы установить его в качестве избранного.

Загрузить избранное изображение в публикацию WordPress

Узнайте больше о том, как использовать избранные изображения в WordPress.

6. Загрузить из медиатеки.

Вы можете задаться вопросом, в чем разница между опциями «Загрузить» и «Медиа-библиотека» в приведенных выше блоках. Хотя оба варианта позволяют загружать изображения с вашего компьютера, Медиатека покажет все ранее загруженные изображения для выбора. Таким образом, вы можете загружать массовые изображения из Медиа-библиотеки, даже не открывая редактор Gutenberg. Позже вы сможете вставить загруженные изображения в контент вашего сообщения из редактора.

• Перейдите в «Медиа > Библиотека» в панели администратора WordPress и нажмите кнопку «Добавить новый».

Добавить новый медиафайл в WordPress

• Нажмите кнопку «Выбрать файлы» и загрузите массовые изображения. Альтернативно, перетащите большие изображения для загрузки в библиотеку.

Загрузить файлы в медиатеку

Обратите внимание, что изображения, которые вы загружаете в редактор, будут автоматически прикреплены к этому сообщению. Однако изображения, загруженные непосредственно в Медиатеку, будут иметь статус «Неприкрепленные», даже если вы вставляете их в любой контент. Хотя с этим не возникнет никаких проблем, вы можете нажать ссылку «Прикрепить» и связать это изображение с любым существующим сообщением или страницей.

Прикрепленные и неприкрепленные изображения

Узнайте больше о страницах вложений в WordPress.

Чего нельзя и не следует делать?

Хотя загружать изображения и файлы на сайт WordPress легко, вы не можете/не должны делать несколько вещей:

• Не загружайте изображения с помощью FTP или файлового менеджера. Эти изображения не будут отображаться в вашей медиатеке, и у вас не будет возможности искать их при открытии медиатеки в редакторе сообщений. Хотя вы можете напрямую использовать URL-адрес изображения для вставки с помощью блока изображений, вы не сможете просмотреть его где-либо в панели администратора WordPress. Если вы уже загрузили изображения или перенесли сайт с одного хостинга на другую хостинговую компанию, прочтите статью о том, как сделать изображения FTP видимыми в медиатеке.
• WordPress по умолчанию не позволяет загружать изображения SVG и файлы JSON. Если они вам нужны, узнайте больше о том, как загружать изображения SVG в WordPress.

Заключительные слова

Вы можете использовать один из описанных выше методов для загрузки изображений на сайт WordPress. Изображения можно демонстрировать как отдельные элементы, обложки, галереи или в виде столбцов. Помимо этих опций, у вас есть множество сторонних плагинов для украшения изображений, создания слайдеров и портфолио. Если вы создаете публикацию для демонстрации изображений из галереи, обязательно выберите формат публикации «Галерея» на правой боковой панели («Публикация» > «Статус и видимость» > «Формат публикации»). WordPress также предложит вам выбрать формат публикации «Изображение» или «Галерея», если у вас есть только изображения или контент галереи.

Выберите формат публикации изображения или галереи