Landing page на Joomla. Часть 1

Landing page на Joomla

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

Итак, для начала дайте определимся с довольно интересным понятием Landing Page. Как следует из названия – это целевая страница, то есть страница, которая направлена на выполнение некоторого действия. Как правило – это одностраничный сайт (хотя целевой страницей, может вполне быть одна веб-страница крупного многостраничного сайта), который предлагает пользователю некоторые услуги, товар или же привлекает к подписке на определенный ресурс. И по сути – это инструмент маркетинга и продвижения продаваемого товара или услуги. Следовательно в качестве контента данных страниц, используется описание того, что продается, конкретных преимуществ, которые получит пользователь согласившись на покупку или подписку, различных условий продажи или предоставления услуг, информация о цене, гарантиях и т.д.

Конечно страницы подобного рода в основном используют инфо-бизнесмены и различные компании для привлечения посетителей, что в свою очередь объясняет огромнейшую популярность“лендингов”, так как электронная коммерция сейчас очень популярна. Так же огромную популярность набирают сайты у которых по принципу “лендинга” построена одна единственная страница, как правило главная, а все остальные – это довольно стандартные, какие мы привыкли видеть и посещать в интернете. Причем зачастую данная страничка, являет собой презентацию конкретной компании или ресурса в интернете.

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

На этом с вводной частью мы с Вами закончили, а значит давайте поговорим о том, как сделать landing page на joomla. При этом, стандартные средства CMS не предоставляют инструментов для формирования вышеуказанной страницы, а значит для реализации поставленной значит, придется воспользоваться сторонним расширением.

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

Данный компонент – это полноценный конструктор контента и он отлично подойдет для реализации лендинг joomla 3. Создавать вышеуказанные страницы, используя данное расширение – одно удовольствие. Он обладает огромным функционалом, гибкими настройками, очень удобен и прост в использовании. Поэтому кликаем по кнопке “Download” и переходим на официальный сайт разработчика.

Расширение поставляется как в платной, так и в бесплатной версии, конечно первая обладает более широким функционалом, но для данного урока, вполне достаточно обычной версии. А значит кликаем по кнопке “FREE DOWNLOAD”.

Далее, если вы не авторизированны – кликаем по кнопке “Login to Download” для авторизации или регистрации. После этого будет доступна ссылка для скачивания.

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

Компонент SP Page Builder работает со страницами, или же если сказать несколько иначе, он их формирует, а значит в первом разделе расширения мы увидим список, созданных ранее страниц (данный список пуст так как ни одна страница еще не создана).

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

И до тех пор, пока мы не создадим первую страницу, используя расширение SP Page Builder, ничего менять не будем.

Таким образом, теперь необходимо создать первую страницу, используя конструктор контента, а затем для пункта меню, который назначен в качестве главной страницы, выбрать вид “Page” компонента SP Page Builder.

Для создания новой страницы, кликаем по кнопке “Создать” на главной странице панели управления расширения SP Page Builder.

Для создания страницы – необходимо указать заголовок, в соответствующем поле и сформировать контент будущих строк или секций. Как Вы помните, я говорил, что Landing page состоит из отдельных секций, точно так же и страницы конструктора контента. При этом каждая секция может отображать различную информацию и представлена в расширении как строка – “Row”, которая может быть добавлена, с использованием кнопки “AddRow”. У каждой секции, предусмотрен набор параметров, отвечающих за ее работу и дизайн, доступ к которым можно получить, нажав по соответствующей кнопке.

Информация в каждую из секций может быть добавлена с помощью так называемых дополнений – “Addon”, на которые ссылается отдельная ссылка.

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

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

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

Все очень просто!

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

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree