Добавьте на страницу раздел списка видео, чтобы легко добавлять видео YouTube/Vimeo, которые будут воспроизводиться на странице. Это отличный способ привлечь посетителей вашего сайта.
Pixpa поддерживает встраивание видео с YouTube или Vimeo. Вы не можете напрямую загрузить видео на свой сайт. Помимо этого раздела, вы также можете добавлять свои видео в Фото или баннер.
Pixpa позволяет вам поделиться своим профилем YouTube или Vimeo в социальные ссылки. Вы также можете добавить свои музыкальные файлы, размещенные на Soundcloud, в разделе «Музыка».
Следует отметить:
- Вы можете скрыть свои видео от публики (на YouTube или Vimeo) и использовать URL-адрес здесь, чтобы показать их на своем веб-сайте.
- Вы можете загрузить файл .gif везде, где поддерживаются видео.
- Если добавленное вами видео сильно загружается, нажмите кнопку воспроизведения и приостановите его на несколько минут. Затем возобновите просмотр видео. Таким образом, он загружается лучше с меньшей буферизацией.
В этой статье:
- Что такое список видео?
- Добавление раздела списка видео на страницу
- Добавлять и редактировать элементы списка
- Элементы списка последовательности
- Удаление элементов списка
- Изменение макета раздела
- Варианты стиля
- Добавить музыкальный раздел
- Добавить музыку из Саундклауда
- Полная карта и текстовая карта
1. Список видео
Список видео — это коллекция видео, в которую вы можете добавить описание видео и добавить ссылку или кнопку, чтобы связать список видео с любой другой страницей веб-сайта или любой другой ссылкой.
2. Добавить раздел списка видео
- На страницу можно добавить раздел. Вы можете добавить раздел на уже существующую страницу или создать новую страницу на вашем сайте.
- На твоей странице, нажмите на синий + значок добавить Новый раздел на вашу страницу.
- Теперь вы увидите опцию категории разделов на левой стороне.
- Нажмите на Список (1) вкладка и Список видео (2).
- Теперь вы увидите разные макеты Раздел списка видео (3).
- Выберите любой макет раздела и нажмите на него, чтобы добавить его на свою страницу.
3. Добавляйте и редактируйте элементы списка
Добавить элемент списка видео
После того, как вы добавили раздел
- Нажмите на Редактировать список видео (1) кнопка, чтобы открыть панель элементов списка.
- Нажмите на Добавить элемент (2) кнопка для добавления нового элемента списка.
- У вас будет возможность Дублировать и удалить (3) элементы списка.
Редактировать элемент списка видео
Нажмите на элемент списка, который вы хотите отредактировать. Это откроет определенные параметры редактирования элемента списка.
- Добавить ваша ссылка на видео Youtube/Vimeo (1).
Чтобы добавить видео на свой веб-сайт Pixpa, вам необходимо загрузить его на Youtube или Vimeo и ввести здесь URL-адрес.
- Установите видео для воспроизведения в лайтбокс или только на странице (2).
- Загрузить изображение (3) для элемента списка.
- Добавить Название (4), Подзаголовок (5), и Описание (6) пункта списка. Вы можете не найти параметры «Подзаголовок» и «Описание» в определенных элементах списка в зависимости от выбранного макета.
- Нажмите на иконку Link Builder Ссылка на заголовок (7), чтобы открыть конструктор ссылок, чтобы связать заголовок элемента списка с любой страницей.
- Установите ссылку, чтобы она открывалась в новая вкладка или в той же вкладке (8).
- Добавляйте любые виды Ссылка (9) к элементу списка. Вы можете добавить кнопку/ссылку на изображение/значок социальной сети/текстовую ссылку. Узнать больше.
- Сохранить (10) ваши изменения.
См. редактирование элемента списка видео в действии:
4. Элементы списка последовательностей
- Вы можете легко перетаскивать элементы списка, чтобы изменить последовательность.
5. Удалить элемент списка
После того, как вы добавили элемент списка, вы можете отредактировать его и удалить.
- Нажмите на Удалить значок рядом с элементом списка видео.
- Нажмите на Удалить кнопку во всплывающем окне подтверждения.
- Сохранить ваши изменения.
Элемент списка после удаления не может быть восстановлен.
6. Макет раздела
- Нажмите на Управление Предметами кнопку, чтобы открыть панель редактирования списка видео.
- Выберите Планировка меню.
- Выберите макет для своего раздела и сохраните изменения.
7. Стиль вашего раздела
- Нажмите на Управление (1) кнопку, чтобы открыть панель редактирования списка видео.
- Выберите Стиль (2) опцию.
- Измените стиль для элементов раздела и Сохранить (3) ваши изменения.
У вас будет несколько вариантов стиля для раздела:
Параметры стиля
пункты
- Выберите Показать элементы in строки и столбцы or карусель
- Если вы выбрали строки и столбцы опция, элементы списка будут расположены в строках и столбцах. В этом случае вам нужно указать количество строк и столбцов.
- Если вы выбрали карусель опция, элементы списка будут представлены в виде слайд-шоу. Узнать больше.
- Установить Число столбцов для списка видео. Вы можете выбрать от 1 до 10 столбцов.
- Укажите Расстояние между столбцами из пунктов списка.
- Выберите Порядок содержания то есть изображения элементов списка, которые должны отображаться первыми, или связанный с ними текст.
- Выравнивать Контент в списке видео. Вы можете настроить их так, чтобы они были выровнены по левому краю, правому краю или по центру.
- Выберите зацикливать карусель или нет.
- В случае карусели выберите Элементы управления навигацией. Вы можете выбрать между «Нет элементов управления», «Стрелки — внизу по центру/вверху справа/внизу справа», «Шеврон» или «Точки».
Фотографии
- Выберите обрезка изображения для элементов списка. Вы можете установить изображения как Квадрат, Круг, Пейзаж, Портрет и Динамический.
- Выберите общий радиус угла или разный радиус угла для каждой стороны элементов списка и установите число (в пикселях) для угловой радиус изображений элементов списка. Узнать больше.
Функции
Посмотрите на график угловой радиус поле, вы можете создавать различные формы изображений элементов списка. Если вы укажете здесь 500 пикселей, изображения будут отображаться в форме круга.
- Если вы выбрали разделенные углы, вы можете установить разные радиусы углов для каждого угла.
При наведении на изображение
- Выберите Цвет при наведении изображения быть акцентный цвет или быть указанный. Если вы выбрали акцентный цвет, затем укажите непрозрачность.
- Если вы выбрали укажите цвет затем установите Базовый цвет при наведении и непрозрачность для пунктов списка.
- Установить Elements цвет элементов списка раздела.
- Выберите анимировать изображения элементов списка при наведении, нажав Да. Проверьте эту функцию на живой странице.
Размер и пространство
- Укажите Ширина изображения для элементов списка.
- Укажите Ширина содержимого для пунктов списка.
- Укажите Пространство под заголовком раздела в пикселях.
- Укажите Пространство под изображениями элементов списка (в %).
- Укажите Пробел под заголовками элементов списка (в %).
- Укажите Пробел под субтитрами элементов списка (в %).
Текст
- Нажмите на Изменить стиль текста кнопка для посещения Проект и управлять размерами и стилями шрифта.
- Установить Название стиль шрифта для элементов списка раздела.
- Установить подзаголовок стиль шрифта для элементов списка раздела.
- Установить по умолчанию Описание стиль шрифта для элементов списка раздела.
Карты
- Посмотрите, как для управления картами.
Shadow
- Дисплей – Выберите отображение тени за элементами списка всегда или только при наведении.
- Стиль - Выберите из существующих пресетов или создайте собственную тень.
Если вы выбрали вариант «Пользовательский», посетите этот Генератор теней коробки для создания пользовательской тени. Наконец, скопируйте и вставьте тень окна CSS.
- Если вы выбрали опцию пресетов, то Выберите стили теней из выпадающего списка.
Кнопки и ссылки
- Посмотрите, как для управления стилем кнопок и ссылок.
8. Добавить музыкальный раздел
- На твоей странице, нажмите на синий + значок добавить Новый раздел на вашу страницу.
- Теперь вы увидите опцию категории разделов на левой стороне.
- Прокрутите вниз и выберите Секция видео и музыки (1) вариант, где вы можете выбрать из различных макетов.
- Выберите любой макет раздела (2) и нажмите на него, чтобы добавить его на свою страницу.
9. Добавьте музыку Soundcloud
- Нажмите на миниатюру Soundcloud.
- Это активирует кнопку Embed, нажмите на нее.
- Вы можете добавить свой код для встраивания SoundCloud в поле для встраивания.
- Нажмите на Сохранить.
- Вот и все! Ваша музыка SoundCloud добавлена.
Смотрите в действии:
10. Полная карта и текстовая карта
Когда вы включаете Полная/текстовая карта над вашим списком видео элементы списка будут иметь контур и фон с цветом карты, который вы выбрали в Проект .
Также см: Цвета и интервалы на сайте.
Полная карта
Когда выбран вариант полной карты, цвет карты применяется ко всей карте, т. е. к миниатюре видео и тексту с ней.
Посмотрите:
Текстовая карта
Когда выбрана опция текстовой карточки, цвет карточки применяется только к тексту, присутствующему на миниатюре видео.
Посмотрите:
