Создание одностраничного сайта на wordpress

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

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

Построим одностраничник на WordPress с помощью плагина Page Builder

Для создания одностраничника, нам может хватить всего одного плагина WordPress – Page Builder. Главное уяснить несколько несложных моментов из темы: "Как оно работает?"

Установите плагин Page Builder и создайте новую страницу в консоли для настройки ее оформления

После установки плагина Page Builder, активируйте его и больше с ним ничего делать не нужно .

Теперь откройте созданную новую страницу. Будем с помощью Page Builder менять ее содержимое и дизайн.

Как вы успели заметить, рядом с вкладками Визуально и Текст, появилась новая – Page Builder. Нажмите ее, далее мы будем работать только с ней.

ВАЖНО! Если вы стали использовать Page Builder, следует знать, что в этом случае контент размещаемый в вкладках Визуально и Текст, будет взаимно исключать контент созданный с помощью Page Builder и наоборот. То есть если вы начали делать страницу с помощью Визуального редактора, то в нем и продолжайте делать (аналогично поступайте и с Page Builder).

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

  1. кнопка (минус) – позволяет удалять выбранный блок;
  2. кнопка 2 – позволяет настроить стиль блока (задать цвет рамки блока, его фон и др.)
  3. кнопка 3 – для перетаскивания блока с содержимым вверх-вниз.

Другие три кнопки (расположены левее, под "Добавить медиафайл") тоже нужны и служат для следующих целей.

  1. кнопка (плюс) – позволяет добавить нужный вам виджет (см. рисунок ниже);
  2. кнопка 2 – помогает настроить количество колонок в блоке;
  3. кнопка 3 – позволяет вставить созданный ранее блок (на другой странице сайта или ранее на этой же странице).

Виджеты Page Builder для формирования контента одностраничника

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

Создание одностраничника

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

Это макет одностраничника в консоли WordPress

Это готовый, опубликованный результат

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

Итоги

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

Читайте также:  Как изменить кодировку в яндекс браузере

Сайт одностраничник – это всеми признанный инструмент продвижения бизнеса в интернет. Без него практически невозможно рассказать о своем предложении и собрать свою целевую аудиторию. Я не буду сегодня рассказывать о важности этого инструмента, так как тема статьи – его создание.

Почему на платформе WordPress? Начнем с того, что предложений по созданию одностраничника в интернет – огромное количество. Предлагаются как конкретные услуги по созданию, так и масса конструкторов. Но все они стоят денег. Поэтому я предлагаю вариант бесплатного создания профессиональной продающей страницы, используя поддомен вашего блога, установленный на платформу wordpress. Это, так сказать, подготовительный шаг к созданию Вашей продающей страницы.

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

Вот здесь я хотела бы остановиться подробнее. Дело в том, что продающие страницы или посадочные страницы включают в себя определенные разделы. Полноценная продающая страница должна быть примерно такой:

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

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

Сегодня мы познакомимся с шаблоном One Page Express

Этот шаблон находится в библиотеке wordpress. Просто вводите в строку поиска его название и получаете шаблон. Устанавливаете и Активируете. А теперь пойдем по шагам.

Шаг 1. Подготовительный

После установки шаблона Вы увидите две новые функции в опции – Внешний вид. установка плагинов

  1. Информация One Page Express. Это опция открыта на скрине. В ней предлагается активировать два плагина. Первый надо активировать обязательно. Без него не будет работать встроенный конструктор.
    Второй – Контактная форма, можно будет активировать по необходимости.
  2. Установить плагины. В принципе эта опция повторяет первую. И собственно при активации плагина в первом окне вас перебросит на установку плагинов.

Шаг 2. Настройка сайта

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

Если подготовленные материалы вдруг в готовом виде на сайте вам не понравятся – не переживайте. Вы легко сможете их заменить. Итак, начнем!

    Выходим в опцию – Внешний вид – Настройки.
    настроить

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

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

Итак, по традиции анонсирую сегодняшнюю статью. Вас ждет: одностраничный сайт WordPress – стоит заморачиваться или нет, как ускорить работу над созданием и какими сервисами можно воспользоваться новичку, который вообще ничего не знает и не умеет, чтобы создать качественный профессиональный Landing.

Сведения, которые понадобятся вам, чтобы находить и убеждать клиентов платить больше

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

Читайте также:  Gtp разделы как поставить систему

Все предельно просто: заплатил денег за контекстную рекламу (это основной способ продвижения лэнда), увидел сколько людей перешли на сайт и заказали звонок или продукт. Крайне наглядно отображается насколько умело работает создатель сайта: чем больше покупок, тем лучше он создает, а также какова отдача с проекта и сколько денег уже было вложено.

Короче говоря, красота да и только. Бюджет считается на раз-два.

Естественно, хорошая посадочная страница будет стоить очень дорого, никак не меньше 20 000 рублей. Скажу по собственному опыту, когда ты видишь, что результат твоих трудов делает других миллионерами, начинает душить жаба. Понимаешь: «Блин, какого черта? Я вложил знания, усилия, и получил за это всего … рублей, а этот ползучий гад-заказчик…». Думаю, понятно.

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

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

Даже один довольный заказчик приведет вам еще 100 человек. Со мной такое постоянно происходит. Люди, от которых вроде бы и не ждешь, рекомендуют твои услуги своим друзьям, знакомым и уже своим клиентам.

Ужасная идея, которую стоит сразу выкинуть из головы, если не хочешь работать за копейки

Очень часто я стал натыкаться на публикации о том, как создать landing на wordpress. Сразу же скажу свое мнение – мне эта идея не нравится. Вордпресс пригоден для этой задачи. Вы справитесь, но стоит ли?

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

Можно без проблем нанять людей, которые выполнят за вас часть работ. Подождать пока каждый из членов команды найдет время и справится, потом поделиться с ними со всеми деньгами… Сразу могу сказать, проект вы будете выполнять в два раза дольше.

Что будет в итоге? Я не уверен, что лэндингом будет доволен поисковик. Наваливать на сложный код дополнительные алгоритмы (от плагинов), а даже если не использовать их, то все равно там будет много лишнего. Зачем? Ну хорошо, ну и ладно! Вроде бы…

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

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

Но в любом случае, зачем вам именно вордпресс? Долго, скучно, серо, уныло, дорого. Набирать команду и работать над проектом для этого движка – не интересно, есть более эффективный способ работы, о нем мы поговорим чуть позже. А пока я расскажу вам в каком случае WordPress все-таки может пригодиться.

Вариант для тех, кто ничего не понимает в сайтах и не хочет заморачиваться, но не прочь заработать на лэндах

Если вы совсем еще новичок. Ничегошеньки не умеете и особенно не хотите, то предлагаю вам посмотреть и использовать шаблоны. Найти их можно тут: https://themeforest.net .

Допустим, у вас региональный клиент, который будет работать исключительно в своем городе. Почему просто не взять для него готовую тему, не адаптировать ее под конкретный заказ и не отдать? Единственная сложность будет – русифицировать этот проект. В принципе, поковыряетесь несколько дней, почитаете статеек, да сделаете. Не умрете от перенапряжения.

Читайте также:  Если переустановить стим удалятся ли игры

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

Например, эту красивую динамичную тему можно скачать всего за 44 $. Если помышляете о бесплатных шаблонах, то сразу оговорюсь, что ничего у вас не выйдет. Скачаете, а потом увидите, что половина виджетов не работает. Landing выглядит совершенно не так, как на картинке. Это касается всех халявных тем.

Более того, вам не удастся поставить ничего своего на готовый шаблон. У вас просто не будет такой возможности. Можно пытаться взломать, своровать, но боже мой, вы же собираетесь работать с клиентом! Если у него будут проблемы, то думаю, что он может и в суд пойти! Я бы точно отправился, по крайней мере от обиды на разработчика. Говорить о использовании шаблона и приобретать права на него – обязательно нужно.

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

А вот и он… Как сделать лендинг за час

Вы можете сделать сайт в конструкторе Adobe Muse, посмотреть его и тут же опубликовать! Это очень крутая программа, а самое в ней интересное, что вы пишете код, который нравится всем поисковым системам сами того не замечая.

И все-таки компания Adobe подарила нам много крутых проектов, в том числе и этот. Долгих лет жизни им и процветания.

Работать в этой штуковине – одно удовольствие. Все очень просто и быстро. Здесь можно создавать лучшие странички без особых знаний технологии.

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

В конце концов профессионалами людей делает только время. Если оно уходит на изучение инструментов, то это никуда не годится. Это все равно что детально изучать строение пилы для того, чтобы отпилить дерево!

Посмотрите, я просто открыл Adobe Muse, ляпнул рисунок из Google и две надписи (для одной из них настроил рамку). Ушло 10 минут времени.

Теперь выбираем предварительный просмотр в браузере.

Готово. Мой одностраничник выполнен. Почему бы и нет? Осталось только залить его на хостинг, чтобы дать возможность большему количеству людей увидеть этот проект.

Не верите? Скачайте Adobe Muse, откройте мой проект (его можно скачать прямо тут, в моем блоге, исходник сможете скачать внизу статьи), затем проделайте все то же самое, что и я. Можете поиграть с программой и увидеть, насколько тут все просто.

Как вы можете увидеть, инструментов тут не так много и может показаться, что благодаря им можно реализовать минимум идей. Мне повезло, об этой программе я узнал из курса Сергея Садовникова — Гениальный Landing Page , он сразу показал как использовать по максимуму минимальные (казалось бы) функции в Muse.

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

Скачать исходник моего Лендинга

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

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *