Blueprints

Blueprints это заранее спроектированные секции контента или целые страницы. Их используют как отправную точку для структурированного контента: лендинги, карточки товаров и т.д. Blueprints работают по принципу «замените плейсхолдеры». Это набор из одного или нескольких Elements с примерным текстом и изображениями.

Blueprints также можно использовать как демо-страницы: пользователи темы стартуют сайт с готовыми макетами из любой комбинации контента и Elements.

Blueprints группируют в категории на ваш выбор: Headers, Landing Pages, Galleries и т.д.

Использование Blueprints¶

Как и Elements, найдите нужный Blueprint и перетащите его в Dropzone на странице с Fred.

Создание Blueprints¶

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

Приватные Blueprints удобны для тестирования авторами тем (они не попадут в экспорт темы), для сохранения частых комбинаций Elements с настройками только для себя и для сбора часто используемых Blueprints из разных категорий в одном месте.

Более продвинутый сценарий: переопределение настроек по умолчанию у часто используемых Elements, например отступов, padding или выравнивания текста.

Скриншоты Blueprint¶

При создании Blueprint Fred сам сгенерирует скриншот. При желании вы можете сделать свой: библиотека захвата экрана понимает не все CSS-свойства.

Blueprints целой страницы¶

Полные Blueprints это копия всего контента страницы. Вы создаёте их на фронтенде при включённом Fred.

Чтобы создать полный Blueprint, нажмите иконку Blueprints в боковой панели Fred, выберите существующую категорию сверху или создайте новую, задайте имя и сохраните.

Частичные Blueprints¶

Частичные Blueprints создают через иконку перекрывающихся квадратов с закруглёнными углами при наведении или фокусе на Element. Нажмите эту иконку, выберите категорию, задайте имя и сохраните.