Okay, here we go again
I started creating sites in the early '90s of the previous century (Boy, do I sound old...).
In the beginning there was not real CMS-software (well, Frontpage and Dreamweaver... but those were more like editors).
So I decided to build my own, flat-file / noDB CMS-software (sounds familiair, he!)... DMS.
The name was just a joke; when some guys had a CMS, I would rule the market with the next type of CMS... DMS.
The official name was Dirty Management System, and dirty is was... so about ten years later I decided to migrate all my sites to Wordpress
One year ago, I discovered Kirby, a flat-file / noDB CMS (sounds familiair, he!).
It's hard to convince your clients / the market to migrate to another CMS (all they know is Wordpress, and I can not dis-agree with the market-share).
But in about one year, I was able to migrate three existing sites from Wordpress to Kirby and build another three from sketch (using Kirby).
My own site was still Wordpress... build in 2012 end never updated (code-wise; the content / CMS itself was updated on a regular basis, of course).
The first week of this month, I did not have any big projects, so I decided to migrate my own site to Kirby - and there it is
O, by the way - I'm not a real coder; I started out as a graphical / comic artist. So many of the projects are not code-related, but animations / designs / illustrations I made (no client wants to see cool code, they just want to see cool images / designs...).
It's not a theme or something, it just a hand-made design - based on Bootstrap and some jQuery scripting.
Of course the site itself is not exiting; you can build sites like this with every CMS - even without any CMS at all... so let's take a look at the back-end (which I like most from Kirby; building your own back-end!).
First thing you will notice, is the panel - secured by a captcha.
I know Kirby has brute-force attack prevention (since 2.3) but I made this captha before that, and my clients think it's cool, because it adds an extra security layer (needed or not...)
Once behind the captcha, you'll see a branded log-in form
The dashboard, were it all starts...
I made two widgets myself;
Download monitor, to keep track of my downloads
At a glance, to keep track of the site itself
As you can see my site is a one-pager, but I decided to split the sections into pages;
This way I am able to change the different parts of my site very quick, without the need to scroll / click / etc... in one large back-end panel.
This is were thing become interesting
- In the upper-right corner you'll see my Jumplist feature in action. This nifty button enables you to jump from page to page very quick, without the need to return back to the dashboard every time... a live / time-saver!
- Another thing you'll mention is the tabbed-interface. I don't like long pages that forces you to scroll, to I created a plug-in that enables you to divide one long page in several tabbed-sections.
- In the sidebar, you'll see live preview of your images. In stead of the name, I now can see what an image really looks like. And there is a toggle in case you want to see the full name.
- The entries on the page are made with the extreme powerfull Snippetfield made by @jenstornell
It's a kind of the default structurefield, but with much more options. In this scenario I show a feature image, an expert of the project (with a nice (...) ellipsis when thing become to long), the title of the project and it's status;
Eye open, the project is published
Eye closed, the project is (not) yet visible on the site.
The snippetfield when editing a project.
It's quit simple;
- Select the featured image
- Set it's status
- Select a type (every type will show an other icon on the front-end)
- Set some slides (default Bootstrap carousel)
- Enter a title and the text.
It's easy to create your own panel-pages, no need for (Advanced) Custom Field (Wordpress) here
This page / tab is all about a custom made Google map; I removed all the buildings, roads, streetnames, etc... and decided to paint the (interactive) map in the main colors of my brand.
How cool - select a color in the back-end, it will show up in the front-end!
So in less than one week, I was able to build my new site from scratch (with the help of Bootstrap of course).
I used my KRB Minify plug-in to minify both the assets and html, turned on the Kirby Caching Mechanism and scored a 9.4 at GTmetrix
I know this numbers aren't holy - but it's better to score a 9.4 than a 3.1...
(...and clients love speed (-numbers)) after all...