Skip to main content
All CollectionsExtra Theme DocumentationThe Basics
An Overview Of Post Formats In Extra
An Overview Of Post Formats In Extra

Extra supports all major post formats, giving your blog a wonderful variation of media.

Updated over a week ago

Extra Supports All The Major Post Formats

When you write a blog post, you can apply one of 7 different post formats to the post:

  • Standard,

  • Video,

  • Audio,

  • Quote,

  • Gallery,

  • Link, and

  • Map.

Each of these post formats structures your post differently, focusing more on the type of content the format represents.

docs image

When you write a blog post, you will notice a box labeled Format to the right of your text editor.

Within this box are the 6 format options. Choosing Standard will result in a normally formatted blog post, while each option has a unique design associated with its format type.

docs image

The Video Post Format

For posts using the Video Post Format, a video is placed at the top of the post. The post's Featured Image will also be replaced with an embedded video in post listings.

Upon selecting the Video post format from within the Format options box, you will notice a new settings box has been added after the Post Content area.

There, you can define your video(s) by copying/pasting a video URL (from providers like YouTube and Vimeo) or uploading your video (in mp4 format via the WordPress Media Library)

docs image

The Audio Post Format

Audio Post Format posts will display an audio player at the top of their content. An audio player will also replace the post's Featured Image on index pages.

Upon selecting the Audio post format from within the Format options box, you will notice a new settings box has been added after the Post Content area.

You can use the options provided to define an Audio file for the post.

docs image

The Quote Post Format

Applying the Quote Post Format to a post will display a stylized quote at the top of your post. The stylized quote will also replace the post's Featured Image on all index pages.

Upon selecting the Quote Post Format from within the Format options box, you will notice a new settings box has been added after the Post Content area.

You can use the options provided to define a quote for the post.

docs image

The Gallery Post Format

When you apply the Gallery Post Format to a post, an image gallery is displayed at the top of the post content. A gallery slider will replace the post's Featured Image on all index pages.

Upon selecting the Gallery Post Format from within the Format options box, you will notice a new settings box has been added after the Post Content area.

You can use the options provided to define your gallery images for the post.

docs image

The Link Post Format

Applying the Link Post Format to a post will display a stylized link at the top of your post. The stylized link will also replace the post's Featured Image on all index pages.

Upon selecting the Link Post Format from within the Format options box, you will notice a new settings box added after the Post Content area.

You can use the options provided to define a post link.

docs image

The Map Post Format

When you apply the Map Post Format to a post, a map centered on your chosen location will appear prominently at the top of the post content.

This can be useful in various situations, especially for sites where posts might be connected to a physical location (a restaurant review site is one example that comes to mind).

Upon selecting the Map Post Format from within the Format options box, you will notice a new settings box has been added after the Post Content area.

You can use the options provided to define a map point for the post and configure the map's zoom level and positioning.

Note: The Map post format requires a valid Google Map API key to be added to Extra → Theme Options → General Tab → Google API Key.

docs image


Google Maps API Key

A Google Maps API key is required to use the Contact Page Template since it contains a Google Map.

To obtain an API key, log into the Google Developers Console, which will guide you through the process and automatically activate the Google Maps JavaScript API and any related services.

  1. Create a new project.

    docs image
  2. Give a name to this project. You can name the project anything you like. In this example, we called it Maps. You can also input your website's domain name (add an * in front of it if you allow access from both www.domain.com and domain.com)

    docs image
  3. Click on the Create button. After you have created your project, you will be presented with an API Key that you can use.

    docs image
  4. Copy/paste the Google API key into Extra → Theme Options → General Tab → Google API Key.

Did this answer your question?