Баннер

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

Материалы могут быть размещены сверху или снизу вашего контента (под заголовком веб-сайта) и обычно используются для показа полноразмерного баннерного изображения/слайд-шоу изображений/видео.

Вот как выглядит Баннер: 

Проверьте живой демонстрационный сайт.

Настройки баннера подразделяются на: 

1. Горки
2. Настройки
3. Планировка

1. Слайды

Параметры в категории слайдов: 

Тип баннера

Выберите тип баннера. Вы можете выбрать пользовательский баннер, автоматический баннер или неактивный.

• Пользовательский баннер – Для баннера будут использоваться пользовательские слайды.
• Автобаннер – Для баннера будут использоваться избранное изображение, заголовок и описание галереи.
• Неактивный – Баннер не будет виден на сайте.

Горки

• Нажмите на +Добавить слайды (1), чтобы добавить пользовательские слайды в баннер.
• После загрузки слайдов вы можете отредактировать (2) или удалять (3) слайд.

Редактировать изображение/текстовый слайд 

• После того, как вы нажали на отредактировать значок , вы увидите ящик изображения/текстового слайда.

Здесь доступны следующие варианты: 

1. Фото товара 
   • Нажмите на Загрузите Кнопка для смены изображения/слайда. Нажать на Удалить кнопка удаления слайда.
   • Измените фокус изображения, просто нажав на изображение в любом месте.
2. Мобильное изображение – Uзагрузить изображение мобильного баннера. Мы рекомендуем добавлять сюда портретные изображения.
3. Укажите замещающий текст для слайда изображения. Это помогает в целях SEO.

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

5. Слайд-ссылка

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

Также проверьте: Текст ссылки/кнопка.

• • Добавьте до 10 кнопок/ссылок к содержимому слайда.
  • Вы можете добавить обычную кнопку, текстовую ссылку или использовать изображение/значок в качестве кнопки.
    Также проверьте: Кнопка и ссылки.

7. Хит Сохранить кнопку, чтобы сохранить изменения.

Текст баннера и кнопки

• Укажите, будут ли текст и кнопки одинаковыми для всех слайдов или разными для каждого слайда. Когда вы выбираете Одинаково для всех слайдов будет использоваться текст баннера и кнопки 1 и 2.
• Когда вы выбрали Разные для каждого слайда будет использоваться текст и кнопки, указанные для конкретного слайда.

Текст баннера

• Введите текст баннера, который будет общим для всех слайдов.
  Также см: Текстовый редактор Pixpa.

Кнопка и ссылки 

• Эти кнопки/ссылки появляются поверх слайдов вашего баннера (общие для всех слайдов).
  Также проверьте: Кнопка и ссылки.

2. настройки

На вкладке «Настройки баннера» вы получаете следующие параметры:

• Варианты отображения баннера
• Поведение заголовка сайта
• Видимость баннера
• Варианты стилей
• Слайд-шоу баннеров
• Кнопки и ссылки

Варианты отображения баннера

1. Ширина баннера – Укажите ширину баннера.
   • "Полная ширина' будет отображать баннер, покрывая всю ширину, не оставляя поля.
   • "В штучной упаковке' будет отображать баннер, оставляя некоторое количество отступов справа и слева от экрана.
   • "Ширина сайта' можно указать в Проект раздел. Там можно указать фиксированную ширину.
     Он будет отображать баннер, придерживаясь указанной фиксированной ширины.
2. Дисплей режим – Укажите, как слайды/изображения баннера должны отображаться на рабочем столе.
   • Полная заливка – Изображения будут занимать всю ширину и высоту баннера. Укажите высоту баннера, если выбран этот параметр.
   • Масштаб и подгонка - Изображения будут соответствовать ширине и высоте баннера. Укажите высоту баннера, если выбран этот параметр.
   • По ширине (Только для ПК) — изображения будут масштабироваться по ширине баннера. Высота баннера наследует высоту изображения.

3. Высота рабочего стола баннера – Укажите высоту баннера на рабочем столе, если вы выбрали полная заливка or масштаб и соответствие в поле «Режим отображения».
4. Высота мобильного баннера – Укажите высоту мобильного баннера.

Поведение заголовка сайта

5. Заголовок страницы – Выберите стиль заголовка, который будет применяться к баннеру.
   • В случае, если вы выбрали По умолчанию, заголовок будет использовать стиль заголовка веб-сайта по умолчанию, а баннер будет размещен после заголовка. Проверьте живой пример.
   • В случае, если вы выбрали Прозрачность, фон заголовка будет прозрачным, а элементы заголовка будут белыми. Баннер будет размещен под шапкой. Проверьте живой пример. 
6. Элементы заголовка - Если у вас есть сделать заголовок прозрачным, вы можете выбрать цвет элементов заголовка/элементов меню:
   • В домах Цвет по умолчанию выбран, цвет элементов заголовка наследуется от Проект .
   • В домах Укажите цвет выбран, вы можете щелкнуть и выбрать цвет элементов заголовка.

Также проверьте: Стилизация элементов заголовка любой страницы.

Видимость баннера

7. Прозрачность - Установить видимость баннера.
8. Позиция – Укажите положение баннера.

Cтайлинг

1. Позиция контента – Укажите положение контента над баннером.
2. Ширина содержимого – Укажите ширину содержимого баннера.
3. Цвет фона - Установите цвет фона для баннера.
4. Цвет наложения - Установите цвет наложения для баннера.
5. Стиль навигации – Укажите стиль навигации баннера. Вы можете выбрать «Шеврон», «Длинные стрелки» и «Короткие стрелки». Выберите «Нет», если вы хотите отключить элементы управления навигацией.
6. Цвет навигации – Укажите цвет элементов управления навигацией на баннере.
7. Внешнее поле – Примените внешнее поле для баннера. Когда применяется внешнее поле, внизу баннера появляется свободное пространство.
8. Стрелка прокрутки вниз – Выберите этот параметр, чтобы отображать стрелку прокрутки вниз над баннером.

слайд-шоу

1. слайд-шоу - Выбрать Autoplay возможность включить слайд-шоу для баннера.
2. Скорость слайд-шоу – Укажите скорость слайд-шоу (в секундах).
3. Слайд-шоу переход – Укажите стиль перехода изображения для баннера.
4. Наконец, нажмите Сохранить .

Кнопка и ссылки

1. Выравнивать кнопка/ссылки для выравнивания по левому, правому краю или по центру.
2. Укажите Пространство между Кнопка/Ссылки которые были добавлены.
3. Укажите Пространство над Кнопка/Ссылки.
4. Выберите Эффект парения для кнопки/ссылки.

Размер кнопки 

3. раскладка

Вы можете легко изменить макет баннера. Узнать больше о макетах баннеров.

Статьи по теме:

• Типы разделов
• Создайте свой веб-сайт
• Стиль вашего сайта