allow users to upload images

H || | 114 ave you ever wanted to allow users to upload images to your blog? You're in the right place! 

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

Кроме того, это легко сделать!

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

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

Why Allow Users to Upload Images to the Front End of Your Site? 

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

Но зачем пользователю отправлять свои собственные изображения?

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

Загрузить изображение профиля

В вашем блоге полно анонимных пользователей… если у вас нет опции изображения профиля!

Фотография профиля - отличный способ укрепить ваше онлайн-сообщество: пользователи могут узнавать других и самовыражаться.

Некоторые сайты, которые преуспевают с фотографиями профилей:

  • Сайты членства
  • Сайты отправки
  • Форумы

Например, Medium - это блог о членстве и представлении. Все участники могут отправлять свои статьи через Medium. Кроме того, они могут ставить лайки и делиться сообщениями других участников.

Внизу каждой статьи Medium находится имя автора и изображение профиля:

An example of a profile photo. This is a great way to allow users to upload images.

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

Отправка изображений в галерею

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

An example of submitting images to a photo gallery imgur

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

Как вы понимаете, Imgur привлекает к себе много внимания и участников. И даже если у вас нет такого сайта, как Imgur, есть и другие типы блогов, для которых фотогалерея будет полезна, например:

Или вы можете запустить фото кампания с раздачей подарков! For example, you could host a photo contest on your site, and whoever submits the best photo will win a prize.

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

Персонализировать отзывы

Если у вас есть интернет-магазин, то вы знаете, насколько важны отзывы. Письменные отзывы великолепны, но отзывы с изображениями еще лучше! Это позволяет потенциальным покупателям визуализировать ваш продукт.

Давайте взглянем на 100% Pure. Этот бренд косметики позволяет пользователям загружать изображения вместе со своими отзывами.

An example of testimonials with images

Итак, если покупатель, например, доволен своей помадой, он может загрузить свою фотографию в ней. Взгляните на эту счастливую покупательницу ниже:

Another example of a testimonial with uploaded images

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

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

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

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

  • Запустить свой сайт членства or submission blog
  • Создайте онлайн-сообщество
  • Повысьте скорость ваших обзоров продуктов

Итак, теперь вам может быть интересно, как мне разрешить пользователям загружать изображения на моем сайте?

Продолжайте читать, чтобы узнать!

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

Лучший способ разрешить пользователям загружать изображения в интерфейс вашего сайта с формой загрузки изображений.

Форма загрузки изображений - это онлайн-форма, которая запрашивает имя пользователя, адрес электронной почты и изображения для загрузки на ваш сайт. Самый простой способ создать его - использовать WPForms.

WPForms Product page. They allow users to upload images with an online form.

WPForms - это плагин для создания форм WordPress. Их инструмент перетаскивания позволяет легко создавать любые онлайн-формы, например:

  • Формы загрузки изображений
  • Формы опросов
  • Контактные формы
  • Формы рассылки
  • Регистрационные формы
  • Формы оплаты

… и многое другое!

Так что же еще делает WPForms лучшим плагином для загрузки изображений?

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

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

И, что лучше всего, вам не нужно знать какой-либо код, чтобы использовать WPForms!

Неудивительно, что со всеми этими функциями WPForms является лучшим плагином форм WordPress на рынке.

Перед тем, как начать, вам необходимо скачать, установить и активировать WPForms.

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

Все готово? Отлично, приступим!

1. Создание формы загрузки изображения

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

На панели инструментов WordPress перейдите к WPForms »Addons.

Click on WPForms then Addons to install an image upload form template

На странице дополнений вы должны увидеть строку поиска вверху справа - введите Форма пакет шаблонов. 

Search for forms template pack to find the image upload form

Когда вы нажимаете Install Addon, он меняет статус шаблона на активный.

Form templates pack addon

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

Add new form at WPForms to create an image upload form

WPForms направит вас на страницу своих шаблонов.

wpforms templates

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

Type in File Upload form to find the right WPForms template

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

What the image upload form will look like

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

2. Настройте форму загрузки изображения

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

Click on the file upload box to edit the image file form settings

Слева должен появиться список параметров поля.

Вперед, введите имя и опишите, что ваша форма о вашей форме под Ярлык и Описание || | 309 .

Если хотите, можете заполнить остальные поля. Вот что все они означают:

Разрешенные расширения файлов - Изображения имеют разные форматы файлов, например JPEG и PNG. Итак, здесь вы можете решить, какие форматы файлов принимает ваш блог.

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

Максимальный размер файла - У изображений есть не только формат файла, но и размер файла. Размер файла зависит от формата файла изображения. Например, изображения PNG имеют больший размер файла, чем изображения JPEG.

Для хорошего image SEO, мы рекомендуем заполнить эту опцию, потому что большие размеры файлов могут замедлить ваш блог.

Максимальное количество файлов - Другими словами, сколько изображений пользователь может загрузить одновременно?

Обязательно - Если вы посмотрите на форму загрузки файла, вы заметите красную звездочку (*), прикрепленную к имени и электронной почте.

An example of an asterick

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

После того, как вы заполнили эти настройки, нажмите Дополнительные параметры внизу.

Advanced options of the image file form

Вам не нужно заполнять дополнительные параметры, но можно настроить вашу форму. И это легко сделать. Начнем с Style.

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

A traditional file upload form

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

Далее идет Hide Label. Вы заметите, как поле загрузки файла называется Загрузка файла.

Showing the file upload label on top of the upload box

Когда вы установите флажок рядом с меткой скрытия, он будет удален.

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

И Классы CSS - это настройка для разработчиков, поэтому вы можете оставить это поле пустым.

Готово! Теперь мы можем перейти к общим настройкам вашей файловой формы.

3. Изменение общих настроек формы загрузки изображения

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

Вы можете найти общие Настройки на левой панели инструментов.

The general settings of the image upload form

Для начала измените свое Имя формы и Описание формы.

The general settings of the image upload form.

Далее идет Текст кнопки отправки. Если вы не хотите, чтобы на кнопке формы отображалось «Отправить», вы можете изменить его на что-то другое, например:

  • Launch
  • Share || | 394
  • Apply
  • Отправить
  • Начать работу

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

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

И последнее. ваш настройки спама.

The spam settings for allowing users to upload images

Вы заметите, что для вас автоматически выбирается Включить приманку для защиты от спама… но что это означает?

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

I am not a robot reCaptcha form

Этот параметр reCAPTCHA позволяет избежать спама, но не удобен для пользователя. Что, если бы существовал способ избежать спама без видимой формы reCAPTCHA?

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

И ваши настройки загрузки файла изображения готовы ... переходите на страницу подтверждения!

4. Персонализируйте страницу подтверждения

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

Click on confirmations to edit your image upload form confirmation page

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

Confirmation types include message, show page and go to URL (redirect)

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

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

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

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

The standard confirmation box in WPForms.

Хмм… это подтверждающее сообщение хорошее, но в нем нет ничего особенного. Так почему бы не добавить призыв к действию, чтобы оживить ситуацию?

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

What an optimized confirmation message looks like after a user uploads images

Когда вы закончите, нажмите Save в правом верхнем углу. Затем нажмите X, чтобы выйти из настроек формы загрузки изображений.

Save changes and exit out of the image upload form settings

И вы готовы к публикации!

5. Опубликуйте форму загрузки изображения в WordPress

Опубликовать форму загрузки изображения очень просто. На панели управления нажмите Страница »Добавить новый.

To publish the image upload form, click Pages then Add new

На своей странице нажмите (+), а затем найдите виджет WPForms.

Click on the widget WPForms to load the form

Когда вы нажимаете на виджет WPForms, появляется список форм. Идите вперед и выберите форму загрузки изображения.

Choose the right image upload form on the wordpress page

Теперь вы можете просмотреть свою форму на странице.

What your image upload form will look like on a WordPress page

Мы рекомендуем предварительно просмотреть форму перед публикацией. Вы можете найти кнопку Preview в правом верхнем углу страницы.

Click on preview to see what your image form will look like

Хорошо выглядеть? Большой! Теперь вы можете нажать Опубликовать, и все готово.

6. Просмотр загруженных изображений

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

Чтобы просмотреть файлы, перейдите к WPForms »Записи.

Click on entries in WPForms to view your uploaded images

На странице записей прокрутите вниз до Имена форм и щелкните форму загрузки изображения.

Click on the right WPForm to view uploaded images

Теперь вы можете просмотреть список всех пользователей, заполнивших вашу форму. Если вы хотите увидеть их фото, нажмите Просмотр.

WPForms entry page, you can view a list of uploaded images

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

You can view each image that a user uploads on your wordpress site

Вот и все!

Теперь пользователи могут загружать изображения в ваш блог. Посетителям вашего сайта понравится эта новая функция. Кроме того, теперь вам не нужно загружать все эти изображения самостоятельно!

Некоторые другие руководства, которые вы, возможно, захотите проверить: как отобразить канал хэштега Instagram в WordPress и easy способы привлечь читателей к вашему блогу.

А если вы хотите еще больше полезных советов, подпишитесь на нашу рассылку!

LinkedIn Поделиться 1

0 Comments

Присоединяйтесь. Комментарии закрываются через 30 дней.

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

Мы рады, что вы решили оставить комментарий. Имейте в виду, что все комментарии модерируются в соответствии с нашей политикой конфиденциальностиprivacy policy, и все ссылки являются nofollow. НЕ используйте ключевые слова в поле имени. Давайте проведем личный и содержательный разговор.

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

BlogTyrant on Tablet and Mobile
Бесплатное руководство по электронной книге
Ultimate Blogging Toolkit + Bonus

Присоединяйтесь к нашим 30 000+ подписчикам по электронной почте для получения обновлений блога и получите мгновенный доступ к руководству из 10 000 слов о том, как создать блог и построить устойчивый бизнес, используя исследование ключевых слов, трафик Google и множество проверенных стратегий. Позвольте нам помочь вам создать блог, чтобы поддержать доход вашей семьи и помочь сообществу, пока вы это делаете!