October CMS - Static Pages Plugin
В этом видео мы научимся работать и с блогом и со static page.
Для того чтобы осуществить данный функционал, нам надо заполнить блог тестовыми категориями и записями.
Создадим боковое меню на сайте и элементами меню будут категории блога.
Переходим на вкладку CMS -> Pages и добавил новую страницу.
Назовем её "Blog category" и URL: /blog-category/:slug
Укажем layout: static-layout
Затем добавил на страницу компонент Blog Post List и укажем ему фильтр по категориям :slug.
Так же сделаем вывод компонента на странице.
Теперь займемся самим меню. Переходим Pages -> Menus, добавляем новое меню.
Назовем меню - Blog categories (blog-categories).
Добавим новый элемент меню. Установим тип элемента - "All blog categories".
Опцию "CMS Page" установим в - Blog category. То есть мы выбрали созданную нами страницу blog-category. Так же установим галку - "Replace this item with its generated children".
И обозначим заголовок этого элемента меню (поле Title)
Наше только что созданное меню добавим в наш static layout и добавляем компонент - Static menu.
Зададим алиас - blogCategoriesMenu; Так же убедимся что в пункте menu у нас появилось название нашего нового меню - Blog categories;
Добашим код в нашем layout:
<div class="col-sm-3 col-sm-offset-1"> <div class="sidebar"> <!-- The blog category list will be displayed here --> <h4>Blog categories</h4> {% partial 'menu-items' items=blogCategoriesMenu.menuItems class='nav nav-pills nav-stacked' %} </div> </div>