{"id":759,"date":"2017-05-05T11:40:41","date_gmt":"2017-05-05T18:40:41","guid":{"rendered":"https:\/\/blocksylaunch.click\/documentation\/?p=759"},"modified":"2023-05-03T17:17:33","modified_gmt":"2023-05-04T00:17:33","slug":"post-formats-divi","status":"publish","type":"post","link":"https:\/\/blocksylaunch.click\/documentation\/divi\/post-formats-divi\/","title":{"rendered":"How To Use Divi Blog Post Formats"},"content":{"rendered":"

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<\/a> and assigning that template to all posts. However, there is another way to customize blog post formats if you’d like to use Gutenberg.<\/p>\n

When you customize a blog post format with Gutenberg, please note that you won’t be able to style these blog post formats with Divi or assign a Theme Builder template to them. To customize blog post formats within Gutenberg you’ll need to have purchased a child theme that comes with styled post formats, create your own, or style them with custom CSS<\/a> in Divi’s general settings.<\/p>\n

In this doc, we’ll go over the 6 post format types that Divi supports and how to use them.<\/p>\n

\"\"<\/p>\n

Divi Supports Six Post Formats<\/h2>\n

Post format is an optional value that can be 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 it\u2019s not required for theme developers to support all post formats. That\u2019s why we recommend creating a blog post template in the Divi Theme Builder<\/a>. However, Divi does come with post format support for standard, video, audio, links, gallery, and quotes.\u00a0Each of these formats structures your post differently, putting more focus on the type of content that the format represents.<\/p>\n

\"\"<\/p>\n

How to Select a Post Format<\/h3>\n

To select a post format, first, add a new post then click “Use Default Editor”.<\/p>\n

\"\"<\/p>\n

Once the post loads with the default editor, you’ll see an option appear in the sidebar that says “Post Format”. Click the dropdown menu to select your post type.<\/p>\n

\"\"<\/p>\n

Using the Standard Post Format<\/h2>\n

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.<\/p>\n

\"\"<\/p>\n

Using the Video Post Format<\/h2>\n

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 also replaces the default post thumbnail with a video embed.<\/p>\n

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. This will automatically position the first video link used in your post as the format video and feature it at the top of the post.<\/p>\n

Using the Audio Post Format<\/h2>\n

Selecting the Audio post format will display an audio player on your post. It will also replace the standard Thumbnail image on index pages with your audio player. The audio player will play the first audio file that you embed into your post. To add an audio file to your post, use the \u201cAdd Media\u201d button to upload your audio file. Once you upload a file, the theme will automatically use it for the post you are currently editing. The audio file must be uploaded while editing the post.<\/p>\n

\"\"<\/p>\n

Using the Quote Post Format<\/h2>\n

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 standard thumbnail image on all index pages. To make a piece of text a quote, simply highlight the text and press the blockquote button to turn it into a quote.<\/p>\n

\"\"<\/p>\n

Using the Gallery Post Format<\/h2>\n

The Gallery post format displays a gallery of images at the top of your post. It will also replace the standard Thumbnail image on all index pages with an image gallery slider. Once selected, the Gallery post format will use the first gallery that you added to your post.<\/p>\n

To add a gallery to your blog post, click the black plus button on a new line to bring up the Gutenberg content blocks library and select “gallery”. Click the “upload” button to upload new photos or click “Media Library” to choose photos from your media library.<\/p>\n

Using the Link Post Format<\/h2>\n

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 is the link that will be displayed at the top of the post and it will also replace the standard Thumbnail image on all index pages.\u00a0 To add a link to your post, you can use the \u201clink\u201d button in the WordPress post editor.<\/p>\n

\"\"<\/p>\n

Style Divi’s Post Formats<\/h2>\n

There are three main ways to style post formats.<\/p>\n

Code Custom Post Types<\/h3>\n

To edit the design of the default blog post formats, or to create new ones, you’ll need to know a little code and have a child theme<\/a> installed.<\/p>\n

To learn how to customize post formats with code, check out these resources:<\/p>\n