Portal CMS

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 09:48

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.


No Comments Left Yet

Why not add your own comments or thoughts to get the chat started?

Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image
Technology

New Project: XContext

Find out how I decided to cut down my SQL Azure costs on Microsoft Azure.

Portal CMS

Have you seen PortalCMS?

PortalCMS is my proudest personal project to date, it has taken a long time and a lot of effort, but its now more than I ever expected it to be. Find out why!

Blog

What am I working on these days?

This post is just a brief update about what I am spending my development time working on recently.

Technology

Introducing LogBook

I recently wanted to add some basic logging into an MVC Web Project, but all of the big offerings like Elmah and Log4Net are too bloated, so I decided to write a minimalistic logging tool of my own.

Tips and Tricks

Implementing Effort into a C# MVC Website to allow Unit Testing

I recently wanted to have the ability to write Unit Tests for a personal project, I picked Effort.EF6 to help. This post goes through the setup for "Effort" and why you should choose it.

Portal CMS

Navigation Improvements in Portal CMS

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

Portal CMS

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.

Portal CMS

Portal CMS Demo Website Now Available

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

Portal CMS

User Experience Improvements to the Portal CMS Page Builder

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

Blog

Summer Holiday in Thassos, Greece

I just returned from a holiday in Thassos in Greece, so I wanted to post up some photo's to show what I got up too!

Portal CMS

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.

Technology

What is SendGrid?

As somebody who develops quite a lot of websites, I find that most of the time I tend to use a lot of the same technologies and services. A lesser known service which I have come to love is called SendGrid, heres why I love it.

Portal CMS

Inline Editing in Portal CMS

I recently releasd a huge change to the Portal CMS technology I have been working on. The ability to change content just like you do offline in Microsoft Office. No need to save changed, nor wait for changes to be made.

Tips and Tricks

How to setup a Web App on Microsoft Azure

A how to guide to creating a Web App on Microsoft Azure, deploying it using Continuous Deployment and hooking it up to a database.

Portal CMS

Portal CMS - Promotional Website

I decided to make a standalone website for Portal CMS; the technology I wrote to sit behind this website and many others. Why not take a look and see what its about?

Blog

Website Relaunch

Welcome to my personal website. I am just in the process of relaunching it under my new technology called Portal CMS.

Tips and Tricks

Cost Effective Email Hosting for Custom Domains (Migrated)

This article takes a look at options for setting up multiple email accounts for multiple custom domains.

Portal CMS

Portal CMS - Page Builder Demo

Portal CMS is my latest technology, this article shows a video demonstration of the new technology in action.

Technology

Windows 10 - Initial Reaction (Migrated)

This article covers my initial reaction to Windows 10 after using it on my main computer for a few days.

Technology

Windows 10 - Coming soon (Migrated)

A brief look at the upcoming Windows 10 release and a look at the new features in the update.

Portal CMS

Have you seen PortalCMS?

PortalCMS is my proudest personal project to date, it has taken a long time and a lot of effort, but its now more than I ever expected it to be. Find out why!

Portal CMS

Navigation Improvements in Portal CMS

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

Portal CMS

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.

Portal CMS

Portal CMS Demo Website Now Available

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

Portal CMS

User Experience Improvements to the Portal CMS Page Builder

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

Portal CMS

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

Inline Editing in Portal CMS

I recently releasd a huge change to the Portal CMS technology I have been working on. The ability to change content just like you do offline in Microsoft Office. No need to save changed, nor wait for changes to be made.

Portal CMS

Portal CMS - Promotional Website

I decided to make a standalone website for Portal CMS; the technology I wrote to sit behind this website and many others. Why not take a look and see what its about?

Portal CMS

Portal CMS - Page Builder Demo

Portal CMS is my latest technology, this article shows a video demonstration of the new technology in action.