How to Install October Cms Theme

< Back
october-cms / Jan 02, 2019 - 3 min to read.


October CMS Theme Installation


A October CMS theme is collection of files like html, css, js (javascript), images and theme configuration files.

These files are useful to show your content on frontend side. If you change html markup of these files your site will look accordingly. theme includs layout html markup files.

Changing your theme changes how your site looks on the front-end,

what a visitor sees when they browse to your site on the web. There are lot of free October CMS themes in the October CMS theme marketplace https://octobercms.com/themes, Some of them are totally free to use and some more premium themes are paid.

Installing free theme


Always its good idea to check out free themes first then if you need more premium themes you can buy and install your premium themes later on.

1. Open Backend


To chagne theme/install theme you need to login to your backend. login user should have proper rights to change/install themes.

You can go to admin panel of site by adding /backend to your root site url. [ in some cases your backend url different if you manually configured it, In most cases its /backend by default ]

https://yoursite.com/backend

it will redirect you to backend module https://yoursite.test/backend/backend/auth/signin that is completely fine

User your backend credentials to login to your backend. on successful login you will be greated with dashboard.

2. CMS > Frontend theme settings


Once you successfully login you can go to frontend theme settings by mani navigation bar on top

Settings > CMS (section from left side menu ) > Front-end theme

After navigating to this location you can see right side October CMS provides bydefault demo theme.

if you already installed any themes you can see list fo themes here, to activate one of already installed theme you can click on Activate button to activate that theme.

3. Installing Theme


To install new theme you need to go to Install Theme Tab

Navigate to this setting

Settings > SYSTEM (section from left side menu ) > Update & Plugins

Then you need to click install plugins button from right side.

It will bring you to install products page now by default PLUGINS tab will be selected.

You need to Click THEMES tab, it will open install them tab with search box from where you can search themes which are available at October CMS Theme Marketplace

To get proper theme name and details you can visit https://octobercms.com/themes it will show you theme details and name of theme which you can enter in search box to intall it.

i.e. we are going to install theme called bonjour theme details : https://octobercms.com/theme/rainlab-bonjour

Now search name bonjour in searchbox it will show respective theme, you can click on it or use arrow key to navigate to that theme and press enter

It will download and stat installing theme to you October CMS website.

Once Installation is Complete you need manually Activate theme. You can do it by reading #step 2 instructions.

4. Preview of Installed theme.


Once activated newly installed theme you can preview it by opening your front end, To open front end from backend you just need to click Preview Icon which is left side of your backend user Profile picture.

5. Theme Installation Complete


After installing and activating theme you can start editing files of your theme according to your desire and make your site more professional.

We will cover how to edit theme files, layout, css in next tutorials.