Одна из причин по которой люди переплачивают за разные тильды и виксы — миф о том, что Вордпресс это блогодвижок. Однако, это не совсем так, на Вордпресс можно легко делать вполне приличные лендинги. И сегодня я покажу, пожалуй, самый простой способ.
Содержание
Вордпресс — блогодвижок?
Вордпресс давно перерос себя и вышел далеко за рамки, став мощной платформой на которой можно строить серьёзные бизнес-проекты со сложным функционалом. Вордпресс позволяет даже с очень скромным бюджетом быстро зайти на онлайн-рынок и творить там чудеса.
Существует заблуждение, что на Вордпресс технически возможно сделать только один одностраничный сайт. Чтобы сделать второй, придётся установить ещё один Вордпресс. То есть под каждый лендинг отдельный Вордпресс. В лучшем случае включить мультисайт и развернуть сеть сайтов. Я много общался на эту тему с обычными пользователями и понял, что главная проблема кроется в сквозном хедере, футере, сайдбаре и навигации. И это действительно так — если взять одну из дефолтных или бесплатных тем, все эти элементы будут присутствовать на всех страницах сайта, что для лендингов недопустимо. Обычно это лечится с помощью специальных плагинов или программно. Мне, например, не составляет особого труда сверстать шаблон пустой страницы без сквозных элементов и приделать его к любой теме. Но что делать людям, которые не умеют кодить?
Лендинги на премиум-темах Вордпресс
Существует ещё один и, наверное, самый простой из известных мне способов — подобрать премиум-тему с хорошим визуальным редактором и возможностью отключения всех сквозных элементов. Таким образом, лендинги можно будет собирать прямо на страницах Вордпресс сайта.
Одна страница — один лендинг.Темы с пустыми шаблонами страниц не редкость, но присутствуют не во всех темах. Поэтому, перед покупкой нужно обязательно уточнять этот момент в поддержке разработчика.
Говорят, что премиум-темы — говно
Я могу сверстать не только шаблон страницы, но и собрать собственную Вордпресс тему с уникальной структурой, дизайном, функционалом и интернет-магазином с онлайн-кассой. Я могу это делать хоть под каждый лендинг, но на это нужно время, и не каждый бизнес имеет возможность его оплачивать. Кроме того, не каждому бизнесу все это и нужно. Для многих определяющими факторами являются сроки, возможность самостоятельных маневров, кастомизация и самое главное — стоимость решения. В том числе стоимость поддержки и обслуживания.
Премиум-тема в среднем стоит $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 года, в том числе уникальные инструменты для решения сложных бизнес‑задач.
Подробнее