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

Как использовать медиа-библиотеку WordPress и добавлять изображения

Как видно из самого названия CMS, WordPress уделяет большое внимание написанному слову. Есть множество возможностей и настроек, когда дело касается написания. И так получается, что медиафайлы могли быть чем-то игнорируемым на Вашем сайте. Но недаром говорят: «картинка стоит тысячи слов».

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

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

Что такое Библиотека Медиафайлов WordPress

Библиотека Медиафайлов WordPress (WordPress Media Library) — это виртуальный репозиторий всех медиафайлов (изображений, видео, аудио и других документов), которые Вы можете использовать на своем сайте. Он позволяет загружать и управлять мультимедийными файлами, вставлять их в посты и страницы и даже быстро редактировать на ходу. Хотя Вы можете работать с разными типами файлов, мы сосредоточимся на изображениях (картинках).

Загрузить изображения, видео и другие файлы

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

Чтобы загрузить новые изображения непосредственно в Библиотеку Медиафайлов WordPress, выполните следующие действия:

Перейдите к Медиафайлы (Media) -> Добавить новый (Add New)

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

 

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

Выбрать файлы для загрузки в медиа-библиотеку WordPress

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

Медиафайлы загруженные в медиа-библиотеку WordPress

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

Библиотека медиафайлов

Библиотека файлов

После загрузки хотя бы одного файла, в библиотеке медиафайлов WordPress произойдут изменения. Чтобы открыть ее, перейдите к Медиафайлы (Media) -> Библиотека (Library).

На этой новой странице будет показан список всех медиафайлов, которые Вы загрузили в WordPress. Файлы можно отобразить в виде списка или сетки. Если Вы хотите отфильтровать определенные типы файлов, выберите только изображения, видео, аудио или неприкрепленные файлы (файлы, которые не принадлежат ни одному посту или странице). Вы также можете отображать изображения с определенных месяцев или лет. Если захотите удалить больше одного изображения сразу, нажмите кнопку «Множественный выбор (Bulk select)», выберите изображения и нажмите кнопку «Удалить выбранные (Delete Selected)».

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

Загружайте и вставляйте изображения прямо в свой пост

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

Нажав кнопку «Добавить медиафайл (Add Media)» в верхней части экрана редактирования записей, появится новое всплывающее окно. В принципе, это и есть Библиотека Медиафайлов WordPress — вы можете загружать файлы прямо с компьютера или выбирать изображения, уже загруженные в библиотеку.

  1. Поместите курсор в статью туда, где Вы хотите, чтобы отображалось изображение
  2. Нажмите кнопку «Добавить медиафайл» в верхней части экрана
  3. Загрузите или выберите изображение со вкладки Библиотека файлов (Media Library)
  4. В случае необходимости отредактируйте изображение и его параметры
  5. Нажмите кнопку «Вставить в запись (Insert into post)»

Хотя экран библиотеки выглядит примерно так же, как тот, который Вы открываете через меню администратора WordPress, можно заметить, что в левой стороне есть несколько дополнительных ссылок. Помимо вставки изображений, Вы можете создать галерею, выбрать главное изображение для этой записи или вставить изображение из URL.

Создать галерею (Create a gallery)

Вид галереи изображений в визуальном редакторе

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

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

Изображение записи (Featured image)

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

Вставить с сайта (Insert from URL)

Если имеется изображение, расположенное на другом сервере, и Вы не можете или не хотите его загружать его на свой сайт WordPress, то можно вставить его из URL. Вам понадобится абсолютный путь (полный адрес ссылки) к этому изображению. Например, https://wordpress3.ru/wp-content/uploads/2018/01/Biblioteka-faylov.png.

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

Прежде чем добавлять изображения из URL-адреса, убедитесь, что у Вас есть разрешение на это. Многие фотографии защищены авторским правом, и использование их без разрешения будет означать, что Вы крадете это изображение.

Различные размеры изображений

Когда Вы пытаетесь добавить изображения к посту или странице, то заметите, что WordPress позволяет Вам выбирать его размеры. По умолчанию WordPress создает три дополнительных размера наряду с оригиналом. Таким образом, даже если Вы загружаете HD-изображение, WordPress автоматически сделает его доступным в этих трех разрешениях, если вы используете, например, тему Twenty Seventeen:

  • Миниатюра — 150 × 150 пикселей
  • Средний — 300 × 188 пикселей
  • Большой — 525 × 328 пикселей

Обратите внимание, что эти размеры могут зависеть от используемой Вами темы. Кроме того, Вы можете выбрать свои собственные размеры, если перейдете в Настройки (Settings) -> Медиафайлы (Media) из меню панели инструментов WordPress.

Как редактировать параметры изображения

Редактирование параметров медиафайла

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

  1. Выберите любое изображение из библиотеки
  2. Появится всплывающее окно и покажет сведения об этом изображении
  3. Справа Вы найдете информацию, такую ​​как имя файла, тип файла, дата загрузки, размер файла в байтах и размерность в пикселях
  4. Ниже Вы можете увидеть URL вашего изображения
  5. Чтобы отредактировать изображение, измените его заголовок, подпись, атрибут alt (показывается тем пользователям, которые не могут открыть фотографию) и описание
  6. Как раз под полем описания Вы можете увидеть, какой пользователь загрузил этот конкретный мультимедийный файл
  7. Чтобы отредактировать другую информацию, нажмите ссылку «Изменить другие детали (Edit more details)» внизу

Как отредактировать изображение

Редактирование медиафайла и его параметров

Разработчики WordPress были достаточно любезны, чтобы представить функцию, позволяющую Вам изменять изображения, которые уже загружены в библиотеку медиафайлов WordPress. Чтобы сделать что-то дополнительное на картинке, просто выберите ее в списке медиа-библиотеки и нажмите кнопку «Редактировать (Edit Image)» под ней.

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

Поворот

Чтобы повернуть выбранное изображение, нажмите кнопку, чтобы повернуть его влево или вправо.

Масштабирование

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

В WordPress Вы можете только уменьшать масштаб изображения

Обрезка

Чтобы обрезать изображение, нажмите на него, и переместите курсор, чтобы сделать свой выбор. Удерживая клавишу Shift во время выбора, Вы сможете сохранить соотношение сторон. Если захотите изменить его, смените соотношение сторон на правой стороне экрана. Например, используйте соотношение 1:1, чтобы сделать квадратную селекцию, или измените его на 4:3, 16:9 или на что-нибудь еще, как захотите. После того, как сделаете свой выбор, можно быстро его подстроить, выбрав размер в пикселях. Минимальный размер диапазона — это размер миниатюры, заданный в настройках медиафайла.

Применить изменения

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

Страницы вложения

Страница вложения медиафайла WordPress

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

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

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

Изображения — это увлекательно

Работа с изображениями и другими мультимедийными файлами в WordPress — это увлекательно. Но прежде, чем это станет таковым, Вы должны научиться ориентироваться в Библиотеке Медиафайлов WordPress. Мы надеемся, что эта статья поможет в этом, и теперь Вы знаете, как добавлять новые изображения, редактировать их и вставлять в посты, показывать галереи и страницы вложений.

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