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

  Автор:
  141
Подготовка сайта на WordPress для установки Elementor

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

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

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

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

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

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

Смотрите видео урок:

Итак, первое, что мы сделаем, это заходим в админку (консоль) своего сайта, переходим разделе «Внешний вид»  в раздел «Настройки шаблона», и немножко подправим внешний вид.

Для этого, в шаблоне AB-Inspiration я буду использовать функцию «Простая настройка». Простая застройка позволяет выбрать два цвета,  сделать настройки шрифтов,  и в общем то, у вас уже автоматически определиться внешний вид сайта.

От того, какие мы выберем цвета сайта в простой настройке, будет также зависеть работа с Elementor.  То есть, мы настроем Elementor также таким образом, чтобы у нас цвета автоматически вставали те, которые нам нужны.

И так, первое, что нужно сделать поставить галочку в шаблоне AB-Inspiration «Использовать простую настройку».

Первый цвет я выбрала зелененький. Если хотите, можете сделать точно такой же. Если у вас другая цветовая гамма сайта, то соответственно выберите тот цвет, который вам нужен.

Второй цвет у меня будет темно-серый. Цвет текста будет светлый. Третий цвет определять необязательно. Этот цвет используется только если вы используете плагин WooCommerce — это интернет магазин.

Далее.

Ширину сайта устанавливаем на всю ширину экрана. И шрифты  для заголовков, текста и для меню я выберу «Roboto».

Обратите внимание, что вот эти шрифты мы также будем использовать в Elementor.

Следующий шаг, который я сделаю, это создам страницы. Они будут пока пустые. Я просто формирует из них меню и впоследствии дальше во всех уроках мы будем потихоньку эти страницы наполнять с помощью плагина Elementor.

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

WordPress  для создания и редактирования страниц и статей предлагает редактор Gutenberg.  Gutenberg стал редактором по умолчанию начиная с версии WordPress 5.0, которая вышла в декабре 2018 года.

Gutenberg продолжает совершенствоваться по сей день, а некоторые плагины пока не доработаны для полной совместимости с ним. Поэтому неполадки в работе со страницами и записями ещё могут происходить.

К счастью, классический редактор всё ещё доступен всем желающим: для перехода на него нужно установить плагин Classic Editor из официального каталога плагинов.  Но опять, если вы знаете как использовать редактор Gutenberg , можете работать с ним.

Продолжим…

Начинаем создавать страницы, которые нам будут нужны.

Первая страница — это главная страница, которую мы сделаем лендингом и определенную как главную, поэтому сразу создаёт.

Нажимаем на кнопку «Добавить новую»,  пишем «Главная» и нажимает опубликовать. Все! Больше ничего здесь писать не нужно. Просто мы создаем  пока пустые страницы.

Снова на кнопку «Добавить новую» и мы создаем страниц с названием «Блог». На этой странице будут отображаться все статьи. То есть мы переносим с главной страницы на страницу «Блог» все наши статьи,  которые будут написаны. Если в вашем сайте не предполагается страницы «Блог», вы можете эту страницу пропустить и  не создавать.

Третья страница, которую мы создадим, называется «Об авторе». Это очень важная страница, где вы расскажите о себе. Опять же, если у вас команда и компания, то вы можете назвать страницу «О нас» или «О компании».

Четвертую страницу мы создадим «Услуги». Если вы оказываете услуги, лучше вынести ее на отдельную страницу.

И пятая, последняя страница которую мы создадим — это «Контакты».

Больше ничего не делать. Мы оставляем все эти страницы пустыми.

Теперь из этих страниц нам нужно сформировать меню, чтобы в шапке в основном меню и мобильном меню отображались эти страницы (см. на видео как создаются эти разные меню).

Еще  я хочу поменять на сайте с шаблоном AB-Inspiration — это логотип (см. на видео как установить картинку логотипа вместо текста).

Вот, собственно и все настройки, которая я хотела сделать на своем сайте для использования плагина Elementor.

Еще раз повторю, что на самом деле настроек в шаблоне AB-Inspiration больше. Можно настроить боковую колонку на странице «Блог»,  и чтобы это всё красиво воображалось, и чтобы у вас были прописаны все социальные сети.  Для этого нужно будет обязательно сделать настройку по отдельным видам инструкциям, которые находятся на отдельном курсе по созданию сайта  «Профессиональный блог на WordPress«.

Поскольку нас сейчас интересует только Elementor, поэтому я просто подогнала внешний вид под то, что мы будем в итоге создавать.

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

Присоединяйтесь к курсу «Elementor — от новичка до профи» прямо сейчас, и на практике начните применять Elementor для создания страниц и лендингов для себя или на заказ уже сегодня.

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

Добро пожаловать на мой видео курс "Elementor - от новичка до профи".
Добро пожаловать на мой видео курс «Elementor — от новичка до профи».

 

Примечание!

Позвольте еще раз сказать, что Вы можете установить плагин Elementor на любой шаблон  (тему) WordPress.

Поскольку в   этом видео я показываю установку плагина Elementor на свой шаблон AB-Inspiration, то Вы можете скачать мой шаблон AB-Inspiration и установить его на свой сайт на WordPress.
Скачать и не распаковывать: https://disk.yandex.ru/d/xel6AkD0H5z1MQ

Если Вы решили установить  шаблон AB-Inspiration, то после его установки на сайт активируйте код лицензии: 5d934a889f064fb97a066fc5ae8917de

Код лицензии действует 30 дней.  Для продления лицензии и обновлений шаблона на неограниченный срок необходимо приобрести новую лицензию — обратитесь службу поддержки Анфисы Бреус — разработчика шаблона AB-Inspiration.

Для активирования кода лицензии в консоли сайта WordPress нажмите на кнопку «Внешний вид»,
далее, на кнопку «Ключ обновления». Затем, на отрывшиеся странице, вставьте код лицензии в поле «Лицензионный ключ», и нажмите кнопку «Сохранить изменения».

 

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

   1 голос
Средняя оценка: 5 из 5
Вам понравилась статья? Буду очень благодарна Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2022
Оставьте свой комментарий:

Ваш адрес email не будет опубликован.