vash-web.ru

Веб-разработка, WordPress, мобильные устройства...


vash-web.ru

Сделать фотоконкурс с голосованием на WordPress — часть первая

Как сделать фотоконкурс с голосованием на сайте с WordPress? Часть первая — установка и настройка Ads-WordPress

Вступление:

Я поделюсь своим приобретенным опытом по этому вопросу. Такой фотоконкурс не лишен изъянов, но дает возможность посетителям не заморачиваясь с регистрацией буквально в течении нескольких минут отправить фотографию на конкурс. Для начала потребуется установить три плагина — Ads-WordPress, NextGEN Gallery и NextGEN Gallery Voting. С плагином Ads-WordPress будет организована загрузка фотографий без регистрации. NextGEN Gallery поможет создать галерею фотоконкурса, а NextGEN Gallery Voting даст возможность организовать голосование.

photokonkurs_03

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

1. Фотоконкурс – Моё лучшее фото

Моё лучшее фото

Фотоконкурс – А я поймал вот такую рыбу

А я поймал вот такую рыбу…

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

Примечание: для последующей идентификации автора при загрузке фото автоматически генерируется ID: хххх и Пароль: ****8kzm; при помощи которых доступна функция редактирования отправленной фотографии.

Установка и настройка Ads-WordPress.

Ads-WordPress для WordPress 4.0 можно скачать с официального сайта по следующей ссылке — Ads-WordPress_4. Установка через FTP-протокол или через загрузку zip-файла с компьютера. Плагин активируется и надо зайти в его Настройки, которые устанавливаются по вашему усмотрению. А я лишь привожу свои в виде скриншотов.

photokonkurs_04

Обращается внимание на раздел Рублики. Предварительно создается рублика специально для фотоконкурса и ее ID: записывается в соответствующее окно.

photokonkurs_05

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

photokonkurs_06

После всех изменений нажать — Update options. Далее надо создать новую страницу для загрузки фотографий. Я назвал  — Добавить фотографию. В самом начале кратко описал порядок загрузки и некоторые параметры и требования к загружаемым снимкам. И добавил такой код — [AdsForm].

photokonkurs_07

При визуальном просмотре предстает примерно такой результат.

photokonkurs_08

Единственное — я убрал несколько лишних полей (в моем случае), отредактировав в редакторе плагина Ads-WordPress файл ads-wordpress/template/form_default_template.php , убрав ненужные строки. Делать это надо крайне внимательно и осторожно.

photokonkurs_09

Основная настройка плагина завершена. Далее загружаемые фотографии будут отображаться в записях (или страницах — все зависит от настроек), а хранится в папке \wp-content\uploads.

На этом пока с плагином Ads-WordPress закончено и переходим к установке и настройке плагинов — NextGEN Gallery и NextGEN Gallery Voting.

Продолжение следует…




6 комментариев

  • Владимир сказал-(а):

    Способ конечно громоздкий немного. Но он хорош тогда, когда есть альтернатива (что-то вроде соц сети, где можно фотки оставить, либо сервисы отправки файлов, где нужно проделать немного меньше действий). А пользователь сам выберет способ отправки фото на конкурс

    Ответить
    • Валера Привалов admin

      Так сделано для того чтобы можно было любому желающему (да и по иному на сайте вордпресс фотоконкурс просто не организовать) послать фото на конкурс без регистрации… и доступ возможен в будущем к своему фото для предоставления на него прав по итогам конкурсм (только надо сохранить данные полученные при отправке фотографии)…

      Ответить
  • Александр сказал-(а):

    Валера, очень здорово все описал НО! Такую масштабную работу, которую нужно проделать для того чтобы принять участие в фотоконкурсе, не каждый пользователь готов проделать. Просто лень. Нужно как то упростить организацию и участие в фотоконкурсе. Я не сколички не оспариваю твою работу как web-инженера. Все здорово. НО действий должно быть минимум.
    с компа:
    фотография-загрузка-отправка
    с мобильного:
    QR-код-сканер-фотография-загрузка-отправка.
    Очень хочется чтобы все было сведено в минимум.
    Не прошло и минуты, а я уже в конкурсе участвую. Вот это другое дело.

    Ответить
    • Валера Привалов admin

      Я тоже за то что бы у желающего поучаствовать в фотоконкурсе как можно быстрее была возможность отправить фото, но на данный момент без регистрации для WordPress нашёл только такой выход… кстати не так уж и сложно отправить фото в моём варианте (если с компьютера)… сложности есть в обработке для размещения в галерее… :)

      Ответить
  • Век сказал-(а):

    Не ведитесь на эту статью. плагин Ads-wordpress какойто студент писал — пол дня промучился, в итоге с помощью User Submitted Posts реализовал

    Ответить
    • Валера Привалов admin

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

      Ответить

Поделиться мнением








Ввод в сообщение текстовых символов смайлов (типа - :-) и :-P ) автоматически преобразовываются в картинки (перед вставкой должен быть пробел - можно скопировать и вставить)...
ПРИМЕРЫ:

:-) улыбающийся :-D громко смеющийся :-))) смеющийся :-( Озадаченность или недовольство
:-|| Сердитый, разгневанный ;-) подмигивающий :-P показывающий язык :clap: браво, хлопать в ладоши
:arrow: Биться головой в стенку...

В комментариях вы можете использовать эти HTML Теги и атрибуты к вашему комментарию:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>