Представляємо WordPress Image Rotator Widget

WordPress

DK New Media вже деякий час має цей плагін WordPress на задньому плані. Попит на простий, якісний плагін для обертання зображень був високим не лише для наших клієнтів, але й для спільноти WordPress. Знайдені мною плагіни, які обіцяли зробити те, що нам потрібно, або були зламані, або взагалі не працювали. Тож ми зробили своє.

Завантажте або встановіть віджет Image Rotator

Перша версія була потворною і, отже, ніколи не додавалась до сховища плагінів WordPress. Естетика була не єдиною проблемою: на кожну сторінку можна було запустити лише одну мить, у двох різних місцях потрібно було налаштувати параметри, я вже згадував, що це негарно?

Ротатор постачається з трьома переходами: Linear, Loop і Fade. Linear буде прокручувати зображення горизонтально через контейнер. Як тільки лінійний обертач дійде до кінця зображень, він повернеться назад і прокрутить навпаки. Циклічні ротатори кругові: коли досягається останнє зображення, перше зображення у списку з'являється наступним, і цикл починається спочатку. Завдяки поступовому зникненню кожне зображення всередині і кожне зображення зникають.

Ці переходи не були для нас найбільшою проблемою. Це були налаштування. Це було потворно, але цього разу ми зробили щось елегантне. Ми знали, що процес додавання зображень до ротатора повинен бути простим. Проста кнопка "+" викликає діалогове вікно WordPress "Медіа". Звідти користувачі можуть вибрати завантажити нове зображення або вибрати раніше завантажене зображення зі своєї медіатеки, як це було б, якби вони вставляли зображення у публікацію. Після того, як зображення завершиться завантаження або користувач вибрав зображення, вони повинні натиснути кнопку «Надіслати в Image Rotator». Після завантаження всіх бажаних зображень ними дійсно легко керувати.

Віджет обертання зображення

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

Сортування настільки ж просто, як натискання порожнього місця в елементі списку зображень та перетягування його у потрібне місце. Уявіть, як би це було непостійно, якби ми завантажили зображення (усі з різними пропорціями) прямо в контейнер налаштувань.

Щоб видалити зображення з віджета, натисніть кнопку «-» поруч із зображенням, яке потрібно видалити. Майте на увазі, що ви повинні натиснути «Зберегти», інакше жодна з цих змін не відбудеться.

Якщо ви запускаєте цей плагін, залиште будь-які коментарі, помилки або відгуки в Форуми підтримки WordPress(ми їх відстежуємо) або зв’язавшись із нами безпосередньо.

Завантажте або встановіть віджет Image Rotator

29 Коментарі

  1. 1

    Як працює розмір зображення? Я помічаю, що у вікні завантаження написано 200 × 200. Що робити, якщо моє зображення має різні пропорції?

    • 2

      Я думаю, що це додало б занадто багато складності цьому плагіну. І це ніколи не буде виглядати правильно, тому що вони можуть бути неправильно відцентровані по горизонталі, можуть пікселювати і т. Д. Так само, як вам потрібно розмістити зображення відповідно до публікації, користувачеві тут слід правильно змінити розмір.

  2. 3

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

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

  3. 5
  4. 9
  5. 10

    Я б дуже хотів скористатися цим плагіном, але коли я завантажую зображення, я не отримую можливості "надіслати зображення у віджет ротатора", а лише звичайну "вставку для публікації".
    Я видалив і перевстановив плагін, але поки що не везе. Чи можете ви допомогти мені?

    Я додав скріншот, і хоч він голландською мовою, ви повинні бачити, що кнопка "надіслати зображення ..." відсутня. Буду дуже вдячний за вашу допомогу.

    Спасибі,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Я можу лише здогадуватися, що для цього нам потрібно буде створити файл перекладу. Чи можете ви сказати нам, що таке "відправити зображення у віджет ротатора" голландською мовою? Ми не плануємо випуск найближчим часом, але спробуємо це просунути.

      Doug

      • 12

        Привіт Дугу,
        Щиро дякую за Вашу швидку відповідь. Правильним перекладом буде "invoegen in widget rotator image".
        Я дуже сподіваюся, це спрацює. З іншого боку, я не заперечував би над тим, щоб використати англійською мовою відправку зображення на віджет ротатора, якщо це вирішить проблему.

        Найдобріший,
        Хелен

      • 13

        Дуг,
        У мене працює кілька сайтів WP, тому я спробував цей ротатор зображень в англійській версії, і він чудово працює. Отже, я думаю, ти маєш рацію, це має бути з перекладом. Було б чудово, якби ви найближчим часом змогли побудувати переклад десь найближчим часом. Якщо вам потрібно, щоб я переклав більше з англійської на голландську, я буду радий допомогти.
        Інше питання: чи є спосіб натиснути на зображення, щоб воно залишилось, щоб люди могли прочитати текст, який я додав? Або в циклі, зробити це менш швидко?

  6. 14
  7. 18

    Привіт, я хотів би змінити javascript для того, щоб зображення зникало, щоб одне зображення переходило в наступне, замість того, щоб переходити в біле між ними. Що мені для цього потрібно змінити?

  8. 19
  9. 21
  10. 22

    Я люблю плагін, і він дуже добре працює для мене. Моє запитання, чи є спосіб відкрити посилання в новому вікні?

    • 23

      На жаль, це не схоже на те, що сторінка завантаження медіа має таку функцію - ми просто використовуємо вбудований діалог WordPress. Однак ми можемо поглянути на те, щоб зробити це опцією на плагіні! З цього моменту це можливо зробити за допомогою jQuery, якщо у вас є певний досвід у цій розробці.

      • 24

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

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

    • 26
  11. 27

    Дякуємо за чудовий плагін. Одне питання - чи є можливість мати два екземпляри плагіна? Я хотів би використовувати один набір зображень в одному місці, а інший набір зображень в іншому.

  12. 29

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.