Шрифт
Цвет
Графика
Блог и новости

Работа с блочным редактором

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

Универсальные приемы верстки, описанные ниже, помогут вам создавать красивые статьи.

Заголовки, подзаголовки и разделение на абзацы делают текст более читабельным.

Панель инструментов позволяет выделять фрагменты текста при помощи жирного и (или) курсивного начертания, а также добавлять гиперссылку.
#3
Важные слова и фразы в основном тексте можно выделить с помощью жирного начертания или курсива. Тут важна мера — лучше не выделять больше 10 слов и использовать один вариант выделения в статье, иначе текст будет тяжело воспринимать.
#4
Текущая версия блочного редактора поддерживает 14 типов блоков:
#9
  1. Текстовый блок
  2. Заголовок первого уровня
  3. Заголовок второго уровня
  4. Галерея
  5. Текстовый блок + изображение
  6. Цитата
  7. Список
  8. Таблица
  9. Поворот на 360°
  10. Поворот на 180°
  11. Было-стало
  12. Кнопка со ссылкой
  13. Блок для вставки кода
  14. Правообладатель
#42
Когда вы нажмете на кнопку «Добавить блок», отобразится весь список блоков на выбор:
#11
#10
В основе заполнения статьи об экспонате лежит принцип добавления тематических блоков. Существуют блоки двух типов: контент располагается по ширине или в две колонки. Две колонки будут видны в Веб-версии и версии для планшетных компьютеров.

В любой момент вы можете добавить блок любого типа в любое место с помощью кнопки.
#13

Текстовый блок

#14
Если объем текстового блока превышает 250 знаков с пробелами, следует разбить его на абзацы, оставив пустые строки между ними, или добавить иллюстрации.

Исключены отступы (красная строка) в начале каждого абзаца.

#15

Заголовок

#16
Используйте заголовки, чтобы визуально разбить текст на смысловые части.

Заголовок второго уровня (подзаголовок) позволяет выстроить иерархию внутри текста.
#17

Галерея изображений

#18
Добавьте одно или несколько изображений. Рекомендуем использовать фотографии одной ориентации, совмещенные по высоте. К каждому изображению можно добавить краткое описание.

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

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

При удалении блока с фотографиями, загруженные фотографии остаются в базе Платформы, и вы можете ими воспользоваться повторно.
#43
1 / 3
#19

Цитата

#20
Рекомендуется использовать данный тип блока когда нужно обратить внимание читателей на важную информацию, выделить основную мысль или добавить цитату.
#21

Текстовый блок + изображение

#22
Добавьте изображение, обтекаемое текстом, чтобы создать динамику в тексте в веб-версии и на планшете.

Колонки должны быть одного размера. Проверить это можно с помощью кнопки «Предпросмотр» в режиме «Ноутбук».
#23
#24

Список

#55
#25
Списки привлекают внимание и придают значимости каждому элементу. Информация, представленная в вертикальном списке, воспринимается легче.

Используйте нумерацию для перечисления, например, «X шедевров живописи» или пошаговых инструкций.

В остальных случаях используйте маркированный список.
#26

Таблица

#27
Блок «Таблица» позволяет организовать представление табличных данных в удобной для редактирования форме.

По умолчанию созданная таблица содержит три строки и три столбца.

Первая строка таблицы содержит стиль заголовка.

Вы легко можете изменять количество строк и столбцов.

Ширина столбцов динамическая и определяется содержимым.

Объединение ячеек и создание вложенных таблиц не поддерживается.
#54
#28
Редактирование таблицы:
#29
Панель инструментов позволяет выделять фрагменты текста внутри ячеек при помощи жирного и курсивного начертания, а также добавлять гиперссылку.

Для добавления строк (столбцов), установите курсор внутрь существующей строки (столбец). Выбранная ячейка подсвечивается синим цветом.

Возможно добавление строки выше или ниже существующей.

Возможно создание столбца справа или слева от существующего.

Для удаления строки (столбца), установите курсор внутрь строки (столбца), которую необходимо удалить.
#30

Поворот на 360°

#31
Поворот на 360 градусов — интерактив с плавной сменой изображений. Можно использовать, чтобы показать поворот экспоната, процесс работы в целом или отдельных его частей.
#45
● Создайте несколько изображений одного размера.
● Загрузите изображения в Платформу
● Выберите загруженные изображения в настройках интерактива
● Расставьте изображения в нужном порядке.
#51
Скульптурная группа «Мандарин и женщина»
#46
Не рекомендуется использовать больше 16 изображений в данном интерактиве, так как это может привести к серьезному увеличению общего размера статьи.
Анимированный оборот на 180 градусов, поворот на 360 градусов: совмещенные изображения предметов (совпадают очертания предмета, линейные размеры и ракурсы), рекомендуем на белом фоне для создания более естественного эффекта поворота.
Фотографии должны быть одной ориентации и совмещены по высоте.
#32

Поворот на 180°

#52
#33
Для показа двумерных предметов с разных сторон рекомендуем воспользоваться данным блоком.
 
● Создайте 2 изображения одного размера.
● Загрузите изображения в Платформу
● Выберите загруженные изображения в базе изображений экспоната
● Расставьте изображения в нужном порядке и создайте подпись.
#34

Было-стало

#48
Блок показывает с помощью вертикального бегунка разницу, например, между прошлым и будущим, между состоянием до реставрации и после, между портретом человека в юности и старости и так далее.
Для пользователей блок выглядит примерно вот так:
#49
#36

Кнопка

#53
#37
Используется для вставки в статью ссылки на какую-либо интернет-страницу.

Впишите в верхнюю графу текст ссылки длинной не более 50 знаков с учетом пробелов. В нижней графе следует указать URL-адрес страницы, на которую должна отсылать кнопка.

При просмотре статьи об экспонате пользователь сможет кликнуть на эту кнопку и перейти из приложения Artefact на сторонний ресурс.
#38

Встроенный код

#39
Используется для вставки в статью видеоролика, аудиозаписи и других виджетов, размещенных на аудио-, видео- и других хостингах.

Загрузите видео на свой канал YouTube. После окончания загрузки откройте видео в новой вкладке. Нажмите на кнопку «Поделиться» под видеороликом. После этого во всплывшем окне нажмите на кнопку «Встроить». Из появившегося экрана скопируйте код.

Скопированный код вставьте в адресное поле блока «Видео» во вкладке «Об экспонате». При этом измените число после «iframe width=» на «100%».
#56
#40

Правообладатель

#41
Добавьте информацию о правообладателях изображений, используемых в статье.
Мы используем Cookies
Во время посещения данного сайта, Минкультуры России может использовать общеотраслевую технологию, называемую cookie. Файлы cookie представляют собой небольшие фрагменты данных, которые временно сохраняются на вашем компьютере или мобильном устройстве, и обеспечивают более эффективную работу сайта. Продолжая просматривать данный сайт, Вы соглашаетесь с использованием файлов cookie и принимаете условия.
Подробнее об использованииСкрыть
Содержимое доступно только на русском

X

Нашли опечатку?...

%title%%type%