October CMS. Урок 2. Блог на October CMS


October CMS. Урок 2. Блог на October CMS

Мы будем создавать блог на движке October CMS.  Для начала нерейдем на вкладку Settings

 

October CMS. Урок 2. Блог на October CMS


После Updates & Plugins

 

October CMS. Урок 2. Блог на October CMS

 

Дальше нажимаем Install plugins.

И в поисковой строке вводим blog

 

October CMS. Урок 2. Блог на October CMS


Нам нужен самый первый вариант, нажимаем и устанавливаем его.

 

October CMS. Урок 2. Блог на October CMS


Плагин установлен.  В верхнем меню появился новый пункт Blog. Перейдем на него.

 

October CMS. Урок 2. Блог на October CMS

Откроется окно в котором мы можем создать новый пост, посмотреть все существующие, и посмотреть категории.

 

October CMS. Урок 2. Блог на October CMS

В начале нам нужна новая категория. Выбираем в левом меню Categories.

 

October CMS. Урок 2. Блог на October CMS

Нажимаем New category.

 

October CMS. Урок 2. Блог на October CMS

Вводим название категории(Name), ее адрес/псевдоним(Slug) и описание(Description).

 

October CMS. Урок 2. Блог на October CMS

 
Я создал новую категорию новости.

 

October CMS. Урок 2. Блог на October CMS


Дальше нажимаем Create and close.

 

October CMS. Урок 2. Блог на October CMS


Категория создана.
Создаем пост(запись) к этой категории. Нажимаем New Post.

 

October CMS. Урок 2. Блог на October CMS

В Title  вводим заголовок нужного нам поста. В Slug(адрес поста) транслитом, автоматически, создается url, который нам нужен и дальше мы можем внести текст нашего поста(справа находится предпросмотр нашей записи).

 

October CMS. Урок 2. Блог на October CMS

Текст я сгенерировал на yandex рефератах. Для того чтобы вставить картинку нажимаем на значок изображения.

 

October CMS. Урок 2. Блог на October CMS

Откроется окно Media.

 

October CMS. Урок 2. Блог на October CMS

Дальше нам нужно загрузить понравившуюся картинку, для этого нажимаем Upload.

 

October CMS. Урок 2. Блог на October CMS


В открывшемся окне проводника выбираем нужный нам файл, нажимаем на него два раза. После загрузки он будет отображаться у нас в Media. Нужный нам файл по умолчанию выбран. Нажимаем Insert.

 

October CMS. Урок 2. Блог на October CMS

 

Нужный нам файл добавлен.

 

October CMS. Урок 2. Блог на October CMS

Дальше переходим на вкладку Categories.

 

October CMS. Урок 2. Блог на October CMS

На ней выбираем созданную нами категорию Новости.

 

October CMS. Урок 2. Блог на October CMS

Дальше переходим на вкладку Manage.

 

October CMS. Урок 2. Блог на October CMS

Там настраиваем время публикации и можем загрузить изображение к посту.

 

October CMS. Урок 2. Блог на October CMS

После того как мы закончили работать с постом, нажимаем Save.

 

October CMS. Урок 2. Блог на October CMS

Наш пост сохранен.

И при переходе на Posts мы увидим, что наша новость добавлена.

 

October CMS. Урок 2. Блог на October CMS

Дальше нам нужно вывести все записи(посты) одной категории. Для этого переходим в CMS и с помощью кнопки Add создаем новую страницу.

 

October CMS. Урок 2. Блог на October CMS

У меня эта страница будет называться новости. И обязательно выберем нужный нам Layout.

 

October CMS. Урок 2. Блог на October CMS

После всех настроек нажимаем Save. Страница создана.

 

October CMS. Урок 2. Блог на October CMS

Дальше на созданную страницу нужно добавить компонент, переходим на вкладку Components.

 

October CMS. Урок 2. Блог на October CMS

Дальше раскрываем наш компонент blog и перетаскиваем Post List нашу страницу.

 

October CMS. Урок 2. Блог на October CMS

Дальше нажимаем на Post List на нашей странице и вводим категорию, которую мы создали.

 

October CMS. Урок 2. Блог на October CMS

Сохраняем(Save) и нажимаем Preview.

 

October CMS. Урок 2. Блог на October CMS

В итоге на странице отображаются только посты из нужной нам категории.

Теперь создадим страницу отдельного поста, для этого переходим на вкладку Pages и с помощью кнопки add создаем повую страницу и в url добавим параметр  :slug. И обязательно зададим Layout. Сохраним страницу.

 

October CMS. Урок 2. Блог на October CMS

После переходим в Components и из компонента blog перетягиваем на страницу Post.

 

October CMS. Урок 2. Блог на October CMS

У нас получилось:

 

October CMS. Урок 2. Блог на October CMS

Дальше нужно, чтобы по клику на заголовок новости мы могли перейти на полный текст новости. Для этого переходим на страницу новости(где у нас компонент Post Lists) и в Post page выбираем news.

 

October CMS. Урок 2. Блог на October CMS

Дальше все сохраняем и нажимаем Preview.

 

October CMS. Урок 2. Блог на October CMS

Сначала у нас страница со списком постов.

А при нажатии на заголовок поста переходим на этот пост.

 

October CMS. Урок 2. Блог на October CMS

Так мы создали простую заготовку под блог. Пишите комментарии к статье, очень интересно Ваше мнение и если что-то не получилось напишите(тоже в комментариях).

Теги