Создание лендинга на WordPress

Дата публикации: 18-01-2021       56

Большинство современных конструкторов и сайтов, а также систем CMS дают отличную возможность разработать собственный онлайн ресурс без знаний программирования. Вам даже не обязательны опыт или знания в веб-дизайне. Всего немного (ну, или много — зависит от ваших целей), и сайт готов.

Одна из таких платформ для моделирования веб-ресурса — это Вордпресс. И в этой статье мы рассмотрим, как сделать лендинг на WordPress на русском. А также узнаем, какие плагины здесь есть и что это такое, зачем они пригодятся и как с ними работать.
 


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

 

Хостинг и покупка домена

Но прежде, чем начнем разбирать, как сделать лендинг на Вордпресс, стоит разобраться с таким не менее важным моментом, как хостинг. А это своего рода своего рода возможность взять дисковое пространство на сервере. Наверняка вы знаете о таких ресурсах, как Reg.ru, Beget или TimeWeb. Собственно, тут вы сможете получить и хостинг, и техническую помощь.
 


Однако одного хостинга мало. Для того, чтобы созданный проект работал как надо, понадобится еще и домен. То есть, имя, адрес для страницы. Платформ, где приобретать доменное имя — много. Мы же рекомендуем обратить внимание на тот же Reg.ru — здесь все достаточно просто и понятно, проблем возникнуть не должно.

После этого необходимо связать его и хостинг — для этого пропишите DNS адреса вашего хостинга на сайте-регистраторе.

 

Как сделать лендинг на Вордпресс: подробная инструкция

Итак, когда со всеми вышестоящими задачами разобрались, приступаем к основной работе. То есть, к установке самого WordPress. Это можно сделать либо автоматически (с помощью открытия CMS), либо вручную.

Если вы новичок, то советуем выбрать первый вариант. Для этого просто пропишите свои параметры и начните установку. Вот, например, как это происходит на том же Бегете (Beget): выберите пункт CMS.
 

Далее выбираем платформу WordPress и заполняем необходимые данные.
 


 

На этом все. Теперь приступаем к сборке бесплатного лендинга на Вордпресс.


Создание лендинга на WordPress: работа с шаблонами

Чем действительно хороши любые конструкторы, так это тем, что здесь всегда множество готовых макетов. Где как, конечно, но в основном платформы предлагают достаточно широкий выбор. Наш нынешний сервис тоже не исключение. На WordPress шаблонов для лендингов вполне достаточно для начала работы.

Как и везде, здесь они также есть как платные, так и бесплатные. В чем отличие? Вторые — это, чаще всего, несколько «урезанные» версии. Но и с ними также можно работать. Хотя для начинающих это будет чуть сложнее.

  1. Что ж, приступим. Советуем начинать поиск шаблона в административной панели. Для этого слева в меню выбираем строчку «Внешний вид», затем — «Темы», и кликаем на «Добавить новую».


     
  2. Следующий шаг — настройка фильтра, или можно выбрать среди новых или наиболее популярных. К слову, можно также воспользоваться собственной тематикой и прописать ее название в поисковой строчке. Например: culture или cultural (да, синонимы слов допустимы).


     
  3. Когда шаблон лендинга на Вордпресс выбран, заходите в него. Посмотрите его описание и открывайте демо-версию проекта. Если все устроило — установите ее и активируйте.
И вот тут уже предстоит выбрать дальнейший путь. Проще говоря, способ разработки проекта. Их два: работа на «нулевом» (чистом) макете или выбор плагина (то есть, типа конструктора). Если уже есть опыт создания страничек, то можно выбрать начальный путь. Если нет — то второй для вас лучше.

Просто в "нулевом" случае нужно будет не только понимать принципы работы самой CMS, но и иметь опыт верстки шаблонов лендинг пейдж в WordPress. Но лучше все-таки взять более удобный и простой. Его и будем далее рассматривать.
 

Сайт лендинг на WordPress: плагины

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

  1. Ведущее место отдаем Elementor, как наиболее популярному и известному плагину. Да и сами разработчики стараются его развивать. Версий у него две: бесплатная и платная, как водится. Причем часто даже первой вполне достаточно. Если же требуется больше возможностей и функций, то — милости просим к платному. Цена вопроса — до 199 долларов США в год.
  2. Beaver Builder примечателен тем, что у него есть сетевая настройка для нескольких ресурсов сразу. Это удобно тем, у кого сборка страничек поставлена на «конвейер». Конструктор также работает в версии «for free» и платной. Стоимость разная. Для агентств она выше — до 399$ за год, для частных лиц — до 199$.
  3. Thrive Architect — достаточно простой и удобный плагин, вместе с которым пользователь получает более 330 шаблонов. Однако, бесплатной версии у него нет. Придется платить.
  4. OptimizePress отличается от прочих тем, что не только содержит понятный функционал, но также интеграции с самой системой CRM. Кроме того, здесь можно собирать странички с платным входом (подойдет для онлайн школ и подобных ресурсов). Вместе с платной версией вы получите бонусом 60 шаблонов и доступ в магазин тем.

Как мы уже отметили, наиболее популярным плагином является Элементор. Он действительно соответствует названию: прост, понятен, довольно удобен, а бесплатная версия включает множество самых разных инструментов. Поэтому детально разбирать сборку сайта будем именно на данном типе конструктора.

 

Собираем лендинг пейдж на WordPress с Elementor

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

 

Установка

Чтобы установить выбранный вариант, нажимаем «Плагины», затем слева в админке выбираем «Добавить новый». В строке поиска пишем название плагина и кликаем «Установить». А затем как писали выше, просто активируем его.
 


Выбор темы WordPress для лендинга

Стоит отметить, что не шаблоны можно совмещать с плагином. Поэтому лучше выбрать из списка ниже. В нем мы приведем то, что хорошо подойдет к Элементору и с которыми не будет проблем. Это такие наименования, как:

  • универсальные — Monstroid2 и Luxor или Phlox и Astra Theme;
  • для строительных организаций советуем BuildWall;
  • фитнес-клубам и спортивным тематикам подойдем FitPeople (спорт);
  • стоматологическим клиникам — DentalCare;
  • сфера туризма — Tourizto;
  • красота, SPA салоны и прочее — Soothery;
  • для каналов и сайтов новостей — 4News;
  • реклама и сфера продаж — ProMotionic.
     


Также к темам, которые подойдут под любую область, можно отнести GeneratePress, OceanWP. А также Sydney и Tesseract.

К примеру, мы собираем проект для компании, создающей внешние рекламные щиты. В данном случае в качестве примера выберем для лендинга тему Вордпресс Sydney. Устанавливаем ее, активируем — все, как обычно. Затем через настройки темы для главной страницы выбираем статичную, которую далее будем корректировать.

 

Настройка страниц лендинга

Для внесения корректировок сначала заходим во вкладку «Страницы», выбираем строчку «Главная». И справа среди настроек странички в «Атрибутах» отмечаем, что это — главная. Выбираем «Редактировать в Elementor», сразу же открывается макет страницы и панель управления конструктора.
 


 

В верхней части увидите фоновую картинку будущего сайта, слева — лого, слоган и название. Справа будет для клиентов форма обратной связи с вами.


 

Формирование структуры лендинга

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


В разделе «Стили» выбираем и ставим фон странички. Например, берем классику.
 


Переносим «Внутреннюю секцию» в основную часть. И сразу же создаются еще две колонки.
 


Соответственно, в них размещаем два заглавия:

  • название организации (это будет Н1),
  • корпоративный слон или призыв (Н2).
     


Справа оставим место для колонки обратного звонка, где также используем внешний плагин Contact Form 7 — он удобный и к тому же бесплатный. Цветом и каким-нибудь интересным шрифтом выделяем и оформляем название.

Стоит отметить, что плагин — все-таки, больше визуальный редактор. Но если у вас есть опыт знания CSS, можно «играть» элементами так, как захочется. Например, менять типографику, применять исчезновения или добавлять отступы у заглавий. Но что-то мы отвлеклись. Давайте посмотрим, что же в итоге на данный момент вышло.

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


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

Как только закончите редактирование, нажимаем сохранение и далее — «Опубликовать». Фактически, на этом все. Ваш проект готов.
 

Бесплатный лендинг на WordPress с прототипом

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

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

Итак, рисуем. Но по специальному алгоритму, чтобы уж точно все получилось:

  1. Ведущий экран. Здесь поставим обложку, прописываем заголовок. Если надо, то указываем также подзаголовок. А также при необходимости — форму обратной связи и кнопку заказа. Ну, или просто только кнопку. Как больше нравится.
  2. Сколько у вас разделов в тексте? Пять? Три? Вот столько секций и рисуем. И справа их подписываем.
  3. И далее уже наполняем контентом. В общем, ничего сложного.

Вообще, прототипы — это еще и хорошая возможности заранее скорректировать внешний вид и дизайн будущего лендинга. Можно нарисовать сразу несколько идей. Сравнить их, выбрать тот, который нравится больше.

Помимо этого, так вы увидите, насколько страничка загружена текстом. Не стоит ли его сократить? Все же обилие букв редко бывает полезно.  Да и вообще, удобна ли она при просмотре, хватает ли в ней визуальной части и всего остального, чтобы пользователю было удобно и чтобы он не «сбежал» с сайта сразу.
 


 

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

Однако, если сравнить его с конструктором лендингов TOBIZ, то наш сервис проще и выгоднее. Чем? Всем. Вы просто регистрируетесь на сервисе и сразу можете выбрать подходящий шаблон. А их у нас более 1400 наименований на самые разные темы: от продажи детских подгузников до аренды спецтехники. Есть макеты интернет магазинов, визиток, блогов и много чего еще.

И большинство из них — бесплатные. Установить макет просто — нажмите на кнопку, и готово. Редактор также очень простой и интуитивно понятный. Справится даже новичок. Все блоки можно перемещать, копировать, удалять — в общем, полная свобода действий и решений.

Вы можете выбрать другой способ для создания сайта - выбрать услугу создание лендинга нашими специалистами.

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1600+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ
Задать вопрос