#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".

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

Оригинал статьи

Posted in October CMS on Oct 08, 2019