Customizing the design of blog posts is a great way to make your content and web page stand out.
The recommended way to do this within Divi is by creating a blog post template in the Theme Builder and assigning that template to all posts.
However, there is another way to customize blog post formats if you want to use Gutenberg.
Note: It's important to remember that if you use Gutenberg to customize your blog post format, you won't be able to style it with Divi.
However, you can assign a Theme Builder template to design posts that use a custom post format and have the freedom to customize them.
In this doc, we'll review the 6 post format types that Divi supports and how to use them.
Divi Supports Six Post Formats
Post format is an optional value assigned to WordPress blog posts that allow developers to design specific templates for each post format.
Not all themes or plugins support custom post formats, and theme developers are not required to support all post formats.
We recommend creating a blog post template in the Divi Theme Builder. However, Divi does come with post-format support for:
Standard
Video
Audio
Links
Gallery
Quotes
Each of these formats structures your post differently, focusing more on the type of content the format represents.
How to Select a Post Format
Go to WordPress Dashboard → Posts → All Posts
Create or edit a post and click Use Default Editor
Use the Post Format option in the right-hand sidebar to choose the format for the post
Using the Standard Post Format
Standard is the default post format in WordPress. You can use this post format for articles, blog posts, case studies, etc. Standard posts can also include other content types like links, images, galleries, and quotes.
Using the Video Post Format
When selecting the Video post format, the first video link in the post will be placed as a video at the top of your post.
It will also replace the post's standard Featured Image with a video embed. After selecting the Video post format, you'll need to copy and paste a video link from YouTube or Vimeo into the blog post or upload a video directly to your website via the WordPress media library.
Insert the Gutenberg's YouTube block into your post content.
Set the YouTube video URL in the video field of the Gutenber's block.
Set the post format to Video Format.
Publish/Save the changes.
Using the Audio Post Format
Selecting the Audio post format will display an audio player on your post.
It will also replace the post's standard Featured Image with your audio player.
The audio player will play the first audio file you embed into your post.
Insert the Gutenberg's Audio block into your post content.
Upload your audio file.
Set the post format to Audio Format.
Publish/Save the changes.
Using the Quote Post Format
The Quote post format displays a stylized blockquote at the top of your post that is pulled from the first blockquote you have in the blog post.
The stylized blockquote will also replace the post's standard Featured Image.
Highlight the text and press the blockquote button to turn it into a quote, or insert the Gutenberg Quote Block and paste your text.
Set the Post Format to Quote Format.
Publish/Save the changes.
Using the Gallery Post Format
The Gallery post format displays a gallery of images at the top of your post. It will also replace the post's standard Featured Image with an image gallery slider.
Once selected, the Gallery post format will use the first gallery that you added to your post.
Click the black plus button on a new line to bring up the Gutenberg content blocks library and select the Gallery Block.
Click the upload button to upload new photos, or click Media Library to choose photos from your library.
Set the Post Format to Gallery Format.
Publish/Save the changes.
Using the Link Post Format
The Link post format displays a stylized link at the top of the post.
Once selected, the link post format will use the first link in your post as the main URL link.
This link will be displayed at the top of the post and replace the post's standard Featured Image.
Highlight the text that you want to be a link, and use the Link option to insert the URL.
Set the Post Format to Link Format.
Publish/Save the changes.
