Вкладка Ресурсы: Файловое хранилище

На вкладке Ресурсы (Assets) доступны все файлы, загруженные в проект, — это файловое хранилище проекта.

В файловое хранилище можно загружать:

Изображения — файлы в форматах: jpg, png (будут сконвертированы в webp); tiff, tif, bmp (будут сконвертированы в jpg); svg, gif, webp

Видео — загруженные файлы будут сконвертированы в формат mp4

Документы — файлы в форматах: doc, xls, txt, pdf, скрипты и другие

Преимущества файлового хранилища:

Загрузка и хранение не только картинок и видео, но и файлов любых форматов.

Единое хранилище для всех файлов проекта.

Быстрый доступ ко всем файлам в левой панели — удобно просматривать и добавлять файлы на холст.

Смотрите видео:

Как загрузить файлы в хранилище

Загрузить файлы можно следующими способами:

1. Кнопка Загрузить

Нажмите на кнопку в верхней правой части панели Ресурсы. После этого откроется окно со списком файлов на вашем компьютере. Вы можете выбрать один или сразу несколько файлов.

2. Drag&drop с компьютера

Перетащите файл с компьютера на панель Ресурсы. Вы можете перетащить один или сразу несколько файлов.

Как просматривать файлы в хранилище

Отображение панели Ресурсы

Вкладку Ресурсы можно открыть в двух вариантах:

Узкая панель — по умолчанию

Широкая панель — для более удобного просмотра файлов

Чтобы открыть широкую панель, нажмите кнопку в верхней части панели Ресурсы.

Чтобы закрыть широкую панель и перейти обратно к узкой, нажмите на крестик в правом верхнем углу широкой панели.

Общее количество файлов в проекте можно увидеть в нижней части панели.

Фильтрация и поиск файлов

Файлы можно отфильтровать по типу:

Все ресурсы

Изображения

Видео

Документы

Для этого кликните на выпадающий список и выберите нужный тип файла.

Изображения и документы можно отфильтровать по расширению файла

Для этого откройте категорию Изображения или Документы, кликните на выпадающий список и выберите нужное расширение файла.

Внутри каждой категории (Изображения, Видео, Документы) вы можете искать файлы по названию

Для этого откройте нужную категорию и начните писать название файла в поле Поиск — откроется список файлов, содержащих введенные символы.

Действия с файлами в хранилище

Помимо загрузки и просмотра вы можете делать следующие действия с файлами на вкладке Ресурсы:

Удалить. Файл удалится из проекта.

Открыть. Файл откроется в отдельной вкладке браузера. Если открытие в браузере недоступно (например, для файлов .doc), то файл можно будет сохранить на компьютер.

Копировать ссылку. Можно скопировать абсолютную или относительную ссылку / для открытия или для скачивания.

Заменить. Замена доступна только для файлов из категории Документы . Вы можете заменить ранее загруженный файл на другой с сохранением ссылки.

Чтобы открыть доступные действия в узкой панели Ресурсы, кликните по файлу правой кнопкой мыши.

В широкой панели Ресурсы:

Для копирования и просмотра файла — наведите курсор на превью файла и воспользуйтесь иконками в правом верхнем углу.

Для удаления файлов — выберите файлы, кликнув на чекбокс в левом верхнем углу превью, и нажмите кнопку Удалить внизу панели.

Как можно использовать файлы, загруженные в хранилище

После загрузки файлов в хранилище вы можете использовать их в своем проекте, добавляя на холст в виде виджетов или ссылок.

Добавление на страницу изображений и видео

Это можно сделать двумя способами:

Просто перетащите изображение или видео из левой панели на холст. При этом будет автоматически создан соответствующий виджет — Image или Video.

Добавьте на холст виджет Image или Video и кликните по нему два раза. В левой панели откроется список изображений или видео, загруженных в проект. Найдите нужный файл и кликните по нему один раз — он будет добавлен в виджет.

Для виджета Rich Text и поля Rich Text в коллекциях, а также Фонового изображения (в свойстве Фон) предусмотрено открытие отдельного поп-апа с ресурсами Изображения и Видео.

Добавление на сайт файла в виде ссылки для открытия или скачивания

Для каждого загруженного файла можно скопировать в буфер обмена ссылку на его просмотр или скачивание.

Например, вы можете выложить на сайт ресторана pdf-файл с меню, который можно открывать во вкладке браузера для просмотра. А на сайт поставщика строительных материалов — xls-файл с ценами материалов, который можно скачивать на компьютер или телефон.

Пример добавления файла со ссылкой для скачивания

Откройте панель Ресурсы, найдите нужный файл и кликните по нему правой кнопкой мыши. Затем выберите в меню — Копировать ссылку → Относительная ссылка → Копировать для скачивания.

Выберите элемент, в который нужно добавить ссылку. Это может быть любой элемент, у которого в настройках есть Действие «Переход по ссылке» : Text Link, Link Block, Button или Menu Link.

Перейдите в Настройки на правой панели, добавьте Действие → При клике → Переход по ссылке и вставьте в поле скопированную ссылку.

Сохраните изменения, опубликуйте страницу и проверьте работу.

Загрузка дополнительных скриптов для сайта

Вы можете загрузить в проект скрипты и прописать ссылки на них в пользовательском коде или виджете Embed через параметр src.

Это особенно удобно для тех, кто использует js-библиотеки. Вы можете загрузить все необходимые скрипты в проект и не бояться, что сайт перестанет работать из-за неполадок на стороннем сервере со скриптами.