Feature Highlight

Portal CMS - Developing the Theme Manager

This post takes a look at the development so far on a major feature for Portal CMS. The abilty to theme your websites easily to make them even more unique.

Author Avatar

Author: Tom McClean

Updated: 18 Sep 2016 10:59

Portal CMS already has a lot of flexibility in its Page Builder and Blog Manager. You can change pretty much anything you want without even needing to know how to write any code.

We have been working on making Portal CMS even better by adding a Theme Manager. The Theme Manager has been designed to allow you to easily change the websites font's, text sizes and colour schemes in one place that affects the whole site. The feature is expected to be released in the next version of Portal CMS (1.1), here is our progress so far.


As you can see from the development branch of Portal CMS, and its live demo site - the Theme Manager has started to come together. This is a very big and time consuming feature to develop but we have already made good progress.


Upload Custom Fonts

The first part we have implemented is the ability to upload your own fonts for use in Portal CMS themes. You can download fonts from loads of websites like Font Squirrel, those websites will let you download a TrueType or OpenType font. You can now directly upload a font to your website in Portal CMS and it will show up in a new tab on the Media Manager in the Administration Panel.

The fonts tab shows you all of the fonts that are installed in your website and they also provide a preview of each font as you can see in the screenshot below.


Create a Theme

Once you have uploaded the fonts you want on your website, you can create a theme. A Theme contains information about which fonts, text sizes and colour schemes you want to deploy across your website. You can switch themes with one click to see how different themes change the appearance of your website.

To make this functionality easy to use we have added the "Theme Manager" to the Administration Panel. You can create and edit an unlimited number of themes.

In order to apply a theme across your site, you simply set it to be the "Default" theme. You can do that on the Theme Manager as well as from within the Page Builder itself.

Each theme gives a preview of what affects it will have before you apply it.


Accessing the Theme Manager within the Page Builder

The most likely time you will want to try out other themes is when you are building pages, so we have added a new "Theme" option to the Page Builder. When clicked an App Drawer is opened listing all of the available themes, if you click "Use" on any theme it will then be applied to all of your pages and blog posts.

You can also create a new theme using the App Drawer.


What does it do?

We are still developing the themes at the moment, so they are limited to font adjustments right now. But the screenshot below shows the affects of using a different theme on your page.


The screenshot below illustrates the affects of a different theme on the Blog Manager.


We are continuing to work on Themes so that we can release them shortly in version 1.1. Let us know what you want to be able to change in your themes by leaving a comment.

You need to Login or Register to comment.

Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image

New Carousel Component

We have been working hard to add new content to Portal CMS, one of the recent components we have added is a new Carousel Component.

Release News

Portal CMS 1.2 - Development Updates

We are hard at work making the next version of Portal CMS, learn more about what we are changing in this major release.

Release News

Portal CMS 1.1 Released

We just released the latest version of Portal CMS on our GitHub pages, this is a big release that improves Portal CMS in a whole host of ways.

Feature Highlight

Navigation Improvements in Portal CMS

We have recently developed some awesome new ways to manage the navigation in your Portal CMS website. Check out what is new in this post.

Release News

Portal CMS - Release 1.0

The first stable release of Portal CMS is now available, so its a great time to start using Portal CMS for your own website or blog.

Feature Highlight

New Features Added to Portal CMS Including Resource Bundling, Font Awesome, Role Driven Sections and more

We have recently deployed some really cool new features to make Portal CMS even better. Read this post to find out more.

Feature Highlight

User Experience Improvements to the Page Builder (App Drawers)

We recently made some changes to the Page Builder to make it easier and quicker to use. Learn more about what has changed inside this post.

Feature Highlight

Editor Support Added to Portal CMS

Often you want to setup a website for somebody but you want to limit how much they can affect it without you, maybe you want to be responsible for the site, but they want to create content. Now you can in Portal CMS.


Portal CMS Demo Website Now Available

We wanted to make it as easy as possible to try out Portal CMS. So we setup a demo website you can login to and try it out!


Welcome to Portal CMS

Welcome to Portal CMS, and thank you for visiting. This post covers what Portal CMS is, and can do for you.