Как сделать всплывающее окно на WordPress | Плагин модальных окон Popup Maker | WordPress с нуля
Vložit
- čas přidán 23. 10. 2021
- t.me/kowalskisu - тг канал автора "Ковальски поможет" 👨💻
kwork.ru/ref/18210 - закажите доработку сайта у профессионалов
bit.ly/3e0mD3L - хостинг, который рекомендую.
Если вы только начинаете разбираться в теме создания сайтов на WordPress, то данное видео окажется для вас очень кстати, потому как модальные окна это "боль" каждого начинающего.
В подробном туториале я разберу один из самых мощных плагинов для создания модальных и popup окон. Обязательно смотрите видео до конца!
ru.wordpress.org/plugins/popu... - плагин Popup Maker
• ТОП 5 БЕСПЛАТНЫХ тем д... - "ТОП 5 бесплатных тем для Wordpress"
#PopupMaker #WordPress #МодальныеОкна #Сайты #РазработкаСайтов #ИванЖуков #Плагины #Вордпресс
Заказать у меня сайт - t.me/ivan_zh
Отличный плагин, спасибо за описание
Пожалуйста :)
Спасибо, Иван))) лукас от СЕООНЛИ
Всегда пожалуйста! Заходите ещё :)
В астре в хедер кнопку можно через виджет добавить
Да, так будет проще, кому с html конструкцией сложно
Так и не смог найти, куда записывать CSS стили для этих окон, например банер с картинкой, текстом и кнопкой "получить скидку". Вставляю их в frontend-min-css. Но мне кажется это не совсем правильно, видел у другого плагина у попапов есть вкладка для кастомного CSS
Спасибо интересные видео на канале, но есть вопрос как можно стилизовать попапсы, например нужен попапс с лого с прозрачностью или что-то подобного чего нету в обычных настройках попапс. Или нужно как-то в елементоре сначала сделать форму и потом шотркод этого элемента Элементора вставить в popupmaker плагине?
Необходимо изучить основные языка CSS и тогда вы сможете стилизовать форму как хотите, по своему желанию.
@@ivan_zh Я знаю CSS просто не понимаю как верстать прям в вордпресе разве что так как вы на видео показывали заменить стили Кнопки в хедере через HTML а в случае с формой то получается Нужно добавить свой HTML но у контакт форм и popupmaker свои стили будет сложно их стилизровать наверное
@@denisk5606 Посмотрите видео про этот плагин, через него удобно css свои вносить - czcams.com/video/5avrQINoWI4/video.html Касаемо стилизации форм, всплывающих окон и вообще чего угодно, находите родительский класс объекта который надо стилизовать и от него пишите стили для дочерних элементов, которые надо кастомизировать. HTML не надо трогать вообще.
@@ivan_zh Спасибо обязательно гляну, я вообще планирую все видео пересмотреть, у вас хороший контент, тем более вы практик. На счет вёрстки форм - а если в форме должно присутствовать лого, допол текст либо что-то необычное, то для него все равно наверное нужно написать html ? А со стилями я так понял правиться и contact form-7 и Popupmaker ?
@@denisk5606 ну если в форме лого и доп. текст нужен, то да, нужно html сделать, прямо внутри cf7, там любой html каркас можете накидать и потом для него стили сделать. Css проще и быстрее свои накидать, чем в настройках popupmaker копаться.
👍👍👍
Подскажите, куда вставлять код css, если у меня кнопка в хедере?
Не важно где расположена кнопка, стили применяются ко всей странице. В настройках большинства тем есть раздел куда можно вставить стили.
А как сделать чтобы во всплывающем окне показывалось содержимое записи ? не какая то статичная информация, а именно содержимое записи. К примеру я ходу посты выводить в модальных окнах ?
тот же самый вопрос
Сделать шорткод в functions.php, который выводить почты через wpquery и разместить его в модалке
Здравствуйте. Как сделать всплывашку при нажатии конкретного слова в тексте (какой то текст на 100 слов например - и при нажатии определенного слова - всплывашка) ? Спасибо
Здравствуйте. В html разметке делаете: ваше слово. Где your-class - это класс всплывашки.
@@ivan_zh Здравствуйте. например у меня есть вот такой CSS класс popmake-2283 . Не понял куда именно вставлять. Выделяю конкретный текст - открываю шорткод Popup Maker - открываю "вызов всплывающего окна" - в разделе "основные" выбираю уже подготовденный popup "целевое всплывающее окно" - затем текст, и в разделе "опции" - HTML-тег * - вот сюда надо вставлять то, что вы написали ? и чуть ниже еще раздел "CSS класс" - его с точкой писать или нет ? PS: на моём канале в ютубе есть мои контакты - буду рад, если вы сможете более подробно объяснить. Спасибо
как заказать у вас сайт и сколько будет стоить как долго ждать чтоб был готов ? буду ждать ответ. спасибоо
Спасибо за обращение, от ответил в телеграме
Подскажи плз почему стили к полю телефон не подтягиваются? Имя и мыло красивым серыми цветом края полей, а телефон добавляю, у него поля черным цветом стандартным html-евским.
Посмотрите какой класс присвоен полю телефона, и пропишите этому классу те же стили что и у поля "имя"
@@ivan_zh спасибо, это в настройках контакт форм 7 или в попап мейкере искать? или в общих настройках стилей в самом вордпрессе? хочется просто не криво сделать
Посмотрите какой нибудь курс по CSS бесплатный. Чтобы понять как писать стили. Добавить их можно будет "внешний вид" - "настроить" - "дополнительные стили"
@@ivan_zh спасибо, я знаю как писать, только не знал где лучше, чтобы код не загрязнять, и не было лишней нагрузки, иногда просто в самих плагинах вроде-бы можно редактировать. Теперь понял, спасибо)
Добрый день ! Подскажите пожалуйста . Пуп ап работает норм , но иногда перестаёт срабатывать , после нажатия кнопки отматывает наверх и все . В чем причина ? Не всегда могу уследить за этим , деньги сливаются .
Здравствуйте) подскажите пожалуйста, как вы сделали русский язык плагина?
Добрый день. Если вы развернули WordPress и при установке выбрали для него Русский язык, то все плагины, которые устанавливаются на сайт имеющие русскоязычную локализацию видят дефолтный язык движка и подставляют такой же язык. Данный плагин как раз имеет локализацию русского языка и при установке он его подставляет. Ну или посмотрите вот это видео - czcams.com/video/XxJTCYvpNHA/video.html :)
@@ivan_zh понятно) спасибо большое за разъяснения)))
Пожалуйста)
Проблема что в Хроме этот плагин PopuMaker блокируется если установлено расширение Ghostery для Хрома. Я час провозился чтобы выяснить что это окно не всплывает из-за того, что в хроме установлено это расширение :)
Это частный случай. Так что это не критично. Если вы устанавливаете блокираторы, естественно он будет блокировать js код.
О Тюмень =)
Тюмень!)
2 : 42 Не показано где было взято поле контента . Тоесть новичку прийдется дальше искать на других ресурсах и на других видео где взять это поле, или вообще прийдется искать другой способ.
Ну проделайте сначала все по шагам, в потом если столкнетесь с проблемой, то пишите. На видео явно показывается куда я вставил шорткод. Если вы ни разу не вставляли текст в поле контента, то вам точно не с этого ролика надо начинать.
Лишнее это все.
очень много воды в видео