20.10.2019
php

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

Spread the love
  •  
  •  
  •  
  •  
  •  

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


После Updates & Plugins

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

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


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


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

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

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

Нажимаем New category.

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

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


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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *