Как сделать модальное окно Wordpress на своей верстке?

Question

[Иван Батурин]

Имеется своя верстка натянутая на WordPress. Хочу сделать пару модальных окон для кнопок на верстке. Есть ли возможность реализовать это через WP или нужен чистый CSS/JS?

Answer 1

[andrash_]

В WP есть jquery

Answer 2

[Орхан Гасанлы]

это через WP или нужен чистый CSS/JS?

что вы подразумеваете под реализацией через WP?
Если нужны плагины, то вот:
Popup Maker, Easy Modal

Если тема на бустрапе, то тут подсказывать даже нечего.
Также можно подключить любую jQuery библиотеку для модалок и т.д.

Comments

[Иван Батурин]

Плагины я знаю какие есть для реализации popup окон. Мне не понятно как вызывать их в свой верстке. У меня есть готовое popup окно в плагине, но как "прикрутить" его к кнопке на верстке я так и не допер)

[Иван Батурин]

И моя верстка и является темой для WP, т.к. я натягивал её для реализации админки. Bootstrap не использовал

[Орхан Гасанлы]

Иван Батурин,

У меня есть готовое popup окно в плагине, но как "прикрутить" его к кнопке на верстке я так и не допер)

Если вы используете плагин для popup окна, то тут завист от плагина.
Например, в popup maker есть возможность создавать класс или id (триггер), который и будет вызывать окно.
Соответственно, просто добавляете это класс в нужную вам кнопку. Например,

<button type="button" class="trigger">Show modal</button>

А если реализуете сами без плагина, то тут обычный jquery

$("button").click(
$("#modal").toggle();
);

[Иван Батурин]

azerphoenix, Почему-то не срабатывает открытие(
Вот html:

Вот скрин на сайте:

Вот popup:

[Орхан Гасанлы]

Иван Батурин,
1) в консоли браузера посмотрите добавлен ли триггер на кнопку
2) посмотрите есть ли js ошибки в консоли (любые) и если есть, то исключите

[Иван Батурин]

azerphoenix, в консоли пусто абсолютно

[Иван Батурин]

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

[Орхан Гасанлы]

а у меня страниц нет вообще, только верстка, которая представляет из себя тему

этот момент совсем непонятен... в смысле у вас нет страниц?
и что за верстка, которая представляет из себя верстку? у вас тема имеется или нет? какие шаблоны темы имеются

[Иван Батурин]

azerphoenix, верстка установлена в качестве темы, у меня одностраничка, поэтому и создавать страницы мне не надо было

[Орхан Гасанлы]

Иван Батурин, откройте консоль браузера и проинспектируйте кнопку посмотрите есть ли триггер на ней. Может триггер и не добавился далее. А может быть ошибка возникает каскадом из-за других js ошибок