---
# System prepended metadata

title: 'ULLA: Типы контента. Настройка :gear:'
tags: [ulla]

---

---
tags: ulla
disqus: hackmd
---

# ULLA: Типы контента. Настройка :gear: 

Внутри урока вы можете комбинировать разные типы контента. 

Для этого настройте типы контента в файле `src/config/contentTypes.js`

## contentTypes.js

Тип контента -- это блок вашего урока с предустановленным: 
- названием
- видом интерактивности
- стилизацией

```javascript=
export default {
    'default': {
        interactivity: 'oneLineOneFile'
    },
    'слова': {
        style: {
            alignItems: 'center'
        }
    },
    'грамматика': {
        interactivity: 'inText'
    },
    'аудирование': {
        interactivity: 'timing'
    }
}
```
Эти типы будут выставлены для одноименных заголовков 3-го уровня (с 3 решётками впереди). 

Допустим, в файле `content.md` у вас есть урок с такими разделами:
```
## Lesson 2

### Слова
(content of words)

### Фразы
(content of phrases)

### Грамматика
(content of grammar)

### Аудирование
(conntent of listening)
```

Для `слова` и `фразы` сработает умолчание `default` и установлена интерактивность `oneLineOneFile`. Блок `слова` будет выровнен по центру. Для раздела `грамматика` выставится интерактивность `inText`, а для `аудирование` -- интерактивность `timing`

## Нестандартные названия

Если вы хотите использовать внутри уроков разные названия для отнотипных блоков, то указывайте тип рядом в квадратных скобках. 

Например, вместо однотипного `Слова`: `Фрукты [слова]`, вместо однотипного `Фразы`: `В супермаркете [фразы]` и т.д.

## Уроки без разделов

Если вы не используете подзаголовки 3-го уровня, то есть внутри уроков у вас нет разделов, то всё описанное выше будет действовать на заголовки 2-го уровня. 

Допустим вы делаете разговорник, где каждая страница - это некоторая жизненная ситуация и фразы из неё. 

Тогда ваш файл `src/config/contentTypes.js` будет выглядеть так: 

```javascript=
export default {
    'default': {
        interactivity: 'oneLineOneFile'
    }
}
```

А файл `content.md` будет таким: 

```
# Разговорник
    (информация о приложении)
## Приветствие и знакомство
    (список фраз)
## Покупки
    (список фраз)
## Семья
    (список фраз)
```