Introducing OctoberCMS, the content manager on the website.

Tram Ho

Introduced OctoberCMS

October is a web-based content management system with the aim of making web application development simpler, more user-friendly, developed in PHP language on the famous Laravel Framework platform. . As a powerful multipurpose CMS with a strong developer community, October shows a bright vision for CMS to replace WordPress in the near future. Based on the Laravel Framework, it is the first popular CMS chosen by familiar programmers.

Logo

October CMS is designed based on the MVC pattern and contains the Laravel framework in it, which makes the programmer comfortable in the development process, and the source code is better organized than WordPress.

Install and use OctoberCMS

We can use composer to install OctoberCMS and generate a base project. First you need to run this command

Then proceed to download the source code by command

During the installation process, errors may occur because OctoberCMS requires some extensions, you need to install and enable them

  • PHP version 7.0.8 or higher
  • PDO PHP Extension
  • cURL PHP Extension
  • OpenSSL PHP Extension
  • Mbstring PHP Library
  • ZipArchive PHP Library
  • GD PHP Library

Next you need to run the command october:install to initiate the basic installation of the CMS

After the install is complete, just run

to proceed with dev.

OctoberCMS, like other CMS, is divided into two parts:

  • Frontend: It is the part of our website where information and images are posted so that everyone can read and interact with them. To access the frontend page, go to http: // localhost: 8000 /

Frontend page

The project’s directory structure

Backend components

The OctoberCMS dashboard interface is quite simple with the top navigation menu bar including:

  • Dashboard: A place to display control information such as system status information, widgets.
  • CMS: This is the core that creates web pages that will display in the frontend. This section will be where we handle all the problems surrounding the website interface.
  • Media: A tool to manage multimedia resources such as images, audio, video and other resources.
  • Settings: Here we set parameters and properties for OctoberCMS components.
  • Account: A place to manage account information.

Theme

Theme defines the websites to be displayed, October themes are built entirely of file-based so they can be managed using VCSs, like Git. Themes are placed inside the /themes directory, they include the following components:

ObjectDescription
PagesWebsite pages
PartialsContains small elements that are reused in HTML such as header, navbar, footer, …
LayoutContains information about page layout
Content filestext, html or markdown
Asset filesContains css, js, photos, …

Each theme for the frontend is defined inside a separate folder, the directory structure inside the theme folder is as follows

To choose a theme for frontnend you just need to set activeTheme in the config/csm.php file and the name of the directory is ok.

The theme is the best part of OctoberCMS because this modularization makes web pages fast by reusing efficient code. Let’s explore this model together:

First in the website we will have many pages for example: home page, article page, forum page … These pages are about different content but the layout structure (layout) is the same, The first example has a header that contains a navigation menu bar, a content section and a sidebar containing additional information, and a footer that contains footer information such as contact information.

In the system we can create many different layouts, with each page applying a specific layout will have a different appearance.

The layouts are modularized into partials, contents using resources in assets such as images, sounds, css files, and javascript.

Components are components that contain code that can create content in logical terms, it acts and feeds the partials.

In addition, October also has many community-built themes, you can choose from and use

Then active it up to have 1 completely built interface!

The frontend interface of the new theme is active:

Share the news now

Source : Viblo