EN
Пошук ...

Вставити медіа та розділ програм

Використовуйте розділ «Медіа та додатки», щоб додати на свій сайт зовнішній вміст, наприклад дошку Pinterest, Youtube, Tumblr, Spotify, Vimeo тощо.

Перед тим як ти почнеш
Блоки вбудовування отримують вміст із служб, які використовують стандарт Embed або вручну встановлюють коди вбудовування.

У цій статті:

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

1. Розділ «Медіа та програми».

  • Ви можете легко додати на свій веб-сайт розділ «Медіа та додатки», де можна демонструвати дошку Pinterest, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, публікації в Instagram, Giphy, Twitch, і будь-який спеціальний вбудований код.

2. Додайте розділ «Медіа та програми».

  • Тепер ви побачите категорії розділів на лівій стороні.
  • Виберіть Соціальні мережі та вбудовування (1) категорію та натисніть на Вбудовує вкладка (2), де ви можете вибрати різні макети в Вбудовує (3) розділ.

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

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

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

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

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

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

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

  • Відкриються параметри редагування елементів списку.
  • Додайте URL-адресу (1) або додайте код вбудовування (2) для елемента списку.
  • Якщо ви вибрали опцію «Додати посилання», ви можете додати своє посилання тут (3), назву (4), підзаголовок (5), опис 6 і додати тип посилання (7) до пункту списку. Ви можете додати кнопку/посилання на зображення/іконку соціальної мережі/текстове посилання. Детальніше.
  • Якщо ви вибрали опцію «Додати код для вбудовування», ви можете додати свій вбудований код сюди (3), назву (4), підзаголовок (5), опис 6 і додати тип посилання (7) до пункту списку.

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

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

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

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

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

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

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

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

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

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

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

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

  1. Параметри елементів
  2. Параметри розміру тексту
  3. Параметри інтервалу
  4. Заголовок розділу
  5. Вставити кадрування
  6. Форма Маска
  7. Опції карток 
  8. Параметри тіні
  9. Кнопки та посилання

Параметри елементів

  1. Виберіть Показати елементи in рядки та стовпці or карусель 
    • Якщо ви вибрали рядки та стовпці пункти списку будуть упорядковані в рядки та стовпці. У цьому випадку потрібно вказати кількість рядків і стовпців.
    • Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу.
  2. Встановіть Кількість стовпців для списку вставлення. Ви можете вибрати від 1 до 10 стовпців.
  3. Вкажіть Відстань між колонками елементів списку.
  4. Вкажіть Відстань між рядами елементів списку.
  5. Виберіть Порядок вмісту тобто, якщо вбудована частина елементів списку буде відображена першою або пов'язаний текст.
  6. Вирівняти Вміст по горизонталі у списку зображень. Ви можете налаштувати їх вирівнювання по лівому, правому або центральному краю.

Параметри розміру тексту

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

Параметри інтервалу

  1. Вкажіть Ширина вбудовування для елементів списку (у %).
  2. Вкажіть Ширина вмісту для позицій списку (у %).
  3. Вкажіть Пробіл під заголовком розділу (у пікселях).
  4. Вкажіть Простір під вбудованою частиною (у %).
  5. Вкажіть Пробіл під заголовками пунктів списку (у %).
  6. Вкажіть Пробіл під субтитрами пунктів списку (у %).

Заголовок розділу

  1. Горизонтальне вирівнювання текст заголовка розділу. Ви можете встановити його вліво, по центру та праворуч.
  2. Увімкнути/вимкнути дільник між заголовком розділу та вмістом розділу.
  3. Встановіть товщина розділювача (у пікселях).
  4. Вкажіть Колір розділювача із засобу вибору кольорів.
  5. Виберіть потрібний Стиль роздільника.

Вставити кадрування

  • Оберіть Вставити кадрування. Ви можете встановити його як 1:1 Квадрат, 2:1 Горизонтальний, 3:2 Горизонтальний, 4:3, 3:4, 16:9, 2.4:1 і Оригінальне вбудоване обрізання.

Форма Маска

  1. Форма маски: Увімкніть цей перемикач, щоб застосувати маску фігури до зображення в розділі Вбудовування. Після ввімкнення вибрана фігура візуально обріже зображення в цю форму.
  2. Виберіть форму: Вибирайте з різних попередньо визначених форм, щоб застосувати їх до свого зображення. Це дозволяє творчо стилізувати ваш вміст, відображаючи зображення в унікальній формі, як-от заокруглене, ромбоподібне, краплеподібне тощо.

примітки

  • Параметр Shape Mask залежить від макета – Він може не відображатися під макетами, де текст, наприклад заголовок або підзаголовок, відображається поверх зображення.
  • Налаштування Stretch залежить від багатьох факторів – включаючи налаштування розміру зображення, вирівнювання та обрізання, визначені на вкладці «Стиль».
  • Якщо для параметра Обрізання зображення встановлено значення Оригінал, фактичні розміри зображення визначатимуть, чи буде воно розтягнуто вертикально чи горизонтально.

Опції карток

Параметри тіні

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

Кнопки та посилання

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

Мітки:

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

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

Контакти