Как добавить слайд-шоу на сайт Weebly?

Weebly предлагает элемент слайд-шоу бесплатно, а также для профессиональных пользователей, которые могут добавлять и настраивать слайды с фотографиями на свой сайт. Бесплатные пользователи могут добавлять слайд-шоу только в область содержимого, тогда как пользователи Pro могут добавлять слайд-шоу в область содержимого, Нижний колонтитул и Заголовок (слайд-шоу заголовка только для неотзывчивых тем). В этой статье мы обсудим, как добавить слайд-шоу в Weebly с элементом слайд-шоу вместе с параметрами редактирования с помощью редактора imageperfect Weebly.

Элемент слайд-шоу Weebly

Слайд-шоу — это элемент Weebly, используемый для добавления слайд-шоу на страницу и сгруппированный в категории «Базовая» в редакторе сайта. Он позволяет добавить шесть различных стилей слайд-шоу с дополнительными параметрами настройки.

Элемент слайд-шоу Weebly

Выбор стиля слайд-шоу

После перетаскивания элемента слайд-шоу в область содержимого вашего сайта вам будет предложено выбрать стиль для слайд-шоу. Ниже приведены доступные стили для вашего слайд-шоу:

  1. Простое слайд-шоу
  2. Эскизы внизу
  3. Цифры внизу
  4. Эскизы вверху
  5. Эскизы справа
  6. Двойные миниатюры

Выберите стиль слайд-шоу в Weebly

Выберите стиль слайд-шоу в Weebly

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

Выберите стиль и нажмите кнопку «Продолжить», чтобы добавить фотографии в слайд-шоу.

Управление слайдами слайд-шоу

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

Управление фотографиями слайд-шоу

Управление фотографиями слайд-шоу

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

Добавить подпись и ссылку в слайд-шоу Weebly

Добавить подпись и ссылку в слайд-шоу Weebly

Настройка и редактирование слайд-шоу

Щелкните слайд-шоу, чтобы увидеть параметры для настройки и редактирования. Вы можете добавлять или редактировать фотографии, используя кнопку «Добавить / редактировать фотографии» и выбирая стиль перехода из раскрывающегося меню. Настройте навигацию, скорость, интервал и заголовок, выбрав соответствующий вариант.

Параметры настройки слайд-шоу Weebly

Параметры настройки слайд-шоу Weebly

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

Расширенные параметры слайд-шоу Weebly

Расширенные параметры слайд-шоу Weebly

Таким образом, слайд-шоу в целом можно настроить с помощью следующих параметров:

  • Стиль перехода — доступные параметры: «Затухание», «Сдвиг», «Мозаика», «Срез» и «Сгиб»
  • Стиль навигации — доступные параметры: эскизы, двойные эскизы, числа и нет.
  • Местоположение навигации — вверху, внизу, влево или вправо
  • Скорость — от 3 до 9 секунд на слайд
  • Расстояние между верхним и нижним полями
  • Расположение текста подписи — внизу или вверху
  • Включить или отключить автовоспроизведение
  • Включение или отключение элементов управления слайд-шоу на опубликованном сайте
  • Начальная или случайная начальная позиция
  • 4: 3 — это соотношение сторон по умолчанию, которое можно изменить на 3: 2 или 16: 9.

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

Редактирование слайд-шоу заголовков Weebly

Редактирование слайд-шоу заголовков Weebly

Регулировка размера элемента слайд-шоу

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

Другая проблема с элементом слайд-шоу — высота, которая приводит к появлению большого количества белого пространства над и под изображением. Используйте приведенный ниже код в разделе «Страницы> Расширенные настройки> Код заголовка», чтобы настроить высоту слайд-шоу в соответствии с размером вашего изображения. Измените высоту в приведенном ниже коде на высоту вашего собственного изображения.

<style type="text/css">
.wslide-content {
 height: 300px !important;
}
</style>

Похожие записи

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

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