How to create a simple CMS for HTML and PHP Websites

A content management system or CMS is a software that facilitates creating, editing, organizing, and publishing content.

What is sitecake?

It is a Simple CMS (Content Managment System) for HTML & PHP Websites.

What kind of features does site cake offer?

Drag & drop everything. With this CMS you can Drag & drop items from anywhere; the website, your desktop, other browser windows, or cloud services like YouTube, Vimeo, Google maps, Twitter, among others.

No template engine required.As i said it is a static CMS that works with plain HTML and PHP pages. No need to learn new templating syntax.

No database needed.This is the most interesting part, Sitecake is flat-file CMS. Text changes are saved to the HTML page, images to the file system. Once editing is finished the website stays static, Just like that.

Lightening speed.In the layman's language I would say it is much faster than a WordPress website. Remember it manages static pages and static websites cached with CDN services load lightning fast. For mobile users faster is better. For Google ranking too.

How to install Sitecake

Note:Sitecake is not for free. It has got different price plans depending on your organisation or project size. Check their Plans

Nesting of sc-content elements is not supported

Moreso, all you need is a webserver (Apache or NGINX) and PHP 5.6+. In development mode, you can either download Xammp or Wamp.


Back to the point, how can you add sitecake to your project;

Step 1

First, add sc-content class to divs you want editable


 <div class="sc-content">
 <h1>Learning new things is great </h1>
 <p>The world is great. </p>
 <p>Everyone is great. </p>

Step 2

Second, upload Sitecake to the same folder as your website.




Note:You must have an index page (index.html or index.htm or index.php or index.php5)

Step 3

Lastly, point the browser to and login with ‘admin’ as the password to start editing.

You can change the password by clicking on the change password link when the login form pops up.

Incase you want to give it a try, visit their documentation page and see how easy it is to create and update your websites on a fly.

Related Post(s)

» How to a create Scroll To Top Button using HTML CSS & JAVASCRIPT

» Why can't my windows 10 host file be edited - Solution

» Setup your Chromebook for Web Development

» How to update your CHROMEBOOK

» How To Set A Meta Theme Color For Your Website

collections_bookmark Category :: Howto
date_range Published :: 1 year ago At: 04:37 PM
event_note Detailed Date :: Nov 19th, 2020
person Writer :: Code
4 months ago

A JavaScript library for formatting and manipulating numbers - Numeral.js

Check out this lightweight JavaScript library used for formatting and manipulating numbers.

5 months ago

All Countries Drop Down List | HTML Select Country Name

This simple country dropdown list is freely available for you to copy and use in your project forms.

5 months ago

HTML Entities Code Alphabet Discovery Using JavaScript

In this post I will show how writing just a few lines in JavaScript will allow you to render, browse and discover the alphabetical letters using a set of HTML entity codes.

5 months ago


Download YTS YIFY movies using this simple project I created using their API.

6 months ago

Display Random Advice On Your Website or Web App Using Advice Slip JSON API

Here is a short project to display the use of APIs. I decided to work with an advice API because it seemed like a fun one that I haven't worked on before.

7 months ago

How do I get a YouTube video thumbnail from YouTube using PHP

Have you ever been on youtube and admired a thumbnail of a video?

9 months ago

How to recreate Facebook's console warning

When I was inspecting some code on Facebook. I came across this interesting feature. A simple styled console warning message from Facebook to its dear users(products).

1 year ago

How To Create A Stacked Gallery Using HTML And CSS Source Code

In this post I provide you with the source code for the youtube tutorial I made on how to create a Stacked image gallery Using HTML and CSS.