Прадстаўляем віджэт WordPress Image Rotator

WordPress

DK New Media ужо некаторы час утрымлівае гэты плагін WordPress на другі план. Попыт на просты, якасны убудова ротатара малюнкаў быў высокі не толькі для нашых кліентаў, але і для супольнасці WordPress. Убудовы, якія я знайшоў, якія абяцалі зрабіць тое, што нам трэба, альбо былі зламаныя, альбо не працавалі наогул. Такім чынам, мы зрабілі сваё.

Загрузіце або ўсталюйце віджэт Image Rotator

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

Ротатар пастаўляецца з трыма пераходамі: Linear, Loop і Fade. Лінейная будзе пракручваць выявы гарызантальна па кантэйнеры. Пасля таго, як лінейны круцёльнік дасягне канца малюнка, ён адскочыць і пракруціцца ў процілеглы бок. Кругавыя круцёлкі кругавыя: калі будзе дасягнута апошняе малюнак, першае малюнак у спісе з'явіцца наступным, і цыкл пачынаецца спачатку. Знікненне будзе знікаць з кожнай выявы і з кожнай выявы.

Гэтыя пераходы не былі для нас самай вялікай праблемай. Гэта былі налады. Гэта было непрыгожа, але на гэты раз мы зрабілі нешта элегантнае. Мы ведалі, што працэс дадання малюнкаў у круцёлку павінен быць простым. Звычайная кнопка "+" выкліча дыялог WordPress "Медыя". Адтуль карыстальнікі могуць выбраць загрузку новай выявы альбо выбраць раней загружаную выяву з медыябібліятэкі, як і ў выпадку ўстаўкі выявы ў пост. Пасля таго, як малюнак скончыць загрузку альбо карыстальнік выбраў малюнак, яны павінны націснуць кнопку "Адправіць у Image Rotator". Пасля загрузкі ўсіх патрэбных малюнкаў імі вельмі проста кіраваць.

Віджэт Rotator Image

Навядзенне курсора на імя малюнка адлюструе падказку, якая змяшчае малюнак. Мы не хацелі загрувашчваць налады віджэтаў, таму вырашылі, што загрузка ўсіх малюнкаў у кантэйнер налад не з'яўляецца магчымасцю. Наша рашэнне ўнесці выявы ў папярэдні прагляд азначылася ўдвая: карыстальнікам не трэба чакаць загрузкі малюнкаў, перш чым яны могуць рэдагаваць, змяняць парадак і г.д. і наш інтэрфейс быў чысты, што дазваляе лёгка сартаваць і выдаляць.

Сартаваць так проста, як націснуць пустое месца ў спісе малюнкаў і перацягнуць яго ў патрэбнае месца. Уявіце, наколькі гэта было б нестабільна, калі б мы загрузілі выявы (усе з рознымі прапорцыямі) прама ў кантэйнер налад.

Каб выдаліць выяву з віджэта, націсніце кнопку «-» побач з выявай, якую вы хочаце выдаліць. Майце на ўвазе, што вы павінны націснуць "Захаваць", інакш ні адно з гэтых змяненняў не адбудзецца.

Калі вы запусціце гэты убудова, пакіньце любыя каментарыі, памылкі і водгукі ў Форумы падтрымкі WordPress(мы сочым за імі) альбо звязацца з намі напрамую.

Загрузіце або ўсталюйце віджэт Image Rotator

29 Каментары

  1. 1
    • 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, калі ў вас ёсць пэўны досвед у гэтай распрацоўцы.

    • 26
  11. 27

    Дзякуй за выдатны убудова. Адно пытанне - ці ёсць магчымасць мець два асобнікі убудовы? Я хацеў бы выкарыстоўваць адзін набор малюнкаў у адным месцы, а другі набор малюнкаў у іншым.

  12. 29

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.