Создать модальное окно позволяют несколько существующих WordPress плагинов. Вы, вероятно, уже слышали о плагине ThickBox, который, бесспорно, очень удобен, однако мы с вами будем использовать ColorBox, чему есть несколько веских причин.
Скачать плагин ColorBox можно по следующей ссылке:
Почему именно ColorBox, а не ThickBox?
Плагин ThickBox поставляется в связке с WordPress, и я всегда был его преданным поклонником, однако, в данном случае, я предпочел простоту jQuery LightBox (LightBox работает только с изображениями). На выбор ColorBox меня подтолкнули следующие причины:
- Оба плагина, как ColorBox, так и ThickBox, позволяют создавать модальные окна под различные нужды (не только для изображений).
- Плагины позволяют работать с внешними файлами, iFrame, inline-элементами и AJAX.
Однако у ColorBox по сравнению с ThickBox есть несколько преимуществ. Джек Мур, создатель плагина ColorBox, тщательно подошел к процессу разработки своего детища, и предложил пользователям на выбор пять прекрасных стилей представления модального окна. ColorBox может похвастаться наличием множества функций, нацеленных на продвинутого разработчика. Изображения, которые являются компонентами модального окна (прозрачный фон, кнопки Close, Next и Back), привязаны к стилевым таблицам, что дает возможность реализовать собственное, уникальное представление модального окна. При работе с плагином ThickBox я несколько раз сталкивался с ситуацией, когда мне приходилось вручную редактировать файл thickbox.js, чтобы заставить изображения загружаться должным образом.
Наконец, ThickBox требует от разработчика ручного добавления класса .thickbox к тем элементам, от которых должно быть вызвано модальное окно. Такой подход является, мягко говоря, неоднозначным. Конечно, он устроит продвинутых разработчиков, которые будут только рады отсутствию каких бы то ни было границ при проектировании модальных окон. Однако как быть с менее подкованными пользователями? Не каждый клиент знает, как добавлять атрибуты к тем или иным элементам (строго говоря, он и не должен этого знать). Избежать всего этого можно благодаря плагину ColorBox. Плагин легко управляется с помощью jQuery селекторов, что позволяет:
- разработчикам — быстро получить необходимые выборки HTML-элементов в WordPress.
- редакторам — сконцентрировать внимание на добавляемом контенте, без необходимости знания HTML.
CForms II
Для создания формы регистрации в WordPress существует множество различных плагинов, лучшим из которых, на мой взгляд, является Cforms II. Сразу отметим: это не самый простой для понимания плагин. В дальнейшем мы будем расматривать его возможности, которые позволят нам реализовать стоящую перед нами задачу.
Скачать плагин можно по следующей ссылке:
Хорошо было бы почитать инструкцию по настройке ColorBox…
Хороший плагин, я тоже использую его на своем блоге. Работой плагина доволен!
А все-таки не понятно как подружить CForms II с модальным окном