Интеграция дизайна

Внимание! Шаблоны корпоративного портала Битрикс24 и Light являются системными шаблонами и их кастомизирование запрещено! В продукте сохранена техническая возможность копирования шаблона, его кастомизации и применения, но при использовании этой возможности будет потеряна обратная совместимость.

В разделе подробно рассмотрены следующие вопросы:

управление шаблоном дизайна сайта;
работа с включаемыми и рекламными областями;
управление средствами навигации по сайту: меню и цепочкой навигации;
основные принципы локализации продукта;
работа с визуальными компонентами;
оптимизация сайта.

Минимальный уровень требований для изучения: владение базовыми технологиями для разработки веб-сайта, такими как HTML, CSS, PHP.

Веб-дизайн – это прежде всего разработка интерфейса, среды взаимодействия пользователя с информацией, а не просто «красивая картинка». Надо учитывать особенности веб-среды, такое понятие как удобство использования (usability), направленность на цели создания сайта. Важно учесть основные сценарии поведения пользователя, особенности целевой аудитории.

Вам при работе с дизайном собственного сайта необходимо помнить, что любая работа с дизайном сайта имеет свои предпочтения. Если вы хотите внести какие-то изменения в дизайн, то:

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

Такая последовательность действий необходима потому, что при обновлении продукта происходит и обновление шаблонов компонентов. Если вы изменили (кастомизировали) шаблон компонента, то он обновляться не будет. При этом возможны потеря функционала обновленной версии или снижение уровня безопасности.

Внимание! Если у вас включено кэширование компонентов, то возможна ситуация, когда после внесения изменений в шаблоны компонента или его файл стилей вы не заметите этих изменений. Дело в самом кэшировании, которое показывает вам не реальный вид, а закэшированный от предыдущих сессий. В этом случае нужно просто Обновить кэш компонентов

, воспользовавшись соответствующей кнопкой на административной панели.

Вопрос с форума: Хотелось бы научиться верстать (интегрировать) шаблоны под битрикс, но у меня опыта нет. Буду благодарен всем за любые подсказки, которые помогут в короткие сроки достичь цели.

Иван, веб-разработчик:

1. Действительно хотеть это.
2. Очень много работать в выбранном направлении.
3. Начинать с CSS руководство, HTML manual, и т.д. для javascript и php думаю найдете сами. Возможно стоит вначале посмотреть вот этот ресурс: htmlbook.ru
4. Никогда не верстать от "сделаю так, посмотрю на результат". Действуйте от знаний, полученных в п. 3.
5. Не париться если не получается и делать заново пока не получится и не разберетесь в основах основ почему именно так работает, а так не работает.
6. Вам еще предстоит узнать, что такое IE, вы стрессоустойчивы? Это вам поможет.
7. Никогда не брать чужие куски кода/верстки и использовать "как есть", всегда добираться до сути реализации.

Системные требования

В штатных шаблонах "1С-Битрикс: Управление сайтом" используется Bootstrap 4. Это определяет требования к клиентскому обеспечению. Рекомендации таковы: