[Elementor PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

  Автор:
  1381

На всплывающем окне (Pop-Up)  созданном на Elementor Pro  окне есть кнопка «Закрыть».

Тем не менее в некоторых случаях необходимо закрыть окно при клике на любую кнопку или ссылку внутри самого Pop-Up окна, а не на кнопку «Закрыть».

Например, Pop-Up окно это ссылки меню на разделы страницы. При клике на нужный пункт меню происходит плавный переход к нужному разделу на странице и Pop-Up закрывается.

Итак, как закрыть Pop-Up при клике на кнопку или ссылку внутри самого Pop-Up окна.

  1. Необходимо задать класс для элемента при клике на который будет закрываться окно. Это может быть кнопка, или просто ссылка в текстовом виджете.
  2. Перетащить виджет HTML — код для вставки следующего кода:

Читать далее »

Список заметок Анфисы Бреус — разработчика сайтов на WordPress

  Автор:
  Комментарии к записи Список заметок Анфисы Бреус — разработчика сайтов на WordPress отключены
  6

2010 г. — 2022 г.

Как редактировать виджет МЕТА для WordPress

У вас недостаточно полномочий для доступа к этой странице

Смартреспондер (Smartresponder.ru) не работает, что делать? Самое быстрое решение.

Защита от спама в комментариях без капчи

Как конвертировать любые файлы из одного формата в другой онлайн

Как сделать ссылку «Читать далее» в WordPress?

Что такое RSS? Зачем RSS нужен?

Русские социальные закладки для блога — эффектные иконки

Почему статистика на счетчике FeedBurner постоянно меняется?

Как работать с редактором блога на WordPress. Обзор разделов консоли блога.

Видео в статье поверх PopUp всплывающего окна. Как это исправить?

Красивая фото галерея WordPress за 5 минут без установки и настройки сложных плагинов.

Флеш плеер Uppod для сайта на WordPress

Как настроить кросспостинг комментариев с блога на Twitter

Фишки для блога без плагинов

Как вставить баннер в формате swf в боковую колонку блога

Как использовать нестандартные шрифты на блоге

Ошибка. Не могу создать директорию wp-content/uploads. Проверьте, доступна ли родительская директория для записи.

Как вставить видео и аудио на блоге на WordPress без плагинов

Превышение нагрузки аккаунтом. Крупномасштабная атака на сайты основанные на CMS WordPress.

Как правильно подготовить изображение к публикации на блоге на WordPress

Что такое сниппет и как его улучшить в поисковой выдаче

Как формировать произвольное меню на блоге на вордпресс

Как подтвердить свой аккаунт в Facebook

Что такое миниатюра (изображение) записи и зачем она нужна

Что такое HMTL, стили, и как ими пользоваться в WordPress, с расшифровкой значений

Чем отличается страница от записи в WordPress

Внимание! Вирус! На мобильном устройстве вместо блога открывается другой сайт.

Не открывается страница при переходе из ленты фида на статью блога

Письмо от Google. Googlebot не может получить доступ к файлам CSS и JS на сайте.

Как проверить, есть ли на хостинге Backup (резервное копирование блога). Как обновить WordPress и плагины.

Как установить Группу Google (Google Groups) на страницу блога WordPress

Как создать код HTML большого баннера для виджета в боковой колонки блога

Как избавиться от trackback- и pingback-спама на WordPress

После перехода на https не работают кнопки социальных сетей, не отображается миниатюра и анонс

После перехода на HTTPS RSS лента перестала обновляться

Новые виджеты в WordPress 4.8

Как правильно обновить WordPress до новой версии

[PHP] Как без плагинов отредактировать виджет Мета

5 полезных тегов HTML, которые пригодятся для оформления статей

Руководство по обновлению блога до WordPress 5.0.. Подготовка к обновлению.

Руководство по обновлению блога до WordPress 5.0.. Резервное копирование.

Руководство по обновлению блога до WordPress 5.0. Обновление.

Требуется обновление PHP. Обновите PHP сегодня! Сделайте свой сайт быстрее и безопаснее.

Публикация презентаций PPT в WordPress

Создайте свой сайт на WordPress самостоятельно сегодня

Нужна помощь по данным урокам?
Обращайтесь в нашу службу поддержки клуба «Мастер WordPress»

Читать далее »

Публикация презентаций PPT в WordPress

  Автор:
  729

Если Вы сталкивались проблемой загрузки файлов презентаций PPT на своем блоге на WordPress для публикации, то решение, на самом деле, может быть довольно простым…

Смотрите короткое видео как решить эту проблему с помощью Google Презентации.
Читать далее »

Переделка на Elementor сайта для приема заявок на производство мебели

  Автор:
  321

Рекламный ролик для услуг по переделки старого сайта на новый с помощью Elementor Pro

Элемент переделки на Elementor сайта для приема заявок на производство мебели:

Вы можете заказать перенос сайта со старого на новый сайт на WordPress прямо сейчас на сайте технической поддержки и обслуживание сайтов на WordPress: https://wpplaza.ru
Читать далее »

Как сформировать заказ на сайте онлайн — школы и выслать прямую ссылку на оплату онлайн — курса

  Автор:
  544

В этой пошаговой видео инструкции Вы узнаете как сформировать заказ в интернет-магазине WooCommerce на сайте онлайн — школы и выслать прямую ссылку на оплату онлайн — курса клиенту — ученику.

Дело вот в чем…

Читать далее »

Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

  Автор:
  497

В этом видео я даю подробный пошаговый обзор переноса старого 10-летнего самописного сайта на новый сайт на WordPress с охранением внешнего вида и контента старого сайта.

00:00 В чем основные недостатки старых самописных сайтов созданных несколько лет назад.
02:15 Как задачи необходимо было выполнить при переносе самописного сайта на сайт на WordPress.
02:52 В чем заключалась сложность переделки старого самописного сайта на новый сайт на WordPress.
03:31 Что было сделано при переносе старого сайта, чтобы шапка и футер были адаптивными для мобильных версий нового сайта.
03:38 Почему нужно было заменить графические картинки на старом сайте на кнопки с текстом на новом.
04:31 На каком элементе старого сайта труднее всего было добиться правильного отображения в мобильной версии нового сайта.
05:39 Как с помощью Elementor Pro, пошагово, воссоздать точную копию шапки старого самописного сайта на новом сайте на WordPress.
08:50 Что было сделано с шапкой на новом сайте для ее правильного отображение на телефоне.
10:25 Что было сделано с шапкой на новом сайте для ее правильного отображение на планшете.
10:57 Как с помощью Elementor Pro, пошагово, воссоздать точную копию футера старого самописного сайта на новом сайте на WordPress.
12:00 Как с помощью Elementor Pro, пошагово, воссоздать точную копию категорий старого самописного сайта на новом сайте на WordPress. В чем была сложность.
14:13 Как с помощью Elementor Pro, пошагово, создать шаблон страницы архива:
— для категорий,
— для категории «Главная»,
— для категории «Статьи».
16:05 В чем была сложность создания шаблонов страниц архивов, и какие были сделаны доработки в коде нового сайта.
17:26 Каким способом вставить свой код на сайт WordPress, чтобы при обновлении этот код не стирался.
21:51 Как в Elementor прикреплять шаблоны созданных нами страниц архивов, чтобы они отображались только в нужном нам месте сайта.
23:52 Чем отличается шаблон страницы архива статей от шаблона страницы архива «Главная». Ньюансы.
30:38 Каким способом были перенесены и отредактированы все тексты статей старого самописного 10-летнего сайта на новый сайт на WordPress. На что стоит обратить внимание при переносе текста.
32:12 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

Как продолжить работу сайтов на WordPress в новых условиях. Блокировка Instagram и Facebook, YouTube?

  Автор:
  4391

Я собрала небольшое руководство для владельцев сайтов на WordPress, что нужно учесть сейчас и как адаптироваться под новые условия.

Что нужно сделать членам клуба «Мастер WordPress«, чтобы не подвергать риску себя и свой бизнес в интернет?

В первую очередь настоятельно рекомендую скачать копию сайта с хостинга (даже если сайт на русском хостинге) и видео с YouTube себе на компьютер.  На всякий случай сохраните свой многолетний труд.

Теперь по порядку.

Читать далее »

Cписок 33 видео уроков по работе с Elementor Free

  Автор:
  Комментарии к записи Cписок 33 видео уроков по работе с Elementor Free отключены
  51

Ниже представлен список 33 видео уроков по работе с бесплатным плагином Elementor Free из 120 видео уроков полноценного видео курса «Elementor — конструктор лэндингов на WordPress».

Вы найдете в интернете много курсов по Elementor, но этот мой видео курс уникален тем, что я даю практический материал  по практическому применению плагинов Elementor Free и Elementor Pro. Это не просто рассказ о виджетах Elementor, и что они могут — это подробное, шаг за шагом, со всеми нюансами, руководство по использования этих виджетов и практическое их применение.

Elementor Free — страницы созданные с помощью бесплатного плагина Elementor.

Чему вы научитесь:

  • Вы научитесь использовать все возможности бесплатного плагина Elementor для быстрого и красивого создания страниц и лендингов, без опыта программирования.
  • Вы шаг за шагом, с нуля, выполните установку бесплатного плагина Elementor на свой сайт. Узнаете все тонкости особенности его главных модулей.
  • В процессе пошагового создания страниц Вы научитесь работать с готовыми шаблонами бесплатного плагина Elementor, секциями, виджетами, шрифтами и цветом.
  • Вы пройдете путь от новичка до профессионала по применению бесплатного плагина Elementor с целью создания страниц и лендингов сайта на WordPress себе и/или «на заказ под ключ».

№1. Подготовка сайта на WordPress для установки плагина Elementor.

№2. Elementor Free | Установка и основная настройка Elementor.

№3. Elementor Free | Особенности входа в редактор Elementor.

№4. Elementor Free | Обзор настроек редактора Elementor.

№5. Elementor Free | Работа с секциями редактора Elementor.

№6. Elementor Free | Работа с готовыми шаблонами редактора Elementor.

№7. Elementor Free | Настройка шрифта и цвета редактора Elementor. Типовые ошибки.

№8. Elementor Free | Как работать с «Пипеткой цвета» редактора Elementor.

№9. Elementor Free | Как узнать какие шрифты, встроенные в Elementor, работают с кириллицей.

№10. Elementor Free | Как создать страницу «Сайт в разработке» с помощью бесплатной версии плагина Elementor.

№11. Elementor Free | Секция с фиксированным фоновым изображением для страницы «Главная».

№12. Elementor Free | Секция «Три колонки с иконками и текстом» для страницы «Главная» сайта на WordPress.

№13. Elementor Free | Cекция «Об авторе, с картинкой и текстом» для страницы «Главная» сайта на WordPress.

№14. Elementor Free | Cекция «Достижения, с анимационными счетчиками» для страницы «Главная» сайта на WordPress.

№15. Elementor Free | Cекция «Как убрать отступы вокруг картинки» для страницы «Главная» сайта на WordPress.

№16. Elementor Free | Секция «Портфолио — галерея» для страницы «Главная» сайта на WordPress.

№17. Elementor Free | Секция «Вопросы — ответы» для страницы «Главная» сайта на WordPress.

№18. Elementor Free | Секция «Наши партнеры» для страницы «Главная» сайта на WordPress.

№19. Elementor Free | Секция с видеофоном для страницы «Об авторе» сайта на WordPress.

№20. Elementor Free | Секция «Об авторе, с картинкой и текстом» для страницы «Об авторе» сайта на WordPress.

№21. Elementor Free | Секция «Достижения, с анимационными счетчиками и иконками» для страницы «Об авторе» сайта на WordPress.

№22. Elementor Free | Секция «Достижения, с картинкой и анимационным прогрессом» для страницы «Об авторе» сайта на WordPress.

№23. Elementor Free | Секция «Текст с фоновым изображением» для страницы «Контакты» сайта на WordPress.

№24. Elementor Free | Секция «Две колонки, с контактной информацией и формой обратной связи» для страницы «Контакты» сайта на WordPress.

№25. Elementor Free | Секция «Карта Google и Карта Yandex» для страницы «Контакты» сайта на WordPress.

№26. Elementor Free | Секция с фоновыми слайдами и заголовком для страницы «Услуги» сайта на WordPress.

№27. Elementor Free | Секция «Услуги» для страницы «Услуги» сайта на WordPress.

№28. Elementor Free | Секция «Наши преимущества» для страницы «Услуги» сайта на WordPress.

№29. Elementor Free | Секция «Наши курсы» для страницы «Услуги» сайта на WordPress.

№30. Elementor Free | Секция «Что Вы получите» для страницы «Услуги» сайта на WordPress.

№31. Elementor Free | Секция «Частые вопросы» для страницы «Услуги» сайта на WordPress.

№32. Elementor Free | Секция «Отзывы клиентов» для страницы «Услуги» сайта на WordPress.

№33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress.

ХОТИТЕ видео уроки также И ПО ELEMENTO PRO?

Приобретайте также мой расширенный полноценный видео курс «ELEMENTOR — конструктор лендингов на WordPress». Помимо детальных конкретных видео уроков курса Вы получите ELEMENTOR PRO В ПОДАРОК с лицензией на 1 год, а также наши консультации.

В итоге вместе со мной пройдя этот пошаговый видео курс:

  1. Вы станете уверенным пользователем Elementor и Elementor Pro,
  2. Вы создадите себе красивый сайт на WordPress с профессиональным дизайном без знаний программирования,
  3. Вы сможете создавать сайты на WordPress  «на заказ» и зарабатывать в интернете.

Для детального ознакомления с содержанием видео курса переходите по этой ссылке или нажмите на картинку:

Elementor - конструктор страниц и лэндингов для сайтов на WordPress

Нужна помощь по данным урокам?
Обращайтесь в нашу службу поддержки клуба «Мастер WordPress»

  Читать далее »

33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress.

  Автор:
  Комментарии к записи 33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress. отключены
  509

На этом пошаговом видео уроке мы завершаем создавать страницу «Услуги» для сайта на WordPress с помощью бесплатной версии Elementor. В прошлом видео уроке мы создали  секцию «Отзывы клиентов» для страницы «Услуги».

В этом видео уроке Вы узнаете как создать секцию «Форма подписки» для страницы «Услуги» сайта на WordPress. Читать далее »