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

Лес « Всплывающие страницы Элегантное решение этой проблемы. Они могут действовать как визитные карточки или даже помочь вам увеличить конверсию при правильном использовании. В этом руководстве мы исследуем концепцию " Всплеск страницы или «обложка» в современном веб-дизайне. Далее мы покажем вам несколько примеров различных титульных страниц и предложим несколько плагинов, которые помогут вам интегрировать такой контент на ваш сайт. ваш блог.

Что такое заставка?

Еще называется форзац "Или" Начальная страница Это раздел вашего сайта, который посетители видят перед тем, как перейти к основному содержанию. Обычно они имеют целевой контент, особенно кнопки с призывом к действию (CTA), и действуют как воронка для контента на вашем сайте. Вот пример домашней страницы в современном стиле:

Пример страницы заставки Wordpress

Хотя использование этой страницы несколько уменьшилось (отчасти из-за проблем с пользовательским интерфейсом) Они предлагают большие преимущества, такие как:

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

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

Тем не менее, традиционные страницы запуска по-прежнему жизнеспособны для некоторых приложений, таких как:

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

Теперь мы рассмотрим некоторые примеры, которые будут вдохновлять вас.

Пример страницы выплеска

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

1 - CoLofts

Пример колофтов

http://colofts.ca/

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

2 - Сделай его идеальным

Сделайте это идеальным примером

посещение

Наш следующий пример: " Make It Идеальный "Который представляет" страница выплеска »Ретро-тренд. Он включает в себя панель загрузки, что в наши дни довольно редко встречается на современных веб-сайтах, и не без оснований. Считается, что средняя скорость интернета увеличилась, и поэтому установлен индикатор загрузки, что, возможно, отпугивает посетителей. В идеале этот элемент не существенный, а визуально привлекательная панель загрузки.

3 - Обезьяна

Пример Apeunit

посещение

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

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

Некоторые плагины для добавления всплеск страниц на WordPress

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

1 - Страница-заставка WP

Плагин Splash page wp

Скачать плагин

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

2 - очень простая заставка

Очень простая заставка

Скачать плагин

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

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