Настройка дизайна сайта на Umbraco

Настройка Umbraco под себя, замена баннера главной страницы. Работа с медиа библиотекой

По умолчанию все настройки сайта находятся в главном узле «Home». (При желании настройки, относящиеся ко всему сайту можно отделить от главной страницы и расположить их в отдельном узле.)

Войдите в админку

Войдите в раздел «Содержимое» главного меню. Если вы не знаете, что такое главное меню, пройдите обучающий тур «Приступая к работе»

Выделите домашнюю страницу (узел Home)

В области свойств, справа от дерева контента, найдите группу «Design»

Содержание - Home - группа «Design»

Изменим свойство «Hero Background» - огромный баннер главной страницы. С его помощью задаётся тематическая направленность сайта. Чтобы «примерить» Umbraco к своим задачам, достаточно подобрать правильную картинку для главной страницы и задать подходящую цветовую тему. (Цветовые темы (Color Theme) задаются в той же группе свойств «Design». Если подходящей цветовой темы нет, создайте собственную тему)

Приготовьте рисунки для нового баннера. Найдите в интернете или создайте сами. Размер рисунков должен быть от 1920 X 1080 пикселей. Не увлекайтесь слишком тяжелыми рисунками. Поместите все заготовки в одну папкуна своём компьютере.

Перейдите в раздел «Медиа-материалы»

Создайте в удобном для вас месте новую папку. На рисунке новая папка создаётся в узле «Design».

Создание папки

Называть папки можно на любом понятном вам языке. Umbraco назовёт их по-своему и запомнит сопоставление вашего названия и системного.

Создание папки

Выделите созданную папку и нажмите ссылку «- или нажмите сюда, чтобы выбрать файлы»

нажать на ссылку

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

папка с заготовками

Пакетная загрузка работает превосходно

Пакетная загрузка

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

Нажмите «Сохранить». Всё готово для замены баннера главной страницы.

файлы на месте

Перейдите в раздел «Содержимое» главного меню.
Выделите домашнюю страницу (узел Home)
В области свойств, справа от дерева контента, найдите группу «Design»
Наведите курсор над картинкой свойства «Hero Background». Кликните значок удаления.
Физического удаления файла не произойдёт. Он отвяжется от главной страницы, но останется в медиа библиотеке сайта на своём месте, и его всегда можно будет вернуть на место.

удаление баннера

Кликните «плюс» в освободившемся месте

Кликните «плюс»

Справа выдвигается модуль (drawer - ящик) с медиа библиотекой. Доберитесь до папки с файлами для баннера.

Важно!

Клик по папке только выделяет папку.
Клик по названию папки открывает папку

ящик с медиа файлами

Выделите файл и нажмите «Выбрать»

Выбор файла

Нажмите «Опубликовать»

Новый баннер установлен. Осталось отрегулировать баланс картинки и текста. На слишком пёстром рисунке текст баннера может теряться. Отрегулируйте затемнение рисунка движком «Opacity» (Непрозрачность) в группе свойств «Design». Чем выше значение, тем темнее рисунок.

Публикация

Задать вопрос, оставить комментарий

Москва, Рязанский проспект, 10 с 2

© I-Solutions 2020 site map блог на Umbraco