Архив метки: Elementor Pro

Нам исполнилось 11 лет. ВАМ ПОДАРКИ!

  Автор:
  Один комментарий
  1894

Даже не верится, что прошло уже 11 лет. Все было как будто вчера.

Первая версия шаблона AB-Inspiration — кто помнит какой она была? Да, очень простой 🙂. Но тогда, 11 лет назад, ничего подобного на рынке не было. Возможность создать целый сайт без кодов, изменить вешний вид и установить виджеты всех соцсетей.

Время идет, появляются новые потрясающие инструменты и я с удовольствием интегрирую их в шаблон AB-inspiration. Один из них классный плагин Elementor с помощью которого можно создавать невероятные страницы, да что там страницы, целые сайты с полным функционалом, индивидуальным дизайном и все это без единой строчки кода.
Читать далее »

[Elementor] Создаем Footer (подвал) с Copyright, датой, названием сайта и меню

  Автор:
  Комментариев нет
  928
Footer (подвал с Copyright, датой, названием сайта и меню) для сайта на WordPress

Вы узнаете как создать Footer (подвал с Copyright, датой, названием сайта и меню) для десктопной и мобильной версий сайта на WordPress с помощью Elementor Pro шаг за шагом, с нуля.

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

[Elementor] Создаем Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей

  Автор:
  Комментариев нет
  1196
Создаем Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor вместе с нуля

Вы узнаете как создать Header (шапку с логотипом и меню, с контактными данными и кнопками соцсетей) десктопной версии сайта на WordPress с помощью Elementor Pro шаг за шагом с нуля.
Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor
Читать далее »

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

  Автор:
  3 комментария
  3497

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

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

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

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

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

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

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

  Автор:
  Комментариев нет
  655

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

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

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

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

  Автор:
  Комментариев нет
  1036
Перенос старого самописного сайта на WordPress

В этом видео я даю подробный пошаговый обзор переноса старого 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 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

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

  Автор:
  Комментарии к записи 03. Elementor Free | Особенности входа в редактор Elementor. отключены
  717
Особенности входа в редактор Elementor

(3 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео мы познакомимся с особенности входа в редактор Elementor.

И так еще раз напомню, что Elementor сейчас активирован на страницах и записях. То есть, когда вы переходите в раздел «Странице» и нажимайте «Добавить новую», то здесь вы увидите кнопку «Редактировать в Elementor». То есть теперь когда вы создаете с нуля или редактируете существующую страницу у вас будет возможность редактировать эту страницу в Elementor.
Читать далее »

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

  Автор:
  Комментарии к записи 02. Elementor Free | Установка и основная настройка Elementor. отключены
  641
Установка и основная настройка Elementor

(2 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок смотрите каждый новый день.)

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

Но перед тем, как мы приступим к установке пару слов о самом плагине Elementor, что он может и какие у него есть варианты.

Итак, у плагина Elementor есть две версии.

Первая — бесплатная. То есть сейчас мы начинаем разбираться именно с бесплатной версией Elementor. С помощью бесплатных встроенный виджетов вы сможете создавать обычные страницы вашего сайта, такие как, например, об авторе, главная страница, о ваших услугах, контакты.

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

У  плагина Elementor есть два варианта встроенных шаблонов страниц. Читать далее »

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

  Автор:
  Комментарии к записи 01. Подготовка сайта на WordPress для установки плагина Elementor. отключены
  873
Подготовка сайта на WordPress для установки Elementor

(1 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок смотрите каждый новый день.)

С этого видео я начну рассказывать о том, как создать сайт на WordPress с помощью плагина Elementor.

В качестве шаблона WordPress я использую свой шаблон AB-Inspiration. Это новый сайт. Я только установила и активировала лицензию шаблона.  Шаблон настроен по умолчанию. Я лишь на видео сделаю только небольшие поправки по внешнему виду.

В этом видео мы не рассматриваем полную настройку шаблона. Предполагается, что если Вы член клуба «Мастер WordPress«, то у Вас на самом деле уже есть шаблон AB-Inspiration.

Если у Вас нет шаблона AB-Inspiration, но Вы хотите проходить обучение используя этот мой шаблон, то в конце этой статьи есть возможность скачать шаблон и активировать 30-дневную лицензию.

Тем не менее Вы можете использовать любой бесплатный шаблон WordPress.  Просто я показываю все на своем шаблоне.

Смотрите видео урок: Читать далее »