Materialize "Blog" - how to start working with it
Materialize "Blog" - how to start working with it

Materialize "Blog" - how to start working with it

Данная статья не актуальна!

Начиная с версии 0.80 Блог был переписан, а инструкция по работе с Блогом добавлена в документацию.

Включаем «Блог»

Выполняем следующий порядок действий:

  • открываем Система >> Пользователи >> Группы пользователей, редактируем группу «Администраторов»;
  • разрешаем просмотр и редактирование блога (надо поставить 8 галочек), нажимаем сохранить;
  • открываем Дополнения >> Дополнения, нажимаем установить Materialize "Блог", после установки нажимаем кнопку редактирования;
  • заполняем все поля, изменяем статус на "Включено" и нажиаем кнопку сохранить.
Находим группу пользователей «Администраторы»
1. Находим группу пользователей «Администраторы»
Разрешаем редактирование и просмотр для «Администраторов»
2. Разрешаем редактирование и просмотр для «Администраторов»
Устанавливаем модуль Materialize «Блог»
3. Устанавливаем модуль Materialize «Блог»
Нажимаем кнопку редактирования
4. Нажимаем кнопку редактирования
Включаем все настройки модуля
5. Включаем все настройки модуля

Добавляем «Схему» на сайт

Выполняем следующий порядок действий:

  • открываем Дизайн >> Схемы, нажимаем кнопку "Добавить";
  • заполняем информацию как на скриншотах снизу и нажимаем сохранить;
info

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

Добавляем новую «Схему» для Блога
1. Добавляем новую «Схему» для Блога
Заполняем поля как на скриншоте
2. Заполняем поля как на скриншоте
Весь функционал для работы с блогом
3. Весь функционал для работы с блогом

Добавляем Gif'ку

Для добавления gif'ки понадобиться само анимированное изображение в формате .gif и его превью. Превью — самый первый кадр гиф анимации, его можно получить, открыв оригинальную картинку в Photoshop'е. Удалите все «Слои», кроме самого первого и сохраните это изображение. Залейте эти 2 изображения на ваш сервер. Теперь воспользуемся html конструкцией для проигрывания gif анимации.

HTML конструкция Gif плеера
HTML конструкция Gif плеера

Здесь в атрибут src подставляется заглушка для отложенной загрузки изображения:

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

В data-src подставляется ссылка на превью, а в data-gif, соответственно ссылка на саму gif анимацию.

info

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