Простой способ сделать несколько лендингов внутри одного Вордпресс

24 марта 2020

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

Вордпресс — блогодвижок?

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

Существует заблуждение, что на Вордпресс технически возможно сделать только один одностраничный сайт. Чтобы сделать второй, придётся установить ещё один Вордпресс. То есть под каждый лендинг отдельный Вордпресс. В лучшем случае включить мультисайт и развернуть сеть сайтов. Я много общался на эту тему с обычными пользователями и понял, что главная проблема кроется в сквозном хедере, футере, сайдбаре и навигации. И это действительно так — если взять одну из дефолтных или бесплатных тем, все эти элементы будут присутствовать на всех страницах сайта, что для лендингов недопустимо. Обычно это лечится с помощью специальных плагинов или программно. Мне, например, не составляет особого труда сверстать шаблон пустой страницы без сквозных элементов и приделать его к любой теме. Но что делать людям, которые не умеют кодить?

Лендинги на премиум-темах Вордпресс

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

Одна страница — один лендинг.

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

Говорят, что премиум-темы — говно

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

Премиум-тема в среднем стоит $50, разработка стоит минимум в 10 раз дороже. Хотя я бы сильно подумал, прежде чем заказывать сайт дешевле $1000 — там явно будет какой-то подвох. А стоимость обслуживания таких решений вообще не имеет верхних границ.

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

Пример простого лендинга на Аваде

Пустой шаблон есть в Аваде — самой продаваемой теме ThemeForest.

На ее примере я покажу как сделать простой лендинг. В качестве примера сделаем страничку с тремя блоками (О нас, Продукция, Контакты), логотипом и локальной навигацией внутри страницы.

В итоге должно получиться что-то типа такого:

Для этого делаем следующее:

Создаем страницу и в ее атрибутах задаем шаблон «Blank Page» — страница будет пустая, но пока не полностью.

Прокручиваем страницу редактора вниз до конца, находим блок опций «Fusion Page Options», выбираем «Page Title Bar» и ставим «Hide» — таким образом отключится верхний блок с названием страницы.

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

Fusion Builder, которым комплектуется тема Авада поддерживает два режима работы: снаружи на фронтенде и внутри редактора Вордпресс. Здесь каждый сам выбирает более привычный и удобный вариант работы. Начало работы во фронтенд-редакторе будет выглядеть примерно так.

Для верхнего навигационного блока можно использовать двухколоночный контейнер 1/3+2/3: в левом блоке разместить логотип, в правом — меню.

Логотип загружаем как обычное изображение, а вот с меню немного сложнее.

Для внутристраничной навигации можно задействовать элемент «One Page Text Link», а контейнерам, на которые будем ссылаться задать CSS ID.

Теперь линкуем их с элементом «One Page Text Link», просто задав такой же «Name Of Anchor».

ID обязательно должны быть уникальными и не могут повторяться.

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

Остальные блоки описывать не вижу смысла — это простые контейнеры с текстом внутри.

Вставить код на свою страницу можно, переключив редактор в режим «Default Editor», а затем снова в «Fusion Builder» или «Fusion Builder Live».

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

Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе Вордпресс.

Добавить комментарий