Why Klang CMS?

The foundation of the World Wide Web is CONTENT; be it media files, documents or just text. And with this demand comes the need for a Content Management System or CMS in short. However, you cannot just sling this content on to the Web just like that. The Web understands a very special language called Hyper-Text Markup Language (HTML). Without it you are not going anywhere.

Klang CMS simplifies the creation of this content by allowing you to adjust it visually using a drag-and-drop approach.


Klang CMS on desktop

Klang CMS on desktop

It's The Content Dummy!

Klang CMS: The Drag-and-Drop CMS

Klang CMS is a small drag-and-drop CMS built around the MVC architecture. It primarily uses MySQL as its database backend.

Inline Editing

Klang CMS comes with live inline editing out of the box for its pages and blog posts. You only need to setup the page/blog post title in the backend then clicking on the "Edit Content" to edit the page/post using its inline editor.

Out-of-the-box widgets include:

  • Images
  • Text with inline editing
  • Videos
  • Custom HTML
  • Forms
  • Headings
  • Image gallery
  • Maps

Additionally, Klang plugins can define their own drag-and-drop widgets. For example, Klang's blogging engine enables the Blog List and Blog Post Separator widgets. 


Klang comes with a blogging engine enabled by default. It allows you to create any number of blogging sections/categories which in turn can be set up as individual blogs on the frontend using its Blog List widget.


Klang Grid

Klang's Grid Architecture allows you to quickly create CRUD features for special sections or plugins.

More information will be coming soon on this.


Theming and Theme Development

Klang comes with Bootstrap 5 CSS, Bulma and Foundation CSS UI kits.

To load the CSS of each of these UI kits you only need to call the special ipAddCss() function with its corresponding string argument of the kit you want to use in the HEAD of your template i.e. ipAddCss('boostrap') to add the internal Bootstrap CSS file, ipAddCss('bulma') to add the internal Bulma CSS file and ipAddCss('foundation') to add the internal Foundation CSS file.

NOTE: You do not need to add Bootstrap JS or JQuery to your themes since these are preloaded by the system for its administration backend and inline editing functioning.


Plugin Development

More information coming soon.



Documentation coming soon.


Installation and Server Requirements

Please see "Getting Started". 

Recent Posts

Klang CMS is Out!

WORKS WITH: PHP >= 7.3 and not 7.4UPDATE DIFFICULTY LEVEL: Intermediate DB adminThis is a really minor release where I've added an "Updates" folder with the necessary SQL statements to upgrade/update your installation.The migrations are

Klang CMS 1.0.0 Released

WORKS WITH: PHP >= 7.3 and not 7.4

Klang drag-and-drop CMS 1.0.0 is out. This is a rewrite of the previous Humble CMS (originally an ImpressPages fork). All the framework code now resides under the "Klang" namespace.Turning to the new

Klang CMS: Background Story

 Like every web developer out there there comes a time when you have to search for a CMS that you are comfortable with and which can get you the results you want for your clients sites. Coming from a Symfony background, MVC was the way to go so a CMS like WordPress was really out of the