Customize the UI with Front Matter Templates
Does the following sound familiar? You set up a WP site, hand it off to a non-dev, and then they point to some unused part of the UI and say:
"What does this do?"
To which you sheepishly reply:
"Oh, that doesn't do anything...just ignore it."
A CMS often feels like a work-around, designed for some other purpose.
Front Matter Templates (FMTs)
FMTs allow you to customize the presentation of your UI fields in your CMS.
We’re building a hackable CMS for Jekyll and Hugo sites. A CMS that allows you to strip out the non-essential clutter from your UI and Front Matter Templates are the first step in this direction. This is handy if your pages use a lot of front matter fields.
What you can do with FMTs
The following page makes use of a variety of front matter:
--- title: Astronomy layout: astronomy order: 5 banner: /images/mars.jpg bio: Astronomy compels the soul to look upward... images: - "/uploads/2017/12/rover2.png" - "/uploads/2017/12/earth.jpg" - "/uploads/2017/12/rocket.jpg" - "/uploads/2017/12/aurora.jpg" - "/uploads/2017/12/nebula.jpg" - "/uploads/2017/12/rover.jpg" - "/uploads/2017/12/galaxy.jpg" - "/uploads/2017/12/rover3.png" email: firstname.lastname@example.org phone: (555) 555-5555 permalink: /astronomy/ --- Astronomy compels the soul to look upward, and leads us from this world to another. Dinosaurs are extinct today because they lacked opposable thumbs and the brainpower to build a space program.
With Front Matter Templates, you can do things like:
Hide fields from your editors
Change the field type in the UI
For example, change type from a list of tags to an image gallery. See full list of available fields.
Reorder the fields in the UI
Add help text
Set default values and much more.
This is just the beginning. Soon we’ll be adding more field types and more customizability.
Coming soon: image resizing and cropping
Coming soon: advanced UI fields
Like color pickers, google map location picker, etc.
Coming soon: related fields
Select data from your elsewhere in your site. For example, choose a related post, or choose an author from a data file.
Front Matter Templates allow you to customize the presentation of the fields in your CMS. You can set up a template to be used for a single page or for a collection of pages (posts, projects, etc). Customize the UI so non-developers aren’t confused.
As always, if you have any thoughts or feedback, we’d love to hear from you!
Caught a mistake or want to contribute to the blog? Edit this page on Github!