Представляем виджет WordPress Image Rotator

WordPress

DK New Media этот плагин WordPress был на заднем плане в течение некоторого времени. Спрос на простой и качественный плагин ротатора изображений был высок не только для наших клиентов, но и для сообщества WordPress. Обнаруженные мной плагины, обещавшие делать то, что нам нужно, были либо сломаны, либо вообще не работали. Итак, мы сделали свой собственный.

Загрузите или установите виджет Image Rotator

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

Вращатель имеет три перехода: Linear, Loop и Fade. Линейный будет прокручивать изображения горизонтально по своему контейнеру. Как только линейный ротатор достигнет конца изображений, он отскочит назад и прокрутит в обратном направлении. Вращатели петель имеют круглую форму: когда достигается последнее изображение, первое изображение в списке появляется следующим, и цикл начинается заново. Fade приведет к постепенному появлению и исчезновению каждого изображения.

Однако эти переходы не были для нас самой большой проблемой. Это были настройки. Это было некрасиво, но на этот раз мы сделали что-то элегантное. Мы знали, что процесс добавления изображений в ротатор должен быть простым. Простая кнопка «+» вызовет диалоговое окно мультимедиа WordPress. Оттуда пользователи могут выбрать загрузку нового изображения или выбрать ранее загруженное изображение из своей медиа-библиотеки, как если бы они вставляли изображение в сообщение. После того, как изображение завершило загрузку или пользователь выбрал изображение, он должен нажать кнопку «Отправить в ротатор изображений». После того, как все желаемые изображения загружены, ими действительно легко управлять.

Виджет вращателя изображений

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

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

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

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

Загрузите или установите виджет Image Rotator

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

  1. 1

    Как работает изменение размера изображения? Я заметил, что в поле загрузки указано 200 × 200. Что делать, если мое изображение имеет другие пропорции?

    • 2

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

  2. 3

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

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

  3. 5
  4. 9
  5. 10

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

    Я добавил снимок экрана, и хотя он на голландском языке, вы должны увидеть, что кнопка «отправить изображение…» отсутствует. Буду очень признателен за вашу помощь.

    Благодаря,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Я могу только догадываться, что нам потребуется создать файл перевода. Можете ли вы сказать нам, что такое «отправить изображение в виджет ротатора» на голландском языке? Мы не планируем выпуск в ближайшее время, но постараемся это сделать.

      Дуг

      • 12

        Привет, Дуг,
        Большое спасибо за ваш быстрый ответ. Правильный перевод будет «invoegen in image rotator widget».
        Я очень надеюсь, что это сработает. С другой стороны, я был бы не против использовать «отправить изображение в виджет ротатора» на английском языке, если бы это решило проблему.

        Добрый,
        Хелен

      • 13

        Дуга,
        У меня работает несколько сайтов WP, поэтому я попробовал этот ротатор изображений в английской версии, и он отлично работает. Так что, думаю, вы правы, это связано с переводом. Было бы здорово, если бы в ближайшем будущем вы смогли где-нибудь собрать перевод. Если вам нужно, чтобы я перевел еще с английского на голландский, я буду рад помочь.
        Другой вопрос: есть ли способ щелкнуть картинку, чтобы она оставалась, чтобы люди могли прочитать добавленный мной текст? Или в петле сделать менее быстрым?

  6. 14

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

  7. 18

    Привет, я хотел бы изменить javascript для исчезновения изображения, чтобы одно изображение переходило в следующее, а не переходило в белый цвет между ними. Что мне для этого нужно изменить?

  8. 19
  9. 21
  10. 22

    Мне нравится этот плагин, и он мне очень нравится. У меня один вопрос: есть ли способ открыть ссылку в новом окне?

    • 23

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

      • 24

        Я пробовал то, что работало с другими плагинами, но безуспешно. Есть ли шанс сказать мне, где и как внести изменения?

        Спасибо,
        Дженет

    • 26
  11. 27

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

  12. 29

Как вы думаете?

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