How to Use Blog Post Formats in Divi
Divi includes support for publishing formats ofvideo, audio, links and quotes.
The recommended way to do this within Divi is by creating ablog post template in Theme Builderand assigning that template to all publications.
However, there is another way to customize publication formats if you want to useGutenberg.
Note:It is important to remember that if you use Gutenberg to customize the format of your post,you will not be able to stylize it with Divi.
However, you can assign a Theme Builder template to design posts that use a personalized publishing format and have the freedom to customize them.
In this document, we will revise the6 types of publication formatsDivi admits and how to use them.
Divi supports six publishing formats
The publication format is an optional value assigned to WordPress blog posts that allows developers to design format-specific templates.
Not all themes or add-ons support custom publishing formats, and theme developersare not obligedto support all formats.
We recommend creating ablog post template in Divi Theme Builder. However, Divi does support the following formats:
Standard
Video
Audio
Links
Gallery
Quotes
Each of these formats structures your publication differently, focusing more on the type of content that the format represents.
How to select a publication format
Go toWordPress Desktop → Posts → All posts
- Create or edit an entry and clickUse the default editor
- Use the optionInput formatin the right sidebar to choose the format for publication
Use of the standard publication format
Standardis the default post format in WordPress. You can use this format for articles, blog posts, case studies, etc.
Standard publications may also include other types of content such as links, images, galleries and citations.
Use of the video publishing format
When you select the publication formatVideo, the first video link in the post will be placed as a video at the top of your post.
It will also replace the standard featured image of the publication with video embedding.
After selecting the video format, you will need to copy and paste a YouTube or Vimeo video link into the blog post, or upload a video directly to your website through the WordPress multimedia library.
Insert the blockYouTubeof Gutenberg in the content of your post.
Set the YouTube video URL in the block's video field.
Sets the publication format asVideo format.
Publish/Save changes.
Using the audio publishing format
When you select the publication formatAudio, an audio player will be displayed in your post.
It will also replace the standard featured image of the publication with your audio player.
The audio player will play the first audio file you embed in your post.
Insert the blockAudioof Gutenberg in the content of your post.
Upload your audio file.
Sets the publication format asAudio format.
Publish/Save changes.
Use of the appointment publication format
The publication formatQuoteshow a stylized quote at the top of your post, drawn from the first quote (blockquote) you have in the content.
The stylized quote will also replace the standard highlighted image of the publication.
Highlight the text and press the quote button to turn it into a quote, or insert the blockQuoteof Gutenberg and paste your text.
Sets the publication format asCitation format.
Publish/Save changes.
Use of the gallery publication format
The publication formatGallerydisplays an image gallery at the top of your post.
It will also replace the standard highlighted image of the publication with aimage gallery slider.
Once selected, the gallery format will use the first gallery you have added to your post.
- Click the black plus button on a new line to open the Gutenberg content block library and select the blockGallery.
- Click the buttonUploadto upload new photos, or clickMedia Libraryto choose photos from your library.
- Sets the format of the input asGallery format.
- Publish/Save changes.
Use of the link publication format
The publication formatLinkshows a stylized link at the top of the publication.
Once selected, the link format will use thefirst linkin your post as the main URL.
This link will be displayed at the top of the publication and replace the standard highlighted image.
Highlight the text you want to convert into a link and use the optionInsert linkto add the URL.
Sets the publication format asLink format.
Publish/Save changes.
More resources
How to create post formats in WordPress
How to add custom templates and layouts to blog post formats in Divi (Part 1 of 3)
How to add custom templates and layouts to blog post formats in Divi (Part 2 of 3)
How to add custom templates and layouts to blog post formats in Divi (Part 3 of 3)
Create stunning custom templates for event entry types with Divi
Popular Articles
How to Create an App for Restaurants (with or without Delivery)
Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...APPS: Radio
The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...APPS: Webhooks
The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...APPS: Audio & Music
How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...QR Promotions
This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...
Related Articles
The Divi Post Slider Module
How to add, configure and customize the Divi Publications Slider module. < The Divi Post Slider Modulecan display recent blog posts, reviews, featured projects, inspiring quotes, upcoming events and more. They can be large, small, fixed ...The Divi Blog Module
Agregar, configurar y personalizar el módulo de blog de Divi. <br> El módulo de blog de Divi es más que una forma de mostrar tus publicaciones de blog. Puede mostrar publicaciones, páginas, medios, proyectos y productos en un diseño de ...The Divi Post Navigation Module
Cómo agregar, configurar y personalizar el módulo de navegación de publicaciones de Divi. <br> El módulo de Navegación de Entradas de Divi te permite navegar entre las entradas del blog o proyectos usando enlaces de anterior y ...The Divi Post Title Module
Cómo agregar, configurar y personalizar el módulo Título de Publicación de Divi. <br> El Módulo de Título de Publicación de Divi permite diseñar y estilizar cómo se ven los títulos de las publicaciones, metatextos e imágenes ...How to Use Divi AI Layouts
Learn how to harness the power of Divi Layouts IA to create professional and visually appealing designs in minutes. <br> This article provides a step-by-step guide on how to use Divi Layouts IA to streamline and improve ...