EN
Пошук ...

Розділ списку відео

Додайте на сторінку розділ списку відео, щоб легко додати свої відео YouTube/Vimeo, які відтворюватимуться на сторінці. Це чудовий спосіб зацікавити відвідувачів вашого сайту.

Pixpa підтримує вбудовування відео з YouTube або Vimeo. Ви не можете безпосередньо завантажити відео на свій веб-сайт. Окрім цього розділу, ви також можете додавати свої відео Галерея або банер.

Pixpa дає змогу поділитися своїм профілем YouTube або Vimeo у соціальні посилання. Ви також можете додати свої музичні файли, розміщені на Soundcloud, у розділ «Музика».

Моменти, на які слід звернути увагу:

  • Ви можете приховати свої відео від загального доступу (на YouTube або Vimeo) і використовувати URL-адресу тут, щоб показати їх на своєму веб-сайті.
  • Ви можете завантажити файл .gif скрізь, де підтримуються відео.
  • Якщо відео, яке ви додали, часто завантажується, натисніть кнопку відтворення та призупиніть його на кілька хвилин. Потім відновіть відео. Таким чином, він завантажується краще з меншою буферизацією.

У цій статті:

  1. Що таке список відео?
  2. Додавання на сторінку розділу «Список відео».
  3. Додавання та редагування елементів списку
  4. Послідовність елементів списку
  5. Видалення елементів списку
  6. Зміна макету розділу
  7. Варіанти стилю
  8. Додайте музичний розділ
  9. Додайте музику Soundcloud
  10. Повна картка та текстова картка

1. Список відео

Список відео – це колекція відео, до якої можна додати опис відео та додати посилання або кнопку, щоб зв’язати список відео з будь-якою іншою сторінкою на веб-сайті чи будь-яким іншим посиланням.

2. Додайте розділ списку відео

  • До сторінки можна додати розділ. Ви можете або додати розділ до вже існуючої сторінки, або створити нову сторінку на вашому веб-сайті.
  • На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.

 

  • Тепер ви побачите категорії розділів на лівій стороні.
  • Натисніть на список (1) вкладка і Список відео (2).
  • Тепер ви побачите різні макети в Розділ списку відео (3).

  • Виберіть макет будь-якого розділу та натисніть на нього, щоб додати його на свою сторінку.

3. Додавання та редагування елементів списку

Додати елемент списку відео

Після додавання розділу

  • Натисніть на Редагувати список відео (1), щоб відкрити панель елементів списку.

  • Натисніть на Додати елемент (2), щоб додати новий елемент списку.
  • У вас буде можливість Створити копію та видалити (3) пункти списку.

Редагувати елемент списку відео

Клацніть елемент списку, який потрібно редагувати. Відкриються параметри редагування конкретного елемента списку.

  • додавати ваше посилання на відео Youtube/Vimeo (1).
Примітка:

Щоб додати відео на свій веб-сайт Pixpa, вам потрібно завантажити його на Youtube або Vimeo та ввести тут URL-адресу. 

  • Налаштуйте відтворення відео в a лайтбокс або лише на сторінці (2).

  • Завантажте зображення (3) для пункту списку.

  • Додавати назва (4), Підзаголовок (5), і Опис (6) пункту Переліку. Ви можете не знайти параметрів «Підзаголовок» і «Опис» у певних елементах списку, залежно від вибраного вами макета.

  • Натисніть піктограму Link Builder Посилання на заголовок (7), щоб відкрити конструктор посилань, щоб зв’язати назву елемента списку з будь-якою сторінкою.
  • Налаштуйте посилання для відкриття в a нову вкладку або в тій самій вкладці (8).
  • Додайте будь-який тип посилання (9) до пункту списку. Ви можете додати кнопку/посилання на зображення/іконку соціальної мережі/текстове посилання. Дізнайтесь більше.
  • зберегти (10) ваші зміни.

 

Перегляньте редагування елемента списку відео в дії:

4. Елементи списку послідовності

  • Ви можете легко перетягнути елементи списку, щоб змінити послідовність.

5. Видалити елемент списку

Додавши елемент списку, ви можете редагувати його та видаляти.

  • Натисніть на видаляти поруч із пунктом Список відео.
  • Натисніть на видаляти у спливаючому вікні підтвердження.
  • зберегти ваші зміни.

примітки

Видалений елемент списку не можна відновити.

6. Макет розділу

  • Натисніть на Керувати елементами щоб відкрити панель редагування списку відео.
  • Виберіть макет Вкладка.
  • Виберіть макет для свого розділу та збережіть зміни.

7. Стилізуйте свій розділ

  • Натисніть на Керувати (1) щоб відкрити панель редагування списку відео.
  • Виберіть Стиль (2) варіант.
  • Змініть стиль для елементів розділу та Зберегти (3) ваші зміни.

Ви матимете кілька варіантів стилю для розділу:

  1. Параметри стилю 
  2. Стиль тексту 
  3. Кольори наведення

Параметри стилю

предмети 

  1. Виберіть Показати елементи in рядки та стовпці or карусель 
    • Якщо ви вибрали рядки та стовпці пункти списку будуть упорядковані в рядки та стовпці. У цьому випадку потрібно вказати кількість рядків і стовпців.
    • Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу. Більше інформації.
  2. Встановіть кількість стовпців для списку відео. Ви можете вибрати від 1 до 10 стовпців.
  3. вкажіть Відстань між колонками елементів списку.
  4. Виберіть Порядок вмісту тобто зображення елементів списку, які будуть відображатися першими, або відповідний текст.
  5. Вирівняти контент у списку відео. Ви можете налаштувати їх вирівнювання по лівому, правому або центральному краю.
  6. Виберіть, зациклювати карусель чи ні.
  7. У випадку каруселі виберіть Елементи керування навігацією. Ви можете вибрати між «Без елементів керування», «Стрілки – унизу по центру/вгорі праворуч/внизу праворуч», «Шеврон» або «Точки».

зображень 

  1. Виберіть обрізання зображення для елементів списку. Ви можете встановити зображення як квадрат, коло, пейзаж, портрет і динамічність.
  2. Виберіть загальний радіус кута або інший радіус кута для кожної сторони елементів списку та встановіть число (у пікселях) для кутовий радіус зображень елементів списку. Більше інформації.

Чайові

Використання кутовий радіус ви можете створювати різні форми зображень елементів списку. Якщо ви вкажете тут 500 пікселів, зображення відображатимуться у формі кола.

  • Якщо ви вибрали розділені кути, ви можете встановити різні кутові радіуси для кожного кута.

При наведенні зображення 

  1. Виберіть Колір наведення зображення бути акцентний колір або бути зазначений. Якщо ви обрали акцентний колір, потім вкажіть помутніння.
  2. Якщо ви вибрали вказати колір потім установіть параметр Базовий колір і непрозорість наведення для елементів списку.
  3. Встановіть Елементи колір для елементів списку розділу.
  4. Виберіть анімувати зображення елементів списку наведіть курсор, натиснувши кнопку Так. Перевірте цю функцію на живій сторінці.

Розмір і простір 

  1. вкажіть Зображення ширини для елементів списку.
  2. вкажіть Ширина вмісту для елементів списку.
  3. вкажіть Пробіл під заголовком розділу в px.
  4. вкажіть Місце під зображеннями пунктів списку (у %).
  5. вкажіть Пробіл під заголовками пунктів списку (у %).
  6. вкажіть Пробіл під субтитрами пунктів списку (у %).

текст 

  1. Натисніть на Змінити стиль тексту кнопку, щоб відвідати дизайн розділ і керуйте розмірами та стилями шрифтів. 
  2. Встановіть назва стиль шрифту для елементів списку розділу.
  3. Встановіть Субтитр стиль шрифту для елементів списку розділу.
  4. Встановити за замовчуванням Опис стиль шрифту для елементів списку розділу.

Cards 

  1. Подивіться, як керувати картками.

тінь 

  1. дисплей – Виберіть, щоб тінь відображалася за елементами списку завжди або лише під час наведення курсора.
  2. стиль – Виберіть із існуючих стилів або створіть власну тінь.
    Якщо ви вибрали спеціальний варіант, відвідайте це Генератор тіні коробки щоб створити власну тінь. Нарешті, скопіюйте та вставте box shadow CSS.

  1. Якщо ви вибрали параметр попередніх налаштувань, тоді Виберіть Стилі тіней з випадаючого.

  1. Подивіться, як для керування стилем кнопок і посилань.

8. Додайте музичний розділ

  • На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.

  • Тепер ви побачите категорії розділів на лівій стороні.
  • Прокрутіть вниз і виберіть Розділ відео та музики (1) варіант, де ви можете вибрати з різних макетів.

  • Виберіть макет будь-якого розділу (2) і натисніть на нього, щоб додати його на свою сторінку.

9. Додайте Soundcloud Music

  • Натисніть мініатюру Soundcloud.
  • Це активує кнопку «Вставити», натисніть її.
  • Ви можете додати свій код вбудовування SoundCloud у вікно вбудовування.
  • Натисніть кнопку Зберегти.
  • Це воно! Вашу музику SoundCloud додано.

Дивіться в дії:

10. Повна картка та текстова картка

Коли ви вмикаєте Повна/текстова картка над вашим списком відео елементи списку матимуть контур і фон із кольором картки, який ви вибрали в дизайн .
Також див. Кольори та інтервали на сайті.

Повна картка

Якщо вибрано опцію «Повна картка», колір картки буде застосовано до всієї картки, тобто мініатюри відео та тексту з ним.

Гляньте: 

Текстова картка

Якщо вибрано опцію текстової картки, колір картки буде застосовано лише до тексту, який міститься в мініатюрі відео.

Гляньте: 

Мітки:

Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.

Зв'яжіться з нами