Как сделать лендинг joomla
Joomla3-x.ru
Вступление
Лендинг пейдж или посадочная страница, обычно, коммерческого сайта, создается для сосредоточения максимально полезной информации о компании для удержания посетителя. На CMS Joomla есть набор необходимых инструментов для создания посадочных страниц.
Лендинг пейдж без сторонних расширений: способ 1
Задача, сделать посадочную страницу сайта Joomla, используя только стандартные инструменты администрирования, без сторонних расширений.
Примечание: Все название условные, для примера.
Однако чтобы разнообразить, стандартную лендинг-страницу, можно и нужно создать специальные модули и разместить их только на странице пункта меню «landing». Например, модуль с формой регистрации или входа на сайт или модуль популярности материалов (товаров).
Всё! Готово, Лендинг пейдж на стандартной странице Joomla почти создан.
Оформление стандартной посадочной страницы
Главный минус этого способа, это ограничение в оформлении такой страницы. Стандартными инструментами Joomla мы не сможем поместить на страницу материала модули Joomla.
Конечно, можно вспомнить, про инструмент, который позволяет вставлять любые модули на любую страницу материала. Называется этот инструмент плагин «LoadModul». Он входит в коробочную версию CMS, однако очень часто работает некорректно и не имеет настроек.
Поэтому предлагаю, другой аналогичный плагин «Modules Anywhere» ( https://www.regularlabs.com/extensions/modulesanywhere ). Он бесплатный, удобный, имеет несколько настроек, тройку стилей и работает безотказно.
Посадочная страница сайта Joomla из модулей: способ 2
Можно сделать посадочную страницу иначе, в виде наборов модулей. Современные шаблоны, позволяют разместить модули не только в сайдбарах справа или слева, но и навесить модули по телу сайта.
Согласен, оба варианта похожи, но не совсем. Во втором варианте, нет текстовых материалов, только модули, а также не нужны расширения для добавления модулей в материал. По сути, страница по второму способу это страница, состоящая только из модулей.
Лендинг на дубле шаблона: способ 3
Как видим, можно сделать посадочную страницу стандартными инструментами Joomla. Остается один минус, ограничения стандартных типов модулей, которые обедняют внешний вид лендинг страницы.
Исправить это можно, поискав в расширениях Joomla (https://extensions.joomla.org) красивые модули для оформления и страница входа может получиться симпатичной.
Есть еще один минус этих вариантов это шапка и меню, которые остаются на странице. Если вы не хотите, чтобы на лендинг-странице была шапка и меню, нужно:
Использование одностраничного шаблона: способ 4
Можно не делать копию шаблона, а установить второй одностраничный шаблон и использовать его специально для лендинг-страницы. Это вариант очень популярен у веб-мастеров. Читайте: Одностраничные шаблоны Joomla и 39 реальных авторов Joomla шаблонов.
Способ 5: Посадочная страница с помощью специального расширения
Выводы
Не люблю хвалить Joomla, есть у неё недостатки. Однако, для создания лендинг-страниц, посадочных страниц, страниц внимания, назовите их, как хотите, CMS Joomla открывает возможности творческого подхода.
Landing page на Joomla. Часть 1
Дата публикации: 2016-11-15
От автора: приветствую Вас дорогой друг. В данное время веб-сайты это не просто странички с определенной полезной информацией – это еще и средство дохода его владельцев, в том случае если предоставляются некоторые услуги или же продается конкретный товар. Поэтому в данной статье мы с Вами поговорим о том, как реализуется 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”, на которые ссылается отдельная ссылка.
При этом, каждое дополнение, формирующее контент, так же в свою очередь имеет определенный набор настроек, которые отвечают за оформление содержимого.
Теперь, на данном этапе мы сделаем небольшой перерыв и продолжим создание лендинг пейдж джумла в следующей части данной статьи. То есть подготовительные работы завершены и осталось лишь добавить контент в секции будущей страницы.
Так что увидимся в следующей статье. Всего Вам дорого и удачного кодирования.
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Joomla3-x.ru
Вступление
Казалось бы, само понятие одностраничный шаблон не требует особых пояснений. Однако я постараюсь показать несколько интересных фактов про одностраничные шаблоны Joomla, которые вам нужно знать, если вы занимаетесь сайтом на CMS Joomla.
Что такое одностраничные шаблоны Joomla
Одностраничные шаблоны Joomla иначе называемые одностраничники, в классическом варианте состоят из одной страницы. Сайт на одностраничнике превращается в веб-страницу сконцентрированной информации по одной основной теме. Для развития темы, основную информацию окружают дополнительные информационные модули.
Здесь нужно сделать важное замечание. Современные макеты шаблонов позволяют верстать одностраничные шаблоны, с практически любым, количеством дополнительных модулей. Поэтому, по факту под одним URL сайта, скрывается очень длинный веб-документ, прокрутка которого может занять десяток секунд. На вопрос, что такое одностраничный шаблон, я бы дал такой ответ:
Одностраничный шаблон, позволяет создать веб-ресурс, на котором постраничная навигация через меню, заменяется просмотром сайта при помощи прокрутки.
Например, одностраничник сайт овощной базы.
Важно сделать еще одно замечание. Современные технологии позволяют создавать одностраничные сайты с меню, которое позволяет быстро перескакивать на нужную информацию сайта, без листания.
Зачем нужны одностраничные шаблоны
Давайте пофантазируем и составим список, для чего может быть нужен одностраничный сайт:
Повторюсь, одностраничный сайт выполняет конкретную, целевую задачу, чаще для привлечения внимания, пользователя. Именно поэтому, одностраничные сайты называют landing page (лендинг пейдж), что означает целевая страница.
landing page для многостраничного сайта
Landing page активно используются в качестве посадочной страницы для многостраничных сайтов, чаще коммерческих. Например, на главной странице сайта делают красивый лендинг, который не только рассказывает о разделах сайта (магазина, компании), но и выполняет задачу навигационного меню, через модули.
Зачем нужны одностраничные шаблоны Joomla
Кроме создания, чисто, одностраничного сайта, одностраничные шаблоны Joomla, могут выполнять другую задачу.
В системе Joomla, есть возможность использовать два различных шаблона для разных частей контента. Именно эта возможность, позволяет сделать посадочную страницу сайта Joomla на одностраничном шаблоне, а основной сайт на другом стандартном шаблоне системы.
Зачем? Поясню. Априори, одностраничные шаблоны создаются с акцентом на красивый, яркий, броский внешний вид с большим количеством модулей. Использование одностраничника для главной страницы избавляет от нудной сборки уникальной главной страницы на стандартном шаблоне, поиска сторонних расширений для улучшения внешнего вида и функционала стандартных шаблонов Joomla.
Делается это так. Устанавливаете основной шаблон сайта и второй одностраничный шаблон для посадочной или главной страницы. При назначении главной страницы в модуле меню, выбираете для главной шаблон посадочной страницы и всё. Лендинг пейдж готов. Подробно читать в статье Использование двух шаблонов на Joomla 3.
Кроме этого, имея одностраничный шаблон можно:
Примеры одностраничника
Как строятся одностраничники Joomla
Одностраничные шаблоны создаются на основе фреймворка. Кто не знает, фреймвор это такой конструктор шаблонов «сделай сам». Это позволяет использовать сотни настроек фреймворка, и настройка шаблона превращается в конструктор с перетаскиванием модулей.
Особенности одностраничных шаблонов
Основания особенность всех одностраничников это большое количество позиций модулей. Больше того, фреймворки используемые для верстки, позволяют эти модули создавать самостоятельно в визуальном режиме конструктора. Это так называемые, компоновщики Drag & Drop, которые позволяют создавать любое количество уникальных макетов в 5 раз быстрее традиционного способа.
Для примера приведу описания одностраничного шаблона, который можно назвать среднестатистическим:
Где взять одностраничные шаблоны Joomla
Как всегда, шаблоны Joomla можно найти в бесплатном и платном вариантах. Вот несколько источников, которые я буду расширять в разделе шаблоны.
Вывод
Действительность такова. Одностраничные шаблоны Joomla имеют явное коммерческое назначение. Как следствие, собранные (готовые) одностраничники чаше продаются. С другой стороны, любой одностраничник кем-то собран на базе одного из десятка фрейморков «гуляющих» в сети в свободном доступе. Проявив терпение и потратив время, можно самостоятельно собрать одностраничник на базе такого фреймворка.
Не для рекламы, а для понимания возможностей. Компания Joomshaper создавшая Helix3, создала платный конструктор шаблонов SP Page Builder ( https://www.joomshaper.com/page-builder ). С его помощью можно делать, отличные шаблоны, как ребенок собирает лего.
Видео статьи «SP Page Builder»
Как создать Landing Page. 3 варианта
В прошлой заметке мы рассмотрели типы лендингов и что они дают.
В этой заметке рассмотрим варианты их создания.
Сложно ли сделать хороший лендинг с нуля, и самому. И что для этого нужно?
Сделать лендинг бесплатно и платить за него каждый месяц?
Я думаю этот вариант не так интересен Вам. Верно?
Есть специальные сервисы для создания лендинг пейдж, но за них нужно платить регулярно.
Лучше про то, как создать лендинг бесплатно и не платить за него никому. Да?
Вариант 1. Скачать шаблон лендинга
В сети полно разных шаблонов для лендингов, начиная от совсем простых, заканчивая целыми скриптами.
Правда вся документация или на английском, или её вообще не найти.
В готовом шаблоне лендинга остаётся только изменить текст и разместить html страницы шаблона на вашем хостинге.
Дизайн такого лендинга, как правило красивый и профессиональный. Выглядит он хорошо.
Для этого нужно хотя немного знать html и css.
У меня есть бесплатный ускоренный курс, можете посмотреть >>
Плюсы этого варианта:
Минусы:
Вариант 2. Сверстать лендинг на HTML И CSS
Как по мне так сверстать лендинг проще, чем сверстать сайт.
У меня также есть видеокурс, где мы создаём адаптивный лендинг для веб-студии.
Можете посмотреть >>
Дизайн для лендинга можно найти в интернете, их тоже полно там.
Есть даже бесплатные PSD исходники для фотошопа, т.е. сам дизайн (картинка лендинга)
Этот вариант хорош тем, что вы создаёте всё сами, а значит и сможете изменить так как вам нужно.
Или как того требует заказчик.
При желании можно вставить любые скрипты и JS-функции.
Плюсы:
Минусы:
Но есть ещё 3-ий вариант.
Вариант 3. Использовать конструктор страниц для Joomla
Например:
Такие пейдж билдеры есть и для других CMS.
Вся фишка в том, что страницы создаются в самой Joomla и туда можно вставлять любые блоки и модули.
Т.е. всё делается из админки.
Плюсы:
Минусы:
Но единственный минус этого варианта можно легко решить.
На примете есть одно классное решение, которое позволяет создавать лендинги в Joomla быстро, аккуратно и профессионально.
Подробности по этой ссылке: супер лендинги на Joomla >>
Подведём итог.
1 вариант подходит, если вам нужен всего один лендинг, и вы немного разбираетесь в HTML и CSS.
2 вариант подходит, если вы хорошо разбираетесь в HTML и CSS и хотите создавать лендинги под заказ.
3 вариант подходит почти всем. И тем кто будет делать лендинги на заказ, и тем кто будет создавать их для себя.
Даже если вы не знаете HTML и CSS.
Причём легко и быстро, и лендинг будет выглядеть профессионально.
О расширенном и улучшенном 3-м варианте вы можете посмотреть по этой ссылке >>