Купить Корзина
Логотип REG.RU
  • Вход
    • Помощь
  • Помощь
  • Конструктор и CMS
  • REG.Site
  • Работа с модулями REG.Site
  • Модуль «Аудио» в REG.Site

Модуль «Аудио» в REG.Site

В Divi есть стандартный модуль — «Аудио». С его помощью можно добавить аудиодорожку на сайт. Модуль будет полезен для музыкантов, которые хотят поделиться своим творчеством, а также для тех, кто просто хочет добавить мелодию на сайт. В этой статье мы расскажем, как добавить умиротворяющее аудио:

модуль аудио 1

Как добавить модуль «Аудио» на сайт

  1. 1.
    Перейдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль и нажмите на серый плюс.
  3. 3.

    Выберите модуль Аудио:

    модуль аудио 2

После этого переходите к настройкам, которые хранятся в 3 вкладках: «Контент», «Дизайн» и «Дополнительно».

Контент

Чтобы добавить аудиозапись:

  1. 1.

    В блоке «Текст» укажите название аудио, исполнителя и альбом:

    модуль аудио 3

  2. 2.

    Разверните блок «Аудио» и нажмите Загрузить:

    модуль аудио 4

  3. 3.

    Выберите файл:

    модуль аудио 5

  4. 4.

    Загрузите аудиофайл:

    модуль аудио 6

Теперь добавьте обложку. Для этого:

  1. 1.

    В блоке «Изображение» кликните на плюс в сером круге:

    модуль аудио 7

  2. 2.

    Выберите файл:

    модуль аудио 8

  3. 3.

    Загрузите изображение:

    модуль аудио 9

  4. 4.

    Нажмите на галочку:

    модуль аудио 10

Дизайн

В этой вкладке можно настроить вид аудиозаписи с помощью блоков:

  • Изображение — закруглить границы обложки альбома;
  • Текст — выбрать положение, цвет и тень всего текста;
  • Заголовок Текст — изменить начертание для названия аудио;
  • Подпись Текст — форматировать начертание имени исполнителя и названия альбома;
  • Размеры — настроить ширину и положение текста;
  • Отступы — указать отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
  • Граница — добавить и закруглить границы плеера и обложки. Это можно сделать как сразу для всех, так и для отдельных углов;
  • Тень контейнера — создать тень списка плеера и обложки;
  • Фильтр — настроить оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания.
  • Преобразовать — масштабировать обложку и плеер, повернуть и настроить перекос;
  • Анимация — добавить анимацию перед показом обложки и плеера.

Дополнительно

Здесь можно добавить свои настройки, написанные на CSS. Всё это можно сделать в блоках «ID и классы CSS» и «Пользовательский CSS». Также вам доступны блоки:

  • Видимость — отключить отображение модуля на определённом устройстве: например, на планшете или смартфоне;
  • Переходы — настроить длительность анимации;
  • Позиционирование — зафиксировать положение модуля на странице;
  • Эффект прокрутки — настроить ползунок прокрутки для просмотра обложки альбома и плеера.
Помогла ли вам статья?
ДаНет
раз уже помогла

Спасибо за оценку!
Как мы можем улучшить статью?

Нужна помощь?
Напишите в службу поддержки!

REG.RU
  • О компании
  • Контакты и офисы
  • Новости
  • Карьера в REG.RU
  • Руководство
  • Отзывы клиентов
Услуги
  • Стоимость услуг
  • Хостинг
  • Зарегистрировать домен
  • Конструктор и CMS
  • Создать сайт в REG.Site
  • VPS
  • Серверы и ДЦ
  • SSL-сертификат
Партнёрам
  • Партнёрские программы
  • Профессионалам IT
  • Бонусная программа
  • REG.API
  • Промоматериалы
Полезное
  • Акции и скидки
  • Мероприятия
  • Юридическим лицам
  • ЭДО
  • Whois
Помощь
  • База знаний
  • Вопросы и ответы
  • Шаблоны заявлений
  • Оставить отзыв, предложение
  • Сообщить о нарушении

+7 (495) 580-11-11

Телефон в Москве

8 800 555-34-78

Бесплатный звонок по России

           

Нашли опечатку?
Выделите и нажмите Ctrl+Enter

  • mastercard
  • visa
  • mir
  • sberbank
  • qiwi
  • yamoney
  • sbp
Все способы оплаты
© ООО «Регистратор доменных имен РЕГ.РУ» Правила пользования сайтомПолитика обработки персональных данных
Award
shop.reg.ru Магазин доменов
statonline.ru Доменная статистика
reg.ru/blog Мы пишем
  • Мы используем файлы cookie. Продолжив работу с сайтом, вы соглашаетесь с Политикой обработки персональных данных и Правилами пользования сайтом.