Install a New OctoberCMS Theme

Table of Contents

Introduction

There are several ways to add a new OctoberCMS theme so that you can change the theme on your website. The easiest method is to create and attach an OctoberCMS Project ID to your site. This allows you to easily install and manage themes and plug-ins from the official OctoberCMS website repository.

Requirements

  • A 1&1 Cloud Server (Ubuntu 16.04) with OctoberCMS installed and running.

For step-by-step instructions on installing OctoberCMS, see our article Install OctoberCMS on Ubuntu 16.04.

Create an OctoberCMS Project ID

Create an account at the OctoberCMS website repository and log in. Click Accounts > Projects.

Add a new OctoberCMS theme

Click Create Project.

Add a new OctoberCMS theme

Enter a project name and optional description, then click Create Project.

Add a new OctoberCMS theme

The project will be created. Click Display Project ID.

Add a new OctoberCMS theme

A pop-up window will appear with the Project ID. Copy the Project ID to your clipboard.

Add a new OctoberCMS theme

Add the Project ID to your Website

If you are creating a new project, you can specify the Project ID during the installation process.

To add a Project ID to an existing project, log in to your OctoberCMS installation. From the Dashboard, click Settings.

Add a new OctoberCMS theme

Click System: Updates & Plug-Ins.

Add a new OctoberCMS theme

Click Attach Project.

Add a new OctoberCMS theme

Paste in the Project ID, then click Attach to Project.

Add a new OctoberCMS theme

The Project ID will be attached to the project.

Install a New OctoberCMS Theme

Go to the OctoberCMS website repository then click Themes to find a new theme.

Add a new OctoberCMS theme

Click on the theme you want to install. For this example, we will install the popular free "Flat UI" theme.

Add a new OctoberCMS theme

Click Add to project.

Add a new OctoberCMS theme

In the pop-up menu which appears, select your project. Then click Add to the selected project.

Add a new OctoberCMS theme

The theme will be added to your project.

Change the OctoberCMS Theme

After the new theme has been added to your project, return to your OctoberCMS installation. From the Dashboard, click Settings.

Add a new OctoberCMS theme

Click System: Updates & Plug-Ins.

Add a new OctoberCMS theme

Click Check for Updates.

Add a new OctoberCMS theme

The system will find the new theme which is ready to install. Click Update software to download and install it.

Add a new OctoberCMS theme

Click CMS: Front-end theme.

Add a new OctoberCMS theme

Click Activate to activate the new theme for your OctoberCMS website.

Add a new OctoberCMS theme

Content provided by 1&1

Comments

Tags: OctoberCMS