Видеокурс: Основы OctoberCMS #9 Создание блога

Содержится в разделе Документация
Опубликована: 3 years ago

9 October CMS - Создание блога

В этом видео мы будем создавать блог в October CMS.

Для того чтобы поднять блог нам потребуется плагин RainLab.Blog. Переходим в панель администрирования, на вкладку System, далее на вкладку Updates и устанавливаем плагин.

После установки в главном вертикальном меню у нас появилась вкладка Blog. Переходим в управление категориями и создадим тестовую категорию - "new category". Итого имеем две категории - 1) Uncategorized 2) new category.

Теперь создадим тестовые статьи блога. Для этого переходим на вкладку Posts и добавляем новую статью. Именуем её как "new post". Затем на вкладке Categories устанавливаем для неё категорию "new category".

После этого переходим на вкладку Manage и публекуем нашу новую запись.

Точно так же создаем еще одну статью "new post2" и определим её в Uncategorized.

Теперь нам требуется сделать страницу вывода всех статей и страницу вывода конкретной статьи. Переходим в раздел Pages и добавляем новую страницу "blog". Layout выставляем default.

Переходим на вкладку "Components" и здесь нас интерисует плагин Blog. Данный плагин состоит из трех компонент:

Blog Category List - выводит список всех категорий блога Blog Post - выводит конкретную статью блога Blog Post List - выводит все статьи блока Так как на данной странице (/blog) мы выводим все статьи блога, то добавим компонент Blog Post List.

Сохраняемся и тестируем. Если все правильно сделали - то отобразится страница нашего блога с двумя статьями.

Следующим шагом добавим на страницу компонент Blog Category List . И оформим это следующим кодом:

<div class="rov">
    <div class="col-sm-8"> 
        {% component 'blogPosts' %}
    </div>
</div>

<div class="rov">
    <div class="col-sm-4">
        {% component 'blogCategories' %}
    </div>
</div>

Открываем страницу в браузере и теперь помимо статей, справа мы видим список категорий.

Теперь создадим страницу для просмотра статьи. Для этого создаем новую страницу и назовем её "blog post" и URL "blog/post". Добавляем компонент Blog Post.

Откроем окно настроек этой компоненты и в нем мы видим параметр slug. Это идентификатор статьи который должен приходить к нам из URL. По этому меняем URL на "blog/post/:slug".

Теперь нам надо указать на какую страницу должны вести ссылки из списка статей главной страницы блога. Переходим в редактор страницы blog, открываем окно настроек компоненты Blog Post List и в списке Links выбираем страницу "blog post".

Тестируем и видим что теперь ссылки на главной страницы блога ведут на страницу /blog/post/:slug

Далее. Создадим страницу на которую будут вести ссылки категорий. То есть на этой странице должны отображаться статьи выдранной категории. Создаем новую страницу "blog category", URL = "/blog-category/:slug". Добавляем и код и компоненты аналогичные со страницей "/blog" так как по сути это такая же страница, но выборка статей идет с условием. Для того чтобы создать фильтр статей по заданной категории, нам потребуется открыть окно свойств компонента Blog Post List и указать свойству "Category filter" значение ":slug".

Остальное и более подробно смотри в видео...



Видео курс от Дмитрия Афанасьева. Линк на страничку видеокурса: http://simple-training.com/category/october-cms/

Написать ответ
Просмотров: 5217
denscorpion39
denscorpion39

Добрый день! У меня есть один вопрос по данной теме. Позволяет ли плагин RainLab.Blog создавать подкатегории?

elisseiiweb159
elisseiiweb159

Да, RainLab.Blog позволяет делать достаточно много слоёв подкатегорий. Для этого на странице редактирования категорий нажмите на кнопку "Reorder Categories" и создавайте любые вложенности.

Добавить комментарий

Необходимо авторизироваться для того что б добавить комментарий.

Категории