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

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».

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

Иван Данилин

Делаю сайты на Вордпресс с 2008 года, занимаюсь их оптимизацией, беру на поддержку, делюсь опытом в своём блоге.

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