Как сделать профессиональный баннер для сайта за 5 минут без дизайнера на INTEC: Universe

01.09.2020

#Universe

#UniverseSite

#UniverseLite

#Готовые сайты

#Дизайн сайтов

Коллеги! С вами Ярослав Голуб, руководитель интернет-агентства INTEC. В этой статье я расскажу, как сделать крутой баннер для сайта, который будет точно соответствовать корпоративному стилю вашей компании. При этом не придется вникать в тонкости веб-дизайна, или разбираться в том, как работает та или иная графическая программа для создания баннеров. Все, что вам нужно – штатные средства «Битрикса» и INTEC:Universe.

Как это работает: недавно мы выпустили обновление, которое позволяет добавлять дополнительное изображение для баннера на главной. Рассказали об этом тут.

Итак, пошаговый алгоритм. Сначала находим подходящий фон. Он должен быть в хорошем качестве больше 1000 по ширине. Мы будем показывать, как сделать баннер для завода, который выпускает металлочерепицу.

Итак, мы выбрали картинку цеха 2560 × 1707:

И дополнительное изображение металлочерепицы, лучше выбирать в качестве дополнительного квадратное изображение, оно более органично встанет в баннер:

tilesheet24_8004like 1.png

Теперь переходим в админку, Рабочий стол-Контент-Контент.

Заходим в инфоблок «Баннеры», находим Элементы:

Чтобы создать новый баннер, необходимо нажать кнопку «Добавить элемент».

Во вкладке «Элемент» заполняем поле «Название», так будет называться наш баннер в списке элементов инфоблока. У нас это «Металлочерепица». После этого формируем заголовок и подзаголовок. Тут может быть ваше УТП или короткие условия акции, которые вы хотите разместить на баннере. Вы также можете задавать расположение текста так, как вам удобно. У нас в примере текст будет располагаться по дефолту. Также вы можете задавать цвет текст – белый или черный. Тут все зависит от вашего фонового изображения. Также вы можете встроить в баннер кнопку со ссылкой на каталог или любую другую страницу и задать для нее текст.