Как использовать медиатеку WordPress

Опубликовано: 2021-05-04

Если вы не планируете запускать веб-сайт, состоящий только из текста, вам придется обрабатывать множество мультимедийных файлов. Это могут быть изображения, видео, GIF-файлы, аудиофайлы и даже PDF-файлы. К счастью, WordPress позволяет вам управлять всеми этими ресурсами, используя встроенную медиа-библиотеку.

В этой статье мы объясним, что такое медиа-библиотека WordPress и где ее найти. Мы рассмотрим, какие форматы файлов он поддерживает и как загрузить эти файлы на ваш сайт. Наконец, мы обсудим правильное использование библиотеки мультимедиа и некоторые способы расширения ее функциональности по умолчанию с помощью плагинов.

Давайте приступим к делу!

Подпишитесь на наш канал Youtube

Что такое медиа-библиотека WordPress (и где ее найти)?

Библиотека мультимедиа WordPress - это репозиторий, в котором отображаются все файлы мультимедиа, которые вы загружаете на свой веб-сайт. Вы можете получить доступ к своей медиатеке, войдя в свою панель управления и выбрав Медиа> Библиотека в меню слева:

Медиа-библиотека WordPress

Этот раздел вашей панели инструментов позволяет вам искать среди загруженных вами медиафайлов. Вы также можете отсортировать содержимое по типам файлов и датам загрузки. Нажав на « Добавить новый» в верхней части экрана, вы сможете загружать новые медиафайлы со своего компьютера:

Загрузка новых медиафайлов в WordPress

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

Блок изображения WordPress

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

Как вы можете редактировать медиафайлы и добавлять метаданные в WordPress?

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

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

Если вы нажмете на любой файл в медиатеке WordPress, откроется новое окно, в котором вы сможете увидеть его детали. Это включает:

  1. Дата загрузки, кто его загрузил, а также имя, тип, размер и размеры файла.
  2. Возможность редактирования изображения
  3. Метаданные изображения

Окно сведений о вложении в WordPress

Если вы нажмете кнопку « Редактировать изображение» , вы получите доступ к набору основных параметров для изменения файлов изображений. Например, вы можете:

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

Редактирование изображения в WordPress

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

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

Добавление метаданных изображения

Если вы выйдете из редактора и вернетесь к основному экрану сведений о вложении, вы сможете редактировать некоторые метаданные файла, в том числе:

  1. Альтернативный текст (или «замещающий текст»). Это должно быть краткое описание изображения, которое поможет поисковым системам понять, что они «видят». Кроме того, если ваше изображение не загружается, посетители будут видеть замещающий текст.
  2. Заголовок. Атрибут заголовка изображения также важен для поисковой оптимизации (SEO), и он должен кратко объяснять, что такое изображение. Более того, некоторые браузеры отображают заголовок изображения, если навести на него курсор.
  3. Подпись. Это текст, который вы часто видите под изображением, который объясняет его контекст или включает сведения об авторстве.
  4. Описание. Описание изображения будет отображаться, если посетители получат доступ к URL-адресу файла или странице вложения. Вы можете использовать его, чтобы включить более подробную информацию о каждом изображении или добавить информацию об авторстве.

Вот как каждое из этих полей отображается в окне сведений о вложении каждого изображения:

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

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

Отключение страниц с прикрепленными изображениями

Мгновение назад мы упоминали страницы с прикрепленными изображениями. Это страницы, которые WordPress генерирует для каждого загружаемого вами изображения. Если вы посетите URL-адрес изображения, вы увидите такую ​​страницу, которая включает описание этого файла:

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

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

Какие типы медиафайлов поддерживает WordPress?

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

Вот полный список всех типов медиафайлов, которые поддерживает WordPress:

Изображений Документы Аудио видео
jpg pdf mp3 mp4
jpeg док m4a mov
PNG ppt ogg WMV
гифка odt wav avi
ico xls миль на галлон
psd OGV
3gp
3g2

Если вы попытаетесь загрузить на ваш сайт тип файла, который WordPress не поддерживает, вы увидите такое сообщение об ошибке:

Загрузка файла svg в WordPress

В этом примере мы попытались загрузить файл SVG - формат, который WordPress не поддерживает из коробки. Однако есть несколько способов справиться с ошибкой «Извините, этот тип файла не разрешен по соображениям безопасности». Для получения дополнительной информации ознакомьтесь с нашим полным руководством о том, как добавить поддержку дополнительных типов файлов в WordPress.

Если вы загружаете видео или аудио файлы, WordPress позволит вам воспроизвести их в Медиатеке, щелкнув по ним. Однако вы не получите доступа к функциям редактирования для этих типов мультимедиа:

Окно сведений о вложении видео в WordPress

Кроме того, функция предварительного просмотра не распространяется на типы файлов документов. Если вы загрузите PDF-файл (или другой аналогичный файл), вы увидите значок, только когда откроете окно сведений о вложении:

Окно сведений о вложении PDF-файла в WordPress

Точно так же вы не можете встраивать документы в свои страницы или сообщения WordPress, даже если это типы файлов, которые поддерживает WordPress. Например, если вы хотите добавить PDF-файл к сообщению, вам необходимо использовать блок File . Даже в этом случае WordPress будет показывать только заголовок файла рядом с кнопкой загрузки.

3 лучшие практики для управления медиа в WordPress

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

1. Добавьте описательные заголовки и замещающий текст к каждому медиафайлу.

Каждый медиафайл, который вы загружаете в WordPress, должен иметь описательный заголовок и альтернативный текст. Например, вместо загрузки файла с именем «12312414.png» перед загрузкой его нужно переименовать во что-то вроде «cat-picture.png».

Как только вы загрузите изображение, вы также можете добавить альтернативный текст:

Добавление изображения кошки в WordPress

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

2. Оптимизируйте изображения перед их загрузкой

Большинство современных веб-сайтов содержат несколько изображений на странице. Только в этом сообщении в блоге их более десяти, каждая с большим количеством деталей. Изображения с высоким разрешением выглядят фантастически, но они также могут замедлить работу вашего веб-сайта из-за размера файлов.

Как правило, мы рекомендуем вам сжимать изображения, чтобы оптимизировать их, прежде чем загружать их на свой веб-сайт. Есть два способа сделать это. Один из них использует сторонний сервис, такой как TinyPNG:

Домашняя страница TinyPNG

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

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

3. Используйте плагины для расширения функциональности медиабиблиотеки WordPress.

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

Некоторые аспекты медиабиблиотеки, которую вы можете расширить с помощью плагинов, включают:

  • Функция автоматического изменения размера. Эта функция означает, что вам не нужно вручную изменять размер изображений с высоким разрешением перед их загрузкой.
  • Система таксономии. По мере увеличения размера медиабиблиотеки перемещаться по ней и находить определенные файлы становится все труднее. Комплексная система таксономии (например, категории и теги) поможет решить эту проблему.
  • Возможность массового переименования медиафайлов. Если файлы, которые вы уже загрузили, не имеют описательных заголовков, вы можете заменить их сразу с помощью подходящего инструмента.

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

Заключение

Медиа-библиотека WordPress обманчиво проста, но содержит множество функций. Через библиотеку вы можете загружать изображения массово, находить определенные файлы среди сотен вариантов, просматривать медиафайлы в зависимости от того, когда они были загружены или их типа, редактировать изображения и т. Д.

Добавить и использовать медиафайлы в WordPress очень просто. Однако, если вы хотите максимально использовать возможности библиотеки мультимедиа и улучшить взаимодействие с пользователем, вот несколько советов, о которых следует помнить:

  1. Добавляйте описательные заголовки и замещающий текст к каждому медиафайлу.
  2. Оптимизируйте изображения перед их загрузкой.
  3. Используйте плагины для расширения функциональности медиабиблиотеки WordPress.

У вас есть вопросы о том, как использовать медиатеку WordPress? Давайте рассмотрим их в разделе комментариев ниже!

Лучшее изображение через kaisorn / shutterstock.com