Използване на скрипта за избор на цвят на Iris в WordPress
От версия 3.5. в WordPress скриптът за избор на цвят е променен от Farbtastic на Iris (Iris). Особеността на този скрипт е, че той използва CSS3 градиенти в своя код, така че палитрата, наред с други предимства, е перфектно показана на екрани HiDPI (Retina). В тази публикация ще ви покажа как да включите и използвате родния скрипт на WordPress, за да изберете цвета на администраторския панел при създаване на приставки и на страници на сайта (front-end). Това не е трудно.
Свързване на инструмента за избор на цвят в администраторския панел
За да свържете инструмента за избор на цвят на Iris за формиране на полета при писане на приставка, трябва да направите 3 стъпки:
# 1 Добавяне на стилове и скриптове wp-color-picker
Използвайки събитието admin_enqueue_scripts, трябва да включите скрипта и стиловете "wp-color-picker". Също така тук свързваме нашия js файл:
# 2 Добавяне на полета за формуляри
Освен това, на страницата с настройки на приставката, във формуляра използваме следните полета за въвеждане за цвят:
Ако посочите стойност на поле (атрибут стойност), тогава Iris ще приеме тази стойност като цвят по подразбиране.
# 3 Свържете Iris към полета за форми
След това трябва да създадем JS файл, който е включен в първия абзац. Вашият скриптов файл ще има следния код:
В този файл свързваме Iris към всички полета на формуляра, чиято стойност на атрибута name съдържа цвета на реда: name = "color1", name = "my_color" .