4.8 Урок 8 Настроить дизайн под свою компанию


Всегда приятно, когда программы, с которыми работают сотрудники, оформлены в одном стиле: с вашим логотипом, фирменным шрифтом и корпоративными цветами.

Как оформить базу знаний в корпоративном стиле вашей компании?

Самый простой вариант, давайте поменяем приветственную страницу базы знаний.

Заходим на страницу, удаляем стандартную картинку. Добавляем свой логотип.

Поэкспериментируем с положением текста и логотипа, а также с размером изображения, сохраняем.

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

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

Эти стили будут подключены после основного файла стилей, поэтому вы можете переопределять все элементы вёрстки по своему усмотрению.

Заходим в настройки, Настройки CSS и в открывшемся окне добавляем свои стили.

Давайте для примера изменим шрифт, фон и логотип.

Я заранее подготовила код, который подключит файл со шрифт из гугл, установит фирменный шрифт по умолчанию, а также изменит фон левой и правой колонок.

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

У моей картинки размер 33 на 33 пикселя, но можно делать немного больше, у картинки по умолчанию размеры около 40 px.

Сохраняем настройки — внешний вид базы знаний поменялся.

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