Как использовать изображения Unsplash в WordPress одним щелчком мыши

Unsplash - одно из лучших мест в Интернете, где можно бесплатно получить изображения для своих проектов. Они не требуют указания авторства, они высокого качества, новые изображения добавляются каждый день, их легко искать, и вы можете найти фотографии практически на любую тему, которую только можете себе представить.

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

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

Теперь я нашел способ сократить этот процесс. Теперь это выглядит так: выберите Unsplash в WordPress, выполните поиск или прокрутите, и выберите изображения, которые я хочу. Размер изображений автоматически изменяется и помещается в мою папку мультимедиа WordPress, где я могу использовать их в своих проектах, или они автоматически помещаются в мой контент. Это означает, что теперь я могу использовать изображения Unsplash в WordPress одним щелчком мыши. Без скачивания. Без изменения размера.

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

Мгновенные изображения - загрузка Unsplash в один клик

Решение - это бесплатный плагин в хранилище WordPress под названием Instant Images. Вы можете скачать его из хранилища или найти в меню плагинов WordPress.

После его активации в меню «Мультимедиа» добавляется новый пункт под названием « Мгновенные изображения» . Здесь вы можете настроить параметры, просмотреть новые, популярные или старые фотографии или выполнить поиск фотографий. Изображения загружаются с помощью AJAX, поэтому новые изображения отображаются, пока вы прокручиваете их (что может вызвать привыкание, но это уже другая проблема). Меню в нижней части экрана содержит ссылки для подключения, оставления отзыва или просмотра часто задаваемых вопросов.

Плагин предоставляет два способа добавления изображений Unsplash в WordPress:

• На вкладке «Медиа» - работает как с текущим редактором, так и с Гутенбергом.
• Внутри страницы или сообщения - это работает с текущим редактором и с конструкторами страниц, которые используют текущий редактор WordPress.

Настройки мгновенных изображений

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

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

Установка разрешений сервера

Скорее всего, вы сможете без проблем загружать изображения. Я пробовал две разные установки. У первого не было проблем, а второй не загружал изображения. Проблема заключалась в настройках разрешений для моего сервера. Разрешения были установлены на 341. Необходимо как минимум установить 755. Если вы используете cPanel, перейдите в папку мгновенных изображений в папке wp-content / uploads на вашем сервере и нажмите « Разрешения» . Ваш может отличаться от этого.

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

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

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

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

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

Щелчок по изображению автоматически импортирует его в медиатеку.

После импорта изображения вы получите сообщение об изменении размера изображения.

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

После изменения размера и добавления в медиатеку вы увидите значок зеленой галочки.

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

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

Добавление изображений непосредственно в сообщения и страницы

Если вы уже добавили изображения в свою медиатеку, вы можете использовать их как обычно. Если вы еще не добавили их, вам не нужно сначала добавлять их в медиатеку. В редактор WordPress добавлена ​​новая кнопка под названием « Мгновенные изображения» . Он находится рядом с кнопкой « Добавить медиа» .

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

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

Изображение будет добавлено в сообщение так же, как если бы вы выбрали его из своей медиатеки.

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

Это не плагин Divi, но кнопка Instant Images также доступна для любого модуля Divi, который использует редактор WordPress.

Однако вкладка «Мгновенные изображения» не добавляется во внешний интерфейс. Конечно, вы по-прежнему можете использовать любые изображения, которые вы добавили в медиатеку, в том числе те, которые вы добавили с помощью Instant Images.

Лицензия Unsplash Images

Фотографии с Unsplash идеально подходят для ваших проектов из-за их лицензии. Все фотографии на Unsplash можно использовать бесплатно как в коммерческих, так и в некоммерческих целях. Вам не нужно разрешение, и вам не нужно предоставлять кредит Unsplash или фотографу.

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

Конечные мысли

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

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

Ждем вашего ответа. Вы пробовали «Мгновенные изображения» - загрузка Unsplash в один клик? Дайте нам знать, что вы думаете об этом, в комментариях ниже.

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