A Contentful Blog Post
Published On: March 2nd, 2021
Lets see how we can post our blog post content to contentful.
Topics Covered:
Creating Content Model
Creating Content
Editing Content
Creating Content Model
Contentful organizes content into spaces, that allows you to group all the related resources for a project together, this includes content entries, media assets, and settings for localizing content into different languages.
Each space has a content model that represents the content types you create.
Content type properties
All content types have standard fields that contain basic information about the content type, its fields and meta data.
Creating Content
To add fields:
Click the “Add field” button and select “Text”. Give the new field the name of “Title” and click “Create”.
Repeat for Rich text and Date and time.
When finished adding fields, click Save.
Add content
Once all our fields have been added, our content type is finished! Now let’s use it to create some content.
Click the Content tab, then Add Blog post.
Fill out the fields with your desired content.
When finished, click the Draft button and select Publish.
Editing Content
Remember, a blog is not just blog posts. We still have images, author bio, SEO metadata and videos to add to our space. Don’t worry though — the process remains the same. Follow steps 3 through 6 for the remaining content types, and our space will look like this:
The beginner’s guide to Contentful
ON THIS PAGE
Welcome to Contentful! No matter your role or what content you’re interested in managing — from an editor working on a marketing blog to a contributor working on a web app — Contentful has many powerful features to offer you.
Before you can get started creating content, however, you need to create a content model. Think of a content model as the big picture view of your content, and the kinds of content (or content types) you want to create as the pieces that make up that big picture. The key to any successful project in Contentful lies in creating a good content model.
For most people, the easiest way to get used to content modeling is with a practical example. This guide will walk you through the steps necessary to get up and running with your first project in Contentful, from creating a content model to filling it with content. For a more in-depth look at content modeling as a concept, see our guide to content modeling basics.
Our example project
We have a personal blog that we run in our spare time. Occasionally, we have guest posts from friends and people in our field that we admire. We need to add, edit and manage all these posts.
Naturally, the first thing you think of when it comes to blog content are blog posts. But, actually, blog posts are not the only content in a blog. There are also images (and, potentially, other media such as embedded videos), author bios and pieces of SEO metadata, such as tags. All of these pieces of content can be managed in Contentful.
We will add these pieces of content as content types into the big picture of our blog that is our content model.
Step 1: Get an account
If you don’t already have a Contentful account, go to https://www.contentful.com/sign-up/ to get one for free. Then go to https://app.contentful.com/ and log in.
Step 2: Create a space
Short for workspace, a space is where all the content is created with Contentful. It’s your place to keep all the content related to a project. For this example, our project space is where our blog entries will live.
To create a new space:
Click Add a space. Select your space type from the list. This guide will assume you’re creating a Free space type, although the steps in this guide apply to all space types.
Give the space a descriptive name. In this example, we’ll name the space the same as our blog title, “Content is King!”
Select “Create an empty space” from the list below the blog name, then click Proceed to confirmation.
Double-check your space details. Then, click Confirm and create space when you’re ready.
Step 3: Create the content model
Now with our space set up, it’s time to create our content model. We do this by adding content types for each kind of content we want to have in our space: blog posts, images, author bio, SEO metadata and videos.
We’ll start by adding a content type for blog posts.
From your space home:
Click the Content Model tab, then Add content type.
Enter the name of the content type you’re creating (in this case, “Blog post”) and a short description. Then click Create when satisfied.
We’re not finished yet! Now we need to define what kind of information we want to include about the Blog post content type in our content model.
Step 4: Add information to content model
Let’s quickly recap where we are.
So far, we have created a space for our blog (called “Content is King!”), and we’ve created a content type called Blog post. The next step is to define what type of information to store for each blog post in our blog. This is done by adding fields.
Contentful currently supports a number of fields:
For our Blog post content type, we’ll be using two types of fields: Text, Rich text, and Date and time.
To add fields:
Click the “Add field” button and select “Text”. Give the new field the name of “Title” and click “Create”.
Repeat for Rich text and Date and time.
When finished adding fields, click Save.
Your content type should look like so:
Step 6: Add content
Once all our fields have been added, our content type is finished! Now let’s use it to create some content.
Click the Content tab, then Add Blog post.
Fill out the fields with your desired content.
When finished, click the Draft button and select Publish.
Step 7: Repeat!
Remember, a blog is not just blog posts. We still have images, author bio, SEO metadata and videos to add to our space. Don’t worry though — the process remains the same. Follow steps 3 through 6 for the remaining content types, and our space will look like this:
Hooray! We created our blog!
Everything is now in place
By following this introduction on content modeling with Contentful you...
Signed up for a free Contentful account
Created your first space called “Content is King!”
Put together a content type called “Blog post”
Populated the “Content is King!” space with content based on the “Blog post” content type