Видеокурс 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".

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

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

Видеокурс October CMS

С этим так же покупают:

Добавить отзыв (пожелание, комментарий)