Шаблон лендинга для wordpress


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

Примечание: не все темы в списке бесплатные.

Перед тем, как вы ознакомитесь с заметкой, предлагаю посмотреть на эти темы:

1. Zerif PRO


Zerif Pro
Zerif Pro – красивая одностраничная тема для лэндинга, бизнес сайтов и корпоративных сайтов. Здесь очень много встроенных функций, как например портфолио,  отзывы,  сотрудники, контактные данные и т.д. Тема очень проста в использовании и поддерживает большинство конструкторов страниц drag and drop.

Сайт: http://themeisle.com/themes/zerif-pro-one-page-wordpress-theme/


2. Sydney Pro


Sydney Pro

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

Sydney Pro может быть, как одностраничной, так и многостраничной темой, т.к. здесь есть шаблоны для дополнительных страниц, а также поддержка  WooCommerce.

Сайт: http://athemes.com/theme/sydney-pro/

3. Corporate Plus


Corporate Plus

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

Сайт: https://wordpress.org/themes/corporate-plus/

4. Parallax


Parallax


Parallax – это красивая одностраничный шаблон с вылетающими элементами, эффектом параллакса, портфолио и типом записи Team (команда). В этой теме можно легко добавить анимированные прогресс-бары, бесконечную прокрутку, макеты списков и таблиц. Здесь также есть несколько графических фильтров, как например сепия, оттенки серого (grayscale), размытие, которые вы можете применить к изображениям, не прибегая к помощи Photoshop.

Сайт: http://themify.me/themes/parallax

5. OnePage


OnePage My theme shop

OnePage – одностраничная вордпресс тема, специально разработанная для бизнес сайтов. Здесь есть трансляция RSS в твиттер, клиентский раздел,  анимированный счетчик, таблица цен и т.д. Тема максимально оптимизирована, так что у нее хорошая скорость и производительность; она идет со встроенным конструктором drag and drop.

Сайт: https://mythemeshop.com/themes/onepage/

6. Mustache


Mustache cssigniter

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

Сайт: https://www.cssigniter.com/ignite/themes/mustache/


7. OnePager


Onepager

OnePager – одностраничный премиум шаблон с простым разделом портфолио и пользовательскими виджетами для слайдера, Facebook, Twitter, Google Maps, портфолио, писем и т.д. Несмотря на то, что это одностраничная тема WordPress здесь также можно найти раздел блога и шаблоны для разных страниц. Это значит, что при необходимости OnePager можно легко превратить в многостраничную тему.

Сайт: https://templatic.com/portfolio-themes/multipurpose-responsive-one-page-portfolio-theme

8. Moesia Pro


Moesia Pro

Moesia Pro – это очень стильная и умело сделанная одностраничная тема WordPress для бизнес сайтов. Здесь вы найдете drag and drop конструктор страниц, различные контент блоки, которые можно добавить и расположить любым образом и тем самым построить свою главную страницу. Здесь есть все функции, которые ожидаешь увидеть у платной темы: слайдер, шаблоны страниц, гугл шрифты и т.д.

Сайт: http://athemes.com/theme/moesia-pro/


9. Freelancer


Freelancer - шаблон одностраничного сайта

Само название темы предполагает, что ее выберет для своего сайта какой-нибудь фрилансер или специалист, промышляющий на просторах интернета. Тема полностью адаптивна. Здесь есть готовые к использованию разделы: портфолио, клиенты, отзывы и т.д. Тему очень легко настроить, также она предлагает несколько цветовых решений для каждого раздела.

Сайт: http://themefuse.com/wp-themes-shop/one-page-wordpress-theme/

10. ShowStopper


ShowStopper - уникальный шаблон для лендинга

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

Сайт: https://templatic.com/portfolio-themes/multipurpose-wordpress-theme


11. Business One


Business One

Business One – это бесплатная одностраничный шаблон WordPress, разработанный для бизнес сайтов. Он заметно отличается от конкурентов тем, что воплощает в себе современный корпоративный стиль. Здесь встроенная поддержка разделов: о компании, услуги, портфолио, сотрудники, клиенты.

Сайт: https://wordpress.org/themes/business-one/

12. Roxima


Roxima - привлекательный шаблон для landing page

Roxima – элегантная одностраничная тема WordPress для бизнес сайтов с полностью адаптивным дизайном. Здесь вы найдете несколько пользовательских виджетов и макетов. У темы доступны  разделы: о компании, услуги, портфолио, клиенты, сотрудники, которые можно легко схватить и перетащить на главную страницу.

Сайт: https://www.cssigniter.com/ignite/themes/roxima/


13. OneEngine


OneEngine

OneEngine – шаблон landing page с разделами: о компании, клиенты, услуги, портфолио, сотрудники. Здесь есть анимированные графики, таблицы цен, раздел блога.

Сайт: https://www.enginethemes.com/themes/oneengine/

14. Business Services Promotion


Business Services Promotion

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

Сайт: http://www.templatemonster.com/wordpress-themes/52442.html

15. One Page


Onepage inkthemes

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

Сайт: https://www.inkthemes.com/wp-themes/free-one-page-wordpress-theme/


16. Active Sports


Activesports

Active Sports – это тема для создания спортивного сайта или сайта компании по организации активного отдыха. Вы найдете здесь поддержку видео в качестве фонового изображения, эффект параллакса, множество шорткодов, портфолио, пользовательские виджеты и гугл шрифты. Здесь также есть поддержка так называемой «ленивой» загрузки, что делает сайт очень быстрым.

Сайт: http://www.templatemonster.com/wordpress-themes/51105.html

17. SinglePage


Single one

SinglePage- это бесплатная WordPress тема с уникальным макетом, который позволяет пользователям быстро проматывать страницу вверх и вниз. В этой теме можно использовать видео для фонового изображения, социальные иконки, возможность вставки логотипа, а также гугл карты во весь экран.

Сайт: https://wordpress.org/themes/singlepage/


18. BlackWell


Blackwell

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

Сайт: https://www.inkthemes.com/wp-themes/interior-design-wordpress-theme/

19. Restaurant


Restaurant

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

Сайт: http://www.templatemonster.com/wordpress-themes/52083.html


20. Himalayas


Himalayas

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

Сайт: https://wordpress.org/themes/himalayas/

21. ScrollMe


Scroll Me

ScrollMe – это бесплатная одностраничная WordPress тема с необычной горизонтальной перемоткой, что можно по максимуму использовать для создания портфолио. Именно поэтому она отлично подойдет для сайтов, связанных с модой, фото и дизайном интерьеров.

Сайт: https://wordpress.org/themes/scrollme/

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

Если вам понравилась статья, то не забывайте ею делиться. Подписывайтесь на мой YouTube канал, находите меня в Вконтакте и в твиттере.

 

smarticle.ru

Что нужно знать о Landing Page?


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

Landing Page (буквально – «страница посадки») – это одна веб-страница, сделанная с целью повышения конверсии вашего проекта, на которую пользователь попадает по ссылке из другого источника (речь идет о контекстной рекламе). Такая страница максимально подталкивает посетителя к совершению целевого действия.

Это достигается за счет того, что лендинг пейдж разрабатывается только под одно предложение и подразумевает совершение единственного возможного действия. Здесь работает принцип «buy or die!» («купи или умри»), то есть размещенный на посадочной странице контент не допускает никаких альтернативных действий потенциального клиента, кроме совершения того одного, под которое он написан.

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

В зависимости от желаемых действий, целями создания лендингов являются:

  1. получение контактных данных посетителя, в основном речь идет об email. Таким образом происходит формирование базы данных пользователей. Далее, с помощью email-маркетинга, из участников такого списка можно сделать полноценных клиентов. Чтобы вы захотели оставить свои контакты, в обмен на них целевая страница предлагает некий бонус, зачастую это: скачать какой-то курс без оплаты, получить бесплатную консультацию и т.п. Вот классический пример такого варианта:
    Лендинг пейдж для WordPres
  2. продажа товара или услуги. Если предлагается приобрести товар, то среднестатистическая посадочная страница в таком случае приобретает формат автономной карточки данного товара. Мы видим качественные фото, характеристики объекта, его преимущества и кнопки для совершения покупки. Вот так выглядит универсальный шаблон лендинг пейдж для WordPress, подходящий для презентации какого-либо предмета торговли:
    Шаблон Лэндинг Пэйдж для Вордпресс

  3. Когда же предлагается приобрести услугу, суть такой продающей страницы ничем не отличается от товарной. С той только разницей, что к совершению целевого действия посетителя склоняет не фраза «Купить сейчас». Здесь этому служит кнопка обратного звонка или выделяющийся на общем фоне номер телефона  для осуществления заказа или получения информации.

    Landing Page на Вордпресс

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

Как сделать качественную посадочную страницу?

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

Анализ потребительского поведения выявил, что потенциальный клиент проходит  5 основных этапов: внимание — интерес – желание – действие – удовлетворение/неудовлетворение. На основе этой информации была разработана определенная структура посадочной страницы, призванная обеспечить максимальную отдачу. Давайте рассмотрим основные ее блоки и элементы, наполняющие их.

Первый «кирпичик» идеального лендинг пейдж на WordPress и не только – первый экран. Это тот самый блок, условно можно назвать его шапкой, который виден посетителю сразу после загрузки страницы до момента скроллинга. Суть первого экрана – в привлечении внимания пользователя с целью удержать его на странице как можно дольше. Он должен быть спроектирован таким образом, чтобы «цеплять» гостя и вызывать у него желание изучить остальной контент. Какие же компоненты располагаются в этой части посадочной страницы?

  1. Логотип. Не обязательный, но желательный элемент. Его присутствие позволяет идентифицировать вас и тем самым увеличивает степень доверия к вашей компании.
  2. Дескрипт. Короткий текст, описывающий, чем вы занимаетесь, на чем специализируетесь.
  3. Контакты. Еще один инструмент повышения доверия. Преимущественно это номер телефона и кнопка заказа обратного звонка, но допускаются и другие удобные способы связи.
    Схематически верхняя полоса целевой страницы может иметь такой вид:Лендинг пейдж на WordPress
  4. Заголовок. Уникальное торговое предложение (УТП) — это то, под что создан лендинг. И вполне закономерно, что именно в заголовке оно и должно находиться. Именно заголовок с первых секунд пребывания на сайте говорит посетителю, что он перешел по правильному адресу и о чем здесь будет идти речь.
    Чтобы максимально исчерпывающе передать УТП, прибегают к такому стандарту:
     — основной заголовок. Эта часть лаконичная, ярко выраженная (с точки зрения дизайна). Продающий заголовок значительно влияет на конверсию. Для формирования основной части следует использовать релевантные слова, т.е. те, которые приводят посетителей из поисковиков на целевую страницу;
     — подзаголовок. Может использоваться для уточнения основного заголовка или обозначения еще одной выгоды.
  5. Изображение/видео как демонстрация продукта или услуги. Должны быть исключительно высокого качества. Картинка или ролик могут служить нескольким целям: способствовать усилению эмоции, ассоциирующейся с УТП, иллюстрировать пользу или взаимодействие с продуктом.
  6. Кнопка СТА. СТА – Call To Action, призыв к действию, размещается на кнопке. Именно этот элемент и становится первым из рычагов, конвертирующих потенциального клиента в реального.
    Данная кнопка призывает посетителя совершить желаемое действие. И поскольку она имеет очень важную миссию, ее оформлению стоит уделить внимание. Если вам предстоит создать Landing Page самому, проследите, чтобы кнопка  содержала предельно понятный и четкий призыв к действию («Записаться на тест-драйв», «Заказать бесплатную консультацию»), имела контрастное по отношению к фону цветовое оформление, была большой и кликабельной.

    создать Landing Page самому

  7. Иногда на первом экране размещается форма обратной связи. Таким образом структура лендинга позволяет легко найти этот элемент среди прочего контента. Число полей формы должно быть минимальным и требовать от посетителя только самую необходимую для вас информацию. Оптимально: email и имя.

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

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

  • перечень услуг, предлагаемых заказчику и процесс их предоставления;
  • детальное описание выгод, получаемых клиентом;
  • технические характеристики товара;
  • 3D-изображения;
  • варианты/версии/разновидности и их основные различия;
  • калькулятор, онлайн-конвертер и подобные сервисы;
  • результаты исследований, статистические данные, графики и т.д.

Как видим, в данном блоке будет уместна конкретика, описывающая реальную ценность предложения.

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

как сделать лендинг пейдж

плагины Landing Page для WordPress

Следующая структурная часть – доказательства авторитетности бренда. Цели окончательно подтолкнуть пользователя к покупке служат расположенные в этом блоке: отзывы клиентов и СМИ, сертификаты, награды, имена заслуживающих доверия партнеров или клиентов, примеры работ, показатели в цифрах.

как самому сделать лендинг пейдж

Landing Page

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

  • количество рецензий не должно быть меньше трех;
  • фото состоявшихся клиентов лучше использовать настоящие;
  • приветствуются ссылки на профили авторов отзывов в соцсетях (для подтверждения того, что это реальные люди);
  • желательно, чтобы текст был написан простым, «человеческим» языком.

Call To Action для Лэндинга

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

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

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

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

Как сделать Landing Page на WordPress правильно

Чтобы сделать Landing Page на WordPress действительно продающим, особое внимание стоит уделить закрытию возражений. Возражения клиента – это доводы пользователя, почему он не хочет приобрести товар или услугу. Например: «у вас дорого», «я встречал дешевле», «какие гарантии качества?», «а если вы возьмете предоплату и исчезнете?», «не знаю, какой вариант выбрать», «а точно успеете за 3 дня?», «и какой результат я получу, если схожу на ваш семинар?». То есть допускается ситуация, что ваше УТП интересно потенциальному клиенту, но у него возникают сомнения. Эти сомнения вам и необходимо предвидеть.

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

Лаконичность. Должна быть положена в основу всех текстов лендинга. Минимум объема – максимум информации. Помните, что контент в интернете не читается, а просматривается. Поэтому суть должна быть на виду и обращать на себя внимание, а не скрываться в длинных «полотнах».  К слову, по тому же принципу плохо работает и мелкий шрифт.

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

Особенности шаблона для посадочной страницы

Мы с вами уже знаем, как устроен сам механизм посадочной страницы. Но как выбрать тему Landing Page для WordPress, чтобы иметь возможность разместить в ней все необходимые элементы и сделать их работу эффективной?

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

Но если для блога выбор оформления – это скорее вопрос вкуса и трендов, то для Landing Page дизайн – это инструмент конвертации посетителя в клиента. С помощью дизайна расставляются акценты на нужных местах посадочной страницы. Это способствует определенному, выгодному для вас, восприятию информации пользователем. Рассмотрим основные требования к дизайну Вордпресс-темы лендинг пейдж:

  • желательно, чтобы высота первого экрана не превышала 700 пикселей;
  • основной заголовок (h1) рекомендуется размещать слева или по центру. Он должен иметь хорошую читаемость, поэтому, если фон первого экрана не однотонный, сложный, обратите внимание на то, чтобы под текстом располагалась полупрозрачная подложка;
  • форма и кнопка СТА должны быть контрастными по отношению к фону (если фон темный – форма светлая, и наоборот, а кнопка призыва к действию — яркая). Количество полей — минимальное;
    темы для создания Landing Page на WordPress
  • отдайте предпочтение теме, в которой используются шрифты без засечек и в количестве не более двух;
  • выбирая шаблоны лендинг пейдж для Вордпресс, остановитесь на тех вариантах, где много свободного пространства. Что это значит? Следует избегать нагромождений текста и изображений. Стиль минимализма дает возможность сконцентрировать внимание потенциального клиента на основном и выделить кнопки СТА.

шаблоны лендинг пейдж для Вордпресс

При желании, овладев основами, вы можете самостоятельно отредактировать файлы шаблона, файл стилей style.css, изменить  или добавить шрифт по своему вкусу и в соответствии с вашим УТП. Это предоставит вам большую свободу в выборе темы для создания Landing Page на WordPress.

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

pro-wordpress.ru

TheGem

Шаблон лендинга для wordpress
Универсальный одностраничный шаблон со 100+ готовых шаблонов и более 50 структурных концептов, которые можно редактировать и дополнять с помощью удобного визуального редактора. Установив тему, вы сможете за несколько минут развернуть сайт на WordPress для лендингов digital-агентств, онлайн-магазинов, ресторанов, юридических компаний и т.д. Кроме оформления для лендинга, с помощью TheGem можно организовать корпоративный многостраничный сайт.

Что вы получаете после покупки шаблона:

  • SEO-friendly код;
  • Адаптивность, ретина. Сайт одинаково хорошо работает на мобильном телефоне, планшете и ПК;
  • Поддержка Woocommerce, Visual Composer, Slider Revolution;
  • Интеграция с Mailchimp в коробке;
  • Полный перевод на русский язык.

Смотреть детали
Демо

Fusion

Шаблон лендинга для wordpress
Шаблон для Landing Page под WordPress, который подойдет для сайтов, предназначенных для рекламы приложений. Если одностраничник нужен, чтобы с его помощью продвигать программу или игру, это один из лучших вариантов среди премиумных тем. К шаблону можно быстро “прикрутить” все, что нужно для организации приема заявок с сайта. Например, Contact Form 7 интегрирована с Fusion изначально (в т.ч по оформлению).

Что вы получаете после покупки шаблона:

  • Адаптивность, ретина. Мобильная версия загружается на 200% быстрее, чем десктопная;
  • 1500+ иконок;
  • 600+ шрифтов (50 поддерживают кириллицу);
  • Конструктор шорткодов;
  • Простая кастомизация через расширенную админку;
  • Revolution Slider и Nivo Slider в коробке;
  • Встроенный уникальный плагин портфолио на AJAX, виджет для Инстаграма.

Смотреть детали
Демо

Startuply

Шаблон лендинга для wordpress
Отличная тема для стартапов, креативных и диджитал агентств, веб-студий. Особенность шаблона — наличие большого количества элементов, присущих для landing page. Здесь есть триггеры с различным дизайном, встроенные popup окна, который можно редактировать из админки, блоки для формирования базы подписчиков и т.д.

Тема интегрирована с плагином Revolution Slider, он идет в комплекте вместе с 20+ заготовок, которые можно использовать в лендинге — анимированные изображения статистики, графики. Начальный экран можно оформить одним из 7 способов: с анимацией, с видео на фоне, с быстрой регистрацией, со ссылкой на приложение и т.д.

Что вы получаете после покупки шаблона:

  • Полноценная интеграция с Visual Composer, Revolution Slider (идет в коробке, отдельно покупать не нужно);
  • 15 заготовок готовых лендингов и отдельных элементов, которые можно совмещать между собой как захотите;
  • 10 видов форм регистрации;
  • Интеграция с Mailchimp, Mad Mimi, Aweber, Campaign Monitor, Getresponse без дополнительных модулей;
  • Поддержка модуля Woocommerce;
  • Расширенная админка.

Смотреть детали
Демо

Dikka

Шаблон лендинга для wordpress
Универсальная многоцелевая одностраничная темы для WordPress. Это тот дизайн, который можно использовать в лендинге, продукта, компании, приложения, отдельной услуги и т.д. Сфера применения зависит только от вашей фантазии — многофункциональный drag and drop редактор позволит изменить структуру и добавить любые дополнительные элементы. В этой теме для WordPress уже есть 5 концептов, которые можно использовать сразу после установки или изменив их под себя. В коробке есть заготовки сайтов для архитектурной студии, диджитал-агентства, корпоративного сайта, лендинга, лендинга для приложения.

Подобные шаблоны WordPress умеют работать с Visual Composer. Dikka — не исключение. В комплекте присутствуют виджеты для визуального редактора, которые можно импортировать и использовать, редактируя страницы своего сайта.

Что вы получаете после покупки шаблона:

  • Полноценная интеграция с Woocommerce;
  • Адаптивность, ретина;
  • Одностраничник с возможность расширения до корпоративного многостраничного сайта с блогом и портфолио;
  • Премиум плагины, которые позволяют сэкономить 84 доллара (Revolution Slider, Cube Portfolio и другие);
  • Портфолио на AJAX;
  • 1500+ иконок, 600+ шрифтов;
  • Настройка типографики;
  • Админка с расширенными возможностями.

Смотреть детали
Демо

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

Похожие статьи

wordpresslib.ru

20+ шаблонов WordPress для создания Landing Page

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

1. Jupiter.

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

Шаблон лендинга для wordpress

2. Brooklyn.

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

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

Шаблон лендинга для wordpress

3. Uncode.

Это легкий и приятный шаблон с отличными интерфейсом и типографикой. Более того, шаблон Uncode является номинантом и победителем нескольких рейтингов и конкурсов, среди которых можно отметить такие, как Awards. Тема включает в себе множество уже готовых страниц Landing Page, на которых вам останется только поменять картинки и текст. Как сам сайт, так и изображения адаптируются под различные устройства. Приятным бонусом будет, качественная и многофункциональная настройка сайта.

Шаблон лендинга для wordpress

4. H-code.

H-code – это достаточно новый шаблон, однако он уже успел «засветиться» и показать себя с хорошей стороны. В частности, это свыше 50 готовых посадочных страниц (можно сделать из H-code многостраничник, лендинг, портфолио, блог, корпоративный сайт и еще несколько других вариантов сайта). На каждую из этих тематик есть по 3-12 различных скинов.

Шаблон лендинга для wordpress

Помимо аккуратного стиля и визуальной красоты и эстетики, шаблон также отличается простотой имеющихся в неограниченном количестве элементов и виджетов, а также пристальным внимание к деталям. В комплекте с шаблоном идёт Revolution Slider, Visual Composer и готовые страницы для WooCommerce.

5. Cosonix.

В шаблоне под названием Cosonix каждый имеет право настроить сайт под свои личные или корпоративные потребности – шаблон способен превратиться во все, во что необходимо. К примеру, это может быть личный сайт, интернет-магазин или подписная страница для сбора базы e-mail рассылок.

Шаблон лендинга для wordpress

Шаблон Cosonix интегрируется с MailChimp (сервис для e-mail маркетинга). Формы MailChimp уже установлены в тему и не требует дополнительных действий. При помощи Cosonix можно создавать оригинальные одностраничные сайты.

6. Kapital.

Шаблон под названием Kapital состоит из 6 различных демо-версий однастраничников, начиная от женских тематик и заканчивая вариантами для бизнеса. Шаблон Kapital является адаптивным, что отвечает современным тенденциям веб-разработки. Это объясняется тем, что при его разработке была использована система сетки из 12 колонок. По этой причине сайт всегда будет выглядеть стильно и красиво, вне зависимости от устройства и диагонали.

Шаблон лендинга для wordpress

Шаблон способен поразить пользователей своими необычными паралакс-эффектами и видеофоном. Помимо этого, в арсенале Kapital всегда есть свыше 45+ различных шорткодов.

Отдельно стоит отметить и удобный в использовании редактор drag and drop, который понравится пользователям в процессе создании Landing Pages.

7. Scalia.

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

Шаблон лендинга для wordpress

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

К другим особенностям можно отнести диаграммы, поля для текста, строки и поля с информацией о проекте, а также команды, данные с контактами и множество других различных элементов. В целом же у шаблона Scalia свыше 150+ различных вариантов оформления, поэтому каждый сможет найти себе что-нибудь по душе.

В дополнение к этому шаблону вы получите такие плагины, как WPML, Woo Commerce, Layer_Slider и другие. Все бонусные плагины в сумме стоят 50 долларов, однако при покупке шаблоны их можно получить совершенно бесплатно.

8. Miracle.

Шаблон под названием Miracle можно называть одновременно и креативным, и аккуратным. Одностраничники, создаваемые с помощью этого шаблона, можно адаптировать практические под все возможные идеи. При приобретении этого шаблона Miracle можно отбить и получить его стоимость в виде нескольких достаточно значимых и полезных бонусов, которые идут в комплекте. К этим бонусам относятся такие, как slider revolution, visual compressor и другие.

Шаблон лендинга для wordpress

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

9. Native.

Native не зря называют мощным по сравнению с аналогами. Часто этот шаблон применяют для раскрутки стартапов или презентации b2b сервисов. Шаблон Native включает в себя 14 настраиваемых заголовка, адаптивную вёрстку, встроенный конструктор и более 60 шорткодов.

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

Шаблон лендинга для wordpress

10. The7.

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

Шаблон лендинга для wordpress

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

11. Salient.

Шаблон под названием Salient — это универсальная тема с грамотно созданным, отзывчивым внешнем видом. Ее чаще других выбирают, если нужно сделать сайт-одностраничник. Здесь есть такие моменты, как parallax-эффекты, а также премиум-типографика и несколько других особенностей, помогающих усилить положительное впечатление от просмотра и изучения вашего Landing Page.

Шаблон Salient оптимизирован с обновлением кадров, что говорит о максимально плавных переходах и прокрутках страницы. Картинки и другие медиа здесь адаптивные, поэтому страницы будут загружаться быстро.

12. TheGem.

Еще один современный шаблон для сайтов – это шаблон под названием TheGem. Есть SEO-оптимизация и отзывчивая раскладка. Шаблон отличается быстрой загрузкой, небольшим весом и продуманным UX. Все это идет на пользу общей производительности шаблона. Дизайнерские элементы настраиваются и обновляются с помощью такого плагина, как Visual Composer.

Контент отображен в своих блокаж, а подгрузка информации происходит как по кнопке, так и на уровне автоматики. Фон сайта может быть видеофайлом.

13. Marketing Pro.

Этот шаблон под названием Marketing Pro, создавался для обеспечения высокой конверсии, быстрого SEO-продвижения и презентационного маркетинга. Любая дефаултная страница в шаблоне создана по технологии марктинг-кит, что гарантирует высокие продажи с сайта.

14. Jevelin.

Шаблон под названием Jevelin – это еще один шаблон с полностью адаптивным дизайном, который облегчит процесс создания сайта-одностраничника на CMS WP. Используемые в шаблоне темы помогают запустить создаваемый проект в рекордно короткие сроки.

За счет богатого количества различных инструментов и настроек, среди которых есть 9 хедеров, 40 элементов и множество других элементов, через Jevelin можно создавать уникальные сайты-одностраничники.

15. Kalium.

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

16. Navy.

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

17. Inbound.

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

Дизайнерскую настройку сайта, создаваемого по шаблону Inbound, можно выполнять при помощи специального визуального генератора. Этот генератор создает посадочные страницы и называется он Landing Page Builder.

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

18. One.

One – это креативная и интересная тема, при помощи которой можно создавать крутые Лендинги, в которых внимание акцентируется на создании и продвижении различных материалов и продуктов.

Фронтенд для One был произведен на bootstrap версии №3, а также на html5, поэтому к нему могут быть интегрированы такие элементы и плагины, как Contact Form 7.

19. Total.

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

20. Stockholm.

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

В библиотеке есть свыше 600 шрифтов Google, возможность комбинирования опций и блоков из нескольких сайтов, представленных в демоверсии.

21. Ronneby.

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

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

internet-marketings.ru

Выбор и настройка шаблона для Landing Page

Для создания Landing Page на WordPress большое значение имеет шаблон оформления сайта. Для лендинга было бы не плохо подобрать такой шаблон, у которого есть возможность выводить определенные виджеты в шапке сайта. Это понадобится для вывода контактных данных, а так же кнопки для заказа звонка или ей подобной.

Из бесплатных шаблонов WordPress для создния Landing Page я могу вам посоветовать тему Vantage.

Преимущества данного шаблона WordPress:

  • Позволяет выводить виджеты в правом верхнем углу шапки.
  • Имеет много различных настроек.
  • Есть два типа шапки.
  • Позволяет переключаться между двумя типами макета страницы (широкоформатная страница или с фиксированной шириной).
  • Адаптивный.
  • Можно изменять количество колонок в футере.
  • Бесплатный.

Основной недостаток шаблона:

  • Не даёт возможность настраивать цвета сайта из админки.

Установить данный бесплатный шаблон можно из репозитория WordPress.

Для этого в административной части сайта переходим в раздел «Внешний вид» => «Темы».
Далее нажимаем кнопку «Добавить новую», вводим название шаблона в поисковую строку, а затем устанавливаем и активируем данную тему.

Для настройки данного шаблона нужно сделать следующее:

  1. 1.Переходим в раздел «Внешний вид» => «Настроить».
  2. 2.Далее, переходим в раздел «Theme Settings», и здесь нажимаем на ссылку Logo, после чего, на ссылку «Выбрать файл» и загружаем изображение.
  3. 3.Так же, вы можете вместо надписи «Phone number» ввести свои контактные данные. Но я не советую вам это делать именно таким способом. Мы это лучше сделаем при помощи виджета.
  4. 4.Возвращаемся в предыдущее меню, нажимая на стрелочку в верхнем левом углу и переходим в раздел «Layout». Здесь мы можем выбрать один из видов макета страницы:

    «Boxed» – макет страницы с фиксированной шириной.

    «Full Width» – макет на всю ширину страницы.

  5. 5.В разделе Masthead Layout можно выбрать макет шапки для Landing Page
    «Default Masthead» — меню выводится под шапкой и справа можно вывести виджеты
    «Logo in menu» — меню располагается в один ряд с логотипом (виджеты в шапке в этом случае не выводтся)
  6. 6.Далее, возвращаемся в предыдущее меню. Переходим в раздел «Navigation», и здесь мы, прежде всего, ставим галочку «Mobile menu», что бы у нас на мобильных устройствах появлялось мобильное меню.
  7. 7.Далее, при желании, можно убрать эффект прилипающего меню. Для этого достаточно снять галочку «Sticky Menu».
  8. 8.Так же убираем галочку «Search in Menu», что бы убрать иконку поиска. Потому как нам на Landing Page поиск, в принципе, не нужен.
  9. 9.И в самом конце ставим галочку «Mobile Navigation».
  10. 10.Теперь нажимаем на кнопку «Сохранить и опубликовать». Нажимаем на крестик в левом верхнем углу и переходим в раздел «Внешний вид» => «Виджеты».
  11. 11.Здесь у нас есть область виджетов, которая называется «Header», в неё мы можем добавить свои контактные данные, либо кнопку для всплывающей формы. Для этого воспользуемся виджетом «Текст».
  12. 12.Если вам нужно указать просто один номер телефона, то вы можете ввести его в заголовке. Если же вам нужно будет вставлять какой-то фрагмент кода, или фрагмент текста, то вы вставляете его в поле «Содержимое».

    Здесь можно вывести всплывающую форму «Заказать звонок». Если вы не знаете, как на WordPress можно создать такую форму, то вот ссылка на статью с пошаговой инструкцией и видео.

  13. 13.Фрагмент кода из статьи про всплывающие формы нужно вставить в поле «Содержимое» в виджете «Текст». В данном коде нужно будет удалить или заменить надпись «Текст», заменить шорткод формы обратной связи на свой, а также изменить текст надписи на кнопке. Из этой же статьи можно взять CSS код для стилизации ссылки.
  14. 14.После этого нажимаем на кнопку «Сохранить».

Редактирование меню

Далее, переходим к редактированию меню Landing Page. Для этого:

  1. 1.Заходим в раздел «Внешний вид» => «Меню» и добавляем сюда нужные пункты как произвольные ссылки. Сейчас я здесь буду в качестве ссылки ставить решетку, а затем, когда у меня будет сформирована структура страницы, я буду здесь проставлять якоря, при помощи которых можно будет переходить в различные части страницы.
  2. 2.После того, как все пункты добавлены, смотрим, что бы у нас была выбрана область темы и нажимаем на кнопку «Сохранить меню».

Создание структуры Landing Page

Для облегчения работы по созданию структуры страницы воспользуюсь бесплатным плагином Page Builder By Site Origin.

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

  • Данный плагин не даёт большой нагрузки на сайт.
  • Имеет визуальный редактор и набор дополнительных виджетов.
  • Помимо своих виджетов он позволяет так же задействовать стандартные виджеты WordPress, а так же виджеты других плагинов.
  • Позволяет создавать адаптивные страницы.
  • Работает практически со всеми шаблонами и плагинами WordPress.
  • Бесплатный.

Устанавливается он так же как и все остальные плагины.

После установки и активации переходим к формированию непосредственно самой структуры страницы.

  1. 1.Для этого создадим новую страницу. Заходим в раздел «Страницы» => «Добавить новую», назовем ее «Главная».
  2. 2.Здесь, сразу же в правой части окна, в поле шаблон, нам нужно выбрать «Full Width Page No Title». Это позволяет нам сделать данную Landing Page на всю ширину без использования сайдбаров и без вывода заголовка страницы.
  3. 3.Теперь мы видим, что у нас, помимо обычных вкладок «Визуально» и «Текст», появилась вкладка «Page Builder». Переходим на нее и здесь мы видим панель инструментов данного плагина. Для формирования структуры Landing Page мы будем использовать две основные кнопки, это «Добавить строку» и «Добавить виджет».
  4. 4.При добавлении строки мы можем задавать, сколько колонок будет расположено в этой строке. При этом можно регулировать ширину каждой из колонок путем перетаскивания границы. В моем случае сейчас понадобится одна колонка. После выбора параметров нажимаем на кнопку «Вставить».
  5. 5.Далее, мне нужно добавить в эту строку какой-то виджет. Для этого я кликаю по ней и затем нажимаю на кнопку «Добавить виджет».
  6. 6.Для того, что бы вывести в строке текст, форму или изображение можно использовать виджет «Site Origin Редактор». Единственное, для того, что бы этот редактор работал, нужно будет доустановить еще один плагин. Он называется «Набо виджетов Site Origin».
  7. 7.После вставки данного виджета наводим на него курсор и нажимаем на ссылку «Редактировать», после чего переходим по предложенной ссылке «набор виджетов Site Origin» для установки плагина, а затем активируем его.
  8. 8.Теперь вернемся к редактируемой странице, закроем данный виджет и нажмем на кнопку «Опубликовать» для того, что бы страница обновилась и WordPress увидел установленный плагин.
  9. 9.Теперь, если мы нажмем на ссылку «Редактировать» на добавленном виджете, то у нас откроется визуальный редактор, в котором мы можно добавить свой текст, изображение или шорткод. После внесения изменений нажимаем на ссылку «Выполнено».
  10. 10.Для задания фона для строки Landing Page наводим курсор на ключик в верхней правой части строки и выбираем здесь пункт редактировать строку.
  11. 11.У меня открывается панель с правой стороны, которой есть три вкладки: «Атрибуты», «Макет» и «Дизайн».

    На вкладке «Атрибуты» можно дописать для этой строки дополнительный идентификатор, дополнительный класс строки, дополнительный класс для ячеек, которые будут размещаться внутри данной строки, а так же можно здесь прописать css-свойства.

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

  12. 12.Для того, что бы строка была на всю ширину страницы, нужно изменить здесь макет строки. По умолчанию он будет как бы обрезанный, то есть, с фиксированной шириной. Чтобы сделать его на всю ширину, выбираем пункт «Во всю ширину».
  13. 13.Теперь переходим к вкладке «Дизайн». Здесь мы можем задать цвет фона, нажив на кнопку выбрать цвет. Открывается палитра, в которой можно задавать тот цвет, который вам больше нравится.
  14. 14.Так же, вы можете здесь выбрать какое-то фоновое изображение для данной строки . Для этого нажимаем на кнопку выбрать изображение и загружаем его с компьютера.
  15. 15.На этой же вкладке можно задать позицию фонового изображения и применить к нему паралакс-эффект. После внесеия изменений нажимаем на кнопку «Выполнено» в нижнем правом углу.
  16. 16.Для того чтобы увеличить высоту определённой строки можно задать для неё верхний и нижний отступ. Для этого на панели редактирования строки переходим на вкладку «Макет».

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

Нажимаем на ссылку «Добавить строку», задаем здесь четыре колонки и нажимаем «Вставить». Теперь добавляем в одну из колонок тот же виджет «Site Origin Редактор».

Для данного виджета можно, точно так же как и для строки, задать различные параметры. Нажимаем на ссылку «Редактировать» точно так же справа, видим три вкладки: «Атрибуты», «Макет» и «Дизайн». Содержимое этих вкладок немного отличается от тех, которые были для строки.

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

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

Для удаления строки, точно так же, наводим указатель на ключик и нажимаем на ссылку удалить строку, а затем нажимаем на ссылку «Вы уверены».

Вот таким образом вы можете добавлять другие строки и блоки на вашу Landing Page и заполнять их текстом и изображениями.

Добавление карты на Landing Page

В Landing Page часто используются карты Яндекс или Google. Для того, что бы добавить такую карту, вам нужно:

  1. 1.Cгенерировать скрипт на специальном сервисе Яндекса или Google. Более подробно о том, как это сделать вы можете узнать из следующих статей:

    Как вставить карту яндекс на сайт WordPress
    Как добавить гугл карту на сайт

  2. 2.Добавляем новую строку. Делаем для нее ширину 100%, после чего, в разделе макет нам нужно задать «Во всю ширину (растянуто)», и сделать нижнее поле 0 px. Нажимаем на кнопку «Выполнено» и добавляем в эту строку виджет текст.
  3. 3.Теперь в данный виджет нам нужно вставить скрипт, который мы получили в сервисе Яндекс.Карты.
  4. 4.Далее, нажимаем на кнопку «Выполнено» и нажимаем на кнопку «Обновить» чтобы изменения применились.

Доработка шаблона WordPress

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

Более подробно о внесении изменений в тему WordPress, вычислении классов, идентификаторов и дописании им дополнительных свойств вы можете узнать из этой статьи:

Изменение темы WordPress. Определение Class и ID

Если вы будете использовать данный шаблон для создания своей Landing Page, то вам нужно будет в конце файла style.css для блока с идентификатором main задать следующие свойства:

После чего нажать на кнопку «Обновить файл».

Видеоинструкция

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

Если статья была для вас полезной – не забудьте нажать на одну из кнопок соцсетей ниже.
А также подписывайтесь на рассылку чтобы не пропустить ничего нового.
Хорошего вам дня! Жду вас в следующей статье 🙂

С уважением Юлия Гусарь

impuls-web.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.