Урок 9
СОЗДАНИЕ ЛЕНДИНГА
Итак, при создании лендинга на вордпрессе есть 2 основных пути:
- сделать лендинг на основе подходящей темы (шаблона);
- сделать лендинг при помощи плагина-конструктора.
Конечно, эти 2 варианта можно объединять и использовать их в совокупности, также если вы опытный пользователь WordPress, то можете сделать хороший одностраничник практически на любой теме и без помощи плагинов. Тут каждый выбирает сам, а мы рассмотрим именно 2 этих алгоритма создания landing page на WordPress.
Создание лендинга на основе темы WordPress
Для начала конечно же нам необходимо установить вордрпресс. Если не знаете как это делается, не волнуйтесь, это быстро и просто. На официальном сайте доступно и понятно описана установка WordPress.
Далее нам нужно выбрать подходящую тему для нашего лендинга. Для этого переходим в консоль управления WordPress>Внешний вид>Темы и нажимаем кнопку «Добавить новую». Здесь можно выбрать подходящую тему в разделе «Избранные», «Популярные» или воспользоваться «Фильтром характеристик» и выбрать нужные параметры, например «одноколоночный шаблон» и тема «развлечения». Также можно воспользоваться поиском тем. Введите в поле поиска такие слова как «landing page», «landing», «single page», «single» и т.п. И минут через 5-10 вы обязательно подберете подходящую тему.
В этом уроке мы рассмотрим пример создания лендинга на стандартной теме Twenty Seventeen. Это не прям чтобы самая лучшая тема чтобы делать на ней посадочную страницу с нуля, но показывать буду именно на ней для наглядности простоты создания лендинга на вордпрессе с стандартными, так сказать, заводскими настройками.
В видео ниже рассмотрен схематический алгоритм того как сделать landing page на WordPress с нуля быстро и просто.
Используйте одну из кнопок ниже, чтобы разблокировать контент и посмотреть видео. Видео станет доступно при условии не удаления репоста со стены в течении недели.
Создание лендинга на WordPress при помощи плагина-конструктора
Плагинов-конструкторов для вордпресса немало, но мы рассмотрим как сделать landing page с помощью плагина «Elementor — конструктор вебсайтов», так как на мой взгляд он проще и интуитивнее остальных. Но, можете поискать/посмотреть, возможно вам по душе придется другой.
Чтобы установить плагин переходим в консоль управления WordPress>Плагины>Добавить новый и в поле поиска вводим «Elementor». Нажимаем «Установить», а затем «Активировать». Теперь на каждой странице или записи в вордпрессе появится кнопка «Редактировать в Elementor». Нажав на эту кнопку вы попадаете в интерфейс плагина-конструктора соответствующей страницы. Тут всё как в обычном конструкторе сайтов — просто и интуитивно понятно. Плагин полностью переведен на русский язык, поэтому разобраться легко.
Используйте одну из кнопок ниже, чтобы разблокировать контент и посмотреть видео. Видео станет доступно при условии не удаления репоста со стены в течении недели.
На мой взгляд проще делать лендинг по первому варианту — на основе темы, тем более что шаблонов сейчас много и качественную подходящую тему найти можно всегда, нужно лишь немного времени и терпения. Главное не забывайте про правильную структуру lending page и про основные правила и ошибки пои создании лендинга. Немного практики и у вас всё обязательно получится.
Обновление 2019:
Создание лендинга на WordPress в 2019 году
В связи с тем, что ВордПресс стал использовать по умолчанию визуальный блочный редактор Gutenberg, создание лендинга при помощи плагина-конструктра становится не совсем актуальным, так как в новом блочном редакторе есть практически все функции и удобства плагинов-конструкторов