Perenos-sita-na-localny-server
Перенос сайта на новый локальный сервер
28 июля 2019
Export_site
Перенос сайта WordPress с локального сервера на хостинг
3 ноября 2019
Показать все

Главная страница сайта — создание и настройка

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

Естественно, я имею ввиду статическую Главную страницу. Не важно, на какой платформе расположен сайт — написанный программистом или на одной из доступных CMS. Из всех перечисленных, предпочитаю WordPress.

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

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

Пример Таблицы разделов структуры Главной страницы:

Блоки разделовЗадачи
1Слайдер Главной страницыВовлечение в Основные разделы.
2Анонс Первой записи сайтаОписание Целей и задач сайта.
3Раздел Портфолио сайтаОсновные товары и продукты на сайте.
4Раздел Основных услугОписание Основных услуг сайта.
5Вывод Значимых ЗаписейАнонс Значимых постов в рубриках.
6Блок обратной связиКомментарии. Контакты. Поддержка.

Тем, кто хочет избежать грубых ошибок на сайтах, расположенных на удаленных хостингах в интернет, советую использовать для своей работы локальный сервер Open Server Panel. Можете прочитать об этом в статье — Перенос сайта на новый локальный сервер.
Более досконально изучить возможности и настройки Премиум-тем и плагин для WordPress, создание адаптивного сайта для мобильных устройств, его страниц, Landing Page. Получить в свое пользование все дистрибутивы, можно в разделе сайта Centr-Sit-Info Уровень Standart. На данный момент уже 36 видео-уроков с дополнительными материалами.
Достаточно лишь пройти регистрацию.

Плагин слайдера Slider Revolution для Главной страницы.

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

Эффективным инструментом для этого служит премиум-плагин Slider Revolution. Широкий диапазон его возможностей и настроек, позволяет создавать не только Стандартные слайдеры из нескольких слайдов, но и целые карусели, а также использовать его при создании креативного дизайна шапки сайта.

Источником контента для слайдера могут служить короткие видео с YouTube. Vimeo, HTML5 (загруженные на хостинг). Интегрируются с Flickr, Instagram, WooCommerce, Facebook, Twitter.
Загружать все библиотеки JavaScript, конкретно указывать страницы для которых будут подключены библиотеки RevSlider, вставить JavaScript в подвал сайта, расширенные Адаптивные Размеры сетки для мобильных устройств и многое другое.

Настройки интеграции в сами слайды дополнительных слоев:

  • Отдельные изображения;
  • Вставка видео;
  • Кнопки, объекты, формы;
  • Цвет аудиозаписи;
  • Анимированный текст;
  • HTML-код (например — Подписная форма);
  • Ссылки на страницы разделов.

Шорт-код, вновь созданного слайдера, можно вставить на любую страницу или запись сайта и он будет прекрасно функционировать.

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

Для тех, кто боится перегружать сайт Java-скриптами, есть возможность замены слайдера отдельным изображением или фото, с использованием движущегося анимированного текста. Но это уже при помощи плагина — конструктора страниц Visual Composer.
Смотрите видео ниже.

Создание Главной страницы сайта плагином WPBakery Page Builder.

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

Самым же распространенным редактором является плагин WPBakery Page Builder (более привычное название Visual Composer). Этим плагинов можно создавать различные страницы на сайтах, вплоть до отдельных продающих страниц — Landing Page, если в коде Редактора самого шаблона предусмотрена такая функция.

Обычно в редакторе страниц WordPress — Атрибуты страницы — Шаблон, появляется вкладка Blank Page или Landing Page, кроме Базового шаблона.
На Базовом шаблоне WordPress, с помощью WPBakery Page Builder, и создаются основные страницы самого сайта, включая Главную.

Предлагаю посмотреть один из видео-уроков раздела Centr-Sit-Info Уровень Standart, где показаны функции плагина по настройке Главной страницы сайта:

 

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

Редактор элементов WPBakery Page Builder:

  • В самом Редакторе Элементов плагина, есть в наличии около 40 блоков контента, социальные ссылки и замки, структурные элементы.
  • В зависимости от шаблона темы и ее функций, появляется столько же блоков самой темы, если не больше, а в каждом блоке свои элементы и функции.
  • Десятка два блоков плагина WooCommerce, если он предусмотрен по функционалу.
  • Плюс к ним, добавляется больше десятка элементов и виджетов WordPress.

Не забываем и самостоятельный редактор самого шаблона темы. Кроме того, что в редакторе темы присутствуют настройки по адаптивности к мобильным устройствам, сам плагин WPBakery Page Builder позволяет редактировать под смартфоны отдельные элементы и блоки Главной страницы, да и всего сайта.
Сами посудите — довольно мощный арсенал для работы.

Если Вас заинтересовала данная тема, переходите в раздел Centr-Sit-Info Уровень Standart.
Возникли сопутствующие вопросы, пишите в комментариях – рад буду помочь.

Не забывайте поделиться информацией в социальных сетях.

1 Комментарий

  1. StudyDocx:

    Спасибо за весьма полезную статью.

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

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