Getting Started with the Blog Template

Agility CMS is a flexible headless CMS with an infinite number of ways to configure and set up your pages and content.

In order to showcase best practices, evaluate, and help onboard new users when using Agility CMS, we recommend signing up for our pre-configured Blog Template. This template has a few Pages along with some Page Modules and Content Models already set for you to help support a familiar blogging experience.

It's important to note though, that you can customize anything and everything in this template, it's just giving you a head start and serving as an example!

What we'll be covering in this guide:

How to Sign Up

Head to https://www.agilitycms.com and click on Get Started to sign up for a new Agility CMS account.

Screen_Shot_2020-10-27_at_2.36.28_PM.png

Sign up for a new Agility CMS account using Github, Google, Microsoft, or via Email & Password.

Screen_Shot_2020-10-27_at_2.40.03_PM.png

Fill out the following information to complete your profile.

Screen_Shot_2020-10-27_at_2.39.20_PM.png

Choose the Blog Template as your starter template.

Select the Free Developer plan.

Screen_Shot_2021-02-24_at_9.51.13_AM.png

Overview of the Blog Template

The Blog Template consists of a collection of pre-initialized Pages, Page Templates, Modules, and Content.

Pages

Pages represent the pages available on your website.

  • /home - the root page of the site ('/').
  • /blog - the primary listing page for blog posts.
  • /blog/* - the dynamic page path used for blog posts.
  • /about - the about page of the site.

Page Templates

Page templates define the areas that modules can be added to.

  • Main Template - a basic template that has a single content zone for adding modules

Page Modules

Page Modules are the functional components that are added to a page. Typically all of your content on a page is broken down into modules.

  • Text Block with Image - A 2 column section that displays a tagline, title, text, a button, and an image with a selectable image position (Left side or Right side).
  • Rich Text Area - a WYSIWYG for displaying flexible HTML.
  • Featured Post - displays a featured post from a list of blog posts.
  • Post Listing - a listing of your blog posts.
  • Post Details - UI component representing the details of a single blog post.
  • Heading - displays a page heading.

Content

  • Site Header - a content item with a Logo and Site Name that is used for rendering a header on the website.
  • Blog Posts - a listing of blog posts, each post has a Title, URL Slug, Date, Category, Featured Image, and Blog Content.
  • Blog Categories - the category of a blog post.

Next Steps

Now that you have an idea of what's included in the blog template, It's time to pick a front-end framework.

It's never been easier to build a stunning and performant website for your users with all the amazing front-end frameworks available today.

With options like Next.js and Gatsby, you can deliver an amazing experience not only for users but for Editors and Developers as well.

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.