Blog

The built in blogging components allow you to create a fully functional blog.

Blog Components	Description
Author
Blog Tags
Conditional
Link to Post
Post	Wrapper, other blog components should be placed inside of this.
Post Body
Post Date
Post List
Post Summary
Post Title

File and Folder Setup

The built-in Blog system in Element requires a specifit file and folder setup to work.

Posts

Posts should be stored as Markdown down files inside a dedicated folder.

• Blog

  • posts

    • 2025-04-18-my-first=post.md

    • 2025-04-19-another-blog-post.md

The structure for the Posts Markdown file:

---
title: "An Example Post"
date_published: "2025-04-20"
author: Steve
tags: [technology]
status: published
feature_image: blog/myimage.jpg
featured: true
---
This is the contents of my first post.

Authors

You can create additional metadata about Authors by organizing a folder structure with supplementary markdown files. The authors folder should be placed at the same level as your "posts" folder.

• Blog

  • posts

  • authors

    • steve.md

    • jasmin.md

The structure for the Authors Markdown file:

---
name: "Steve"
avatar: blog/steve-photo.png
---
This is all about Steve.

Advanced

A $post array containing the post's information is available to any component placed inside a Blog List or Blog Post component.

Name	Type	Example
author	array	<?=$post['author']?>
author.avatar	string | null	<?=$post['author']['avatar']?>
author.bio	string | null	<?=$post['author']['bio']?>
author.name	string	<?=$post['author']['name']?>
author.slug	string	<?=$post['author']['slug']?>
body	string	<?=$post['body']?>
date_published	string	<?=$post['date_published']?>
featured	boolean	<?=$post['featured']?>
feature_image	string	<?=$post['feature_image']?>
slug	string	<?=$post['slug']?>
status	string	<?=$post['status']?>
tags	array	<?=$post['tags']?>
title	string	<?=$post['title']?>