База знаний ИД Животноводство
Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

Полный текст статьи

Добавление полного текста статьи

  1. Авторизуйтесь на сайте.

  2. Выберите статью, для которой нужно добавить полный текст и нажмите Редактировать (статья уже должна быть размещена на сайте).

  3. Перейдите к полю “Полный текст статьи” и убедитесь, что выбран текстовый формат “Полный HTML”. Если это не так, выберите его из выпадающего списка.

  4. В поле “Полный текст статьи” вставьте текст без форматирования.

  5. Отформатируйте текст с помощью встроенного редактора:

  • выделить текст жирным
  • выделить текст курсивом
  • создать нумерованный список (не расставляйте цифры вручную!)
  • создать ненумерованный список (не расставляйте маркеры вручную!)
  • отформатировать строку как подзаголовок (пользуйтесь только режимами “Заголовок 3” и “Заголовок 4”)
  1. Если нужно добавить изображения, см. секцию “Добавление изображений” ниже.

  2. Нажмите кнопку Сохранить


Добавление изображений

Подготовка файлов

Перед добавлением в полный текст статьи подготовьте изображения:

Размеры: 1200 пикселей в ширину, пропорционально в высоту

Формат: PNG

Имя файла: {ID статьи}-table-{NNN}, где
ID статьи: уникальный номер статьи вида zzr-2020-03-002 (его можно посмотреть в поле ID при редактировании статьи)
NNN: номер таблицы в статье по порядку, с тремя разрядами, например 003
Пример имени файла: zzr-2020-03-002-table-003.png

Прочее:

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

Размеры: 1200 пикселей в ширину, пропорционально в высоту

Формат: PNG

Имя файла: {ID статьи}-image-{NNN}, где
ID статьи: уникальный номер статьи вида zzr-2020-03-002 (его можно посмотреть в поле ID при редактировании статьи)
NNN: номер рисунка\графика в статье по порядку, с тремя разрядами, например 003
Пример имени файла: zzr-2020-03-002-image-003.png

Прочее:

  • обязательно называть файл ровно так, как указано выше, в т.ч. соблюдая регистр букв и формат файла
  • подпись указывается текстом в редакторе, а не на самом изображении
  • обязательно, чтобы файл с рисунком или графиком был без обводки границ (рамки), рамка будет добавлена автоматически движком сайта
  • желательно, чтобы рисунок или график был размещен на прозрачном, а не на белом фоне

Размеры: 1200 пикселей в ширину, пропорционально в высоту

Формат: JPG

Имя файла: {ID статьи}-photo-{NNN}, где
ID статьи: уникальный номер статьи вида zzr-2020-03-002 (его можно посмотреть в поле ID при редактировании статьи)
NNN: номер фотографии в статье по порядку, с тремя разрядами, например 003
Пример имени файла: zzr-2020-03-002-photo-003.jpg

Прочее:

  • обязательно называть файл ровно так, как указано выше, в т.ч. соблюдая регистр букв и формат файла (JPG, а не JPEG)
  • подпись указывается текстом в редакторе, а не на самом изображении

Заглавное изображение выводится в блоке “Другие статьи” (см. ниже). В качестве заглавного изображения можно выбрать любую фотографию из самой статьи, логотип партнера и т.п. Прикрепление заглавных изображений очень желательно для всех полнотекстовых статей.

Заглавное изображение

Размеры: 600 пикселей в ширину, пропорционально в высоту

Формат: JPG

Имя файла: {ID статьи}-photo-header, где
ID статьи: уникальный номер статьи вида zzr-2020-03-002 (его можно посмотреть в поле ID при редактировании статьи)
Пример имени файла: zzr-2020-03-002-photo-header.jpg

Прочее:

  • обязательно называть файл ровно так, как указано выше, в т.ч. соблюдая регистр букв и формат файла (JPG, а не JPEG)

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

  • zzr в именах файлов в нижнем регистре (не ZZR)
    ❌ ZZR-2020-03-002-photo-003.jpg → ✅ zzr-2020-03-002-photo-003.jpg
  • буквы, обозначающие спецвыпуски – в верхнем (напр. SV, а не sv)
    ❌ zzr-2020-sv-002-image-003.png → ✅ zzr-2020-SV-002-image-003.png
  • слово, указывающее на тип изображения – в нижнем (напр. image, а не IMAGE)
    ❌ zzr-2020-sv-002-IMAGE-003.png → ✅ zzr-2020-SV-002-image-003.png
  • расширение файла – в нижнем (напр. .png, а не .PNG)
    ❌ zzr-2020-03-002-table-003.PNG → ✅ zzr-2020-03-002-table-003.png

Размещение изображений в тексте статьи

  1. После подготовки изображений загрузите их в сетевую папку.

  2. Перейдите к полю “Полный текст статьи” в административном интерфейсе сайта (см. выше).

  3. Добавьте код вставки изображений в нужные места по тексту:

[article:ТИП-ИЗОБРАЖЕНИЯ{NNN||Подпись к изображению||Модификаторы}]
  • ТИП-ИЗОБРАЖЕНИЯ: table для таблиц, image для рисунков и графиков, photo для фотографий
  • NNN: номер соответствующего изображения в статье с тремя разрядами
  • Подпись к изображению: подпись, может содержать форматированный текст
  • МОДИФИКАТОРЫ: необязательный параметр для изменения размеров, отступов и выравнивания изображений (подробности ниже)

Модификаторы

По умолчанию любое вставленное изображение занимает 100% ширины экрана. Если нужно сделать изображение меньше, в код вставки нужно добавить модификаторы

  • col-md-4: установить ширину изображения в 1/3 от ширины экрана
  • col-md-6: установить ширину изображения в 1/2 от ширины экрана
  • col-md-8: установить ширину изображения в 2/3 от ширины экрана
  • float-right ml-3: выровнять изображение по правому краю, добавить отступ слева
  • float-left mr-3: выровнять изображение по левому краю, добавить отступ справа
  • col-md-8 d-block center-block mx-auto: установить ширину изображения в 2/3 от ширины экрана, выровнять изображение по центру, без обтекания текстом

Пример кода вставки для второй по счету таблицы в статье, с выравниванием :

[article:table{002||Таблица 1. Замена в рационе органических микроэлементов хелатированными||col-md-8 float-left mr-3}]
На телефоне все изображения будут растянуты на 100% ширины экрана, вне зависимости от модификаторов.

Размещение заглавного изображения

  1. Выберите файл заглавного изображения в соответствующем поле: Заглавное изображение

  2. Нажмите кнопку Сохранить.