{"id":473,"date":"2017-04-30T10:53:28","date_gmt":"2017-04-30T17:53:28","guid":{"rendered":"https:\/\/www.elegantthemes.com\/documentation\/?p=473"},"modified":"2017-05-17T20:41:38","modified_gmt":"2017-05-18T03:41:38","slug":"post-formats","status":"publish","type":"post","link":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/","title":{"rendered":"An Overview Of Post Formats In Extra"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/wJsoenS2Sn0?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>Extra Supports All The Major Post Formats<\/h2>\n<p>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 formats structures your post differently, putting more focus on the type of content that the format represents.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png\" \/><\/p>\n<p>When you write a blog post, you will notice a box to the right of your text editor labeled &#8220;Format.&#8221; Within this box are the 6 format options. Choosing &#8220;Standard&#8221; will result in a normally-formatted blog post, while each of the other options has a unique design associated with their format type.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-2.jpg\" alt=\"docs image\"\/><\/p>\n<h2>Using The Video Post Format<\/h2>\n<p>For posts using the Video Post Format, a video is placed at the top of the post. Additionally, the post&#8217;s Featured Image will be replaced with an embedded video in post listings. <\/p>\n<p>Upon selecting the &#8220;Video&#8221; post format from within the Format options box, you will notice a new settings box has been added in the left column. There you can define your video(s) by either copy\/pasting a video URL (from providers like Youtube and Vimeo) or by installing your own HTML5 video via the WordPress Media Library.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-3.jpg\" \/><\/p>\n<h2>Using The Audio Post Format<\/h2>\n<p>Posts using the Audio Post Format will display an audio player at the top of their content. The post&#8217;s Featured Image on index pages will be replaced by an audio player as well. Upon selecting the &#8220;Audio&#8221; post format from within the Format options box, you will notice a new settings box has been added in the left column. You can use the options provided there to define an Audio file for the post.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-4.jpg\" \/><\/p>\n<h2>Using The Quote Post Format<\/h2>\n<p>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&#8217;s Featured Image on all index pages.<\/p>\n<p>Upon selecting the Quote Post Format from within the Format options box, you will notice a new settings box has been added in the left column. You can use the options provided there to define a quote for the post.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-5.jpg\" \/><\/p>\n<h2>Using The Gallery Post Format<\/h2>\n<p>An image gallery is displayed at the top of the post content when you apply the Gallery Post Format to a post. A gallery slider will replace the post&#8217;s Featured Image on all index pages.<br \/>\nUpon selecting the Gallery Post Format from within the Format options box, you will notice a new settings box has been added in the left column. You can use the options provided there to define your gallery images for the post.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-6.jpg\" \/><\/p>\n<h2>Using The Link Post Format<\/h2>\n<p>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&#8217;s Featured Image on all index pages.<\/p>\n<p>Upon selecting the Link Post Format from within the Format options box, you will notice a new settings box has been added in the left column. You can use the options provided there to define a link for the post.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-7.jpg\" \/><\/p>\n<h2>Using The Map Post Format<\/h2>\n<p>When you apply the Map Post Format to a post, a map centered on a location of your choosing 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). <\/p>\n<p>Upon selecting the Map Post Format from within the Format options box, you will notice a new settings box has been added in the left column. You can use the options provided there to define a map point for the post as well as configure the map&#8217;s zoom level and positioning.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-formats-8.jpg\" \/><\/p>\n<h2>Google Maps API Key<\/h2>\n<p>An API key is <strong>required<\/strong> in order to use the Contat Page Template since it contains a google Map. To obtain an API key, log into the <a href=\"https:\/\/console.developers.google.com\/flows\/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend&#038;keyType=CLIENT_SIDE&#038;reusekey=true\" target=\"_blank\">Google Developers Console<\/a>, which will guide you through the process, and activate the Google Maps JavaScript API and any related services automatically. The first thing you will be asked to do is create a new project.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-api-1.jpg\" alt=\"docs image\" \/><\/p>\n<p>Next you will be asked to name your project. You can name the project anything you like. In this example, I simply called it &#8220;Maps.&#8221; You can also input your website&#8217;s domain name (add an * in front of it if you allow access from both www.domain.com and domain.com) to make sure to other website&#8217;s are allowed to your your API key.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-api-2.jpg\" alt=\"docs image\" \/><\/p>\n<p>After you have created an named your project, you will be presented with an API Key that you can use.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-api-3.jpg\" alt=\"docs image\" \/><\/p>\n<p>After you have obtained an API key, you must copy\/paste it into the theme options panel by navigating to: <strong>Divi&gt;&gt;Theme Options&gt;&gt;General Settings&gt;&gt;Google Maps API Key<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Extra supports all major post formats, giving your blog a wonderful variation of media.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,20],"tags":[],"class_list":["post-473","post","type-post","status-publish","format-standard","hentry","category-extra","category-basics-extra"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An Overview Of Post Formats In Extra - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Extra supports all major post formats, giving your blog a wonderful variation of media.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-30T17:53:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:41:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"An Overview Of Post Formats In Extra\",\"datePublished\":\"2017-04-30T17:53:28+00:00\",\"dateModified\":\"2017-05-18T03:41:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/\"},\"wordCount\":838,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/post-formats-post-formats-overview.png\",\"articleSection\":[\"Extra Theme Documentation\",\"The Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/\",\"name\":\"An Overview Of Post Formats In Extra - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/post-formats-post-formats-overview.png\",\"datePublished\":\"2017-04-30T17:53:28+00:00\",\"dateModified\":\"2017-05-18T03:41:38+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/post-formats-post-formats-overview.png\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/post-formats-post-formats-overview.png\",\"width\":1920,\"height\":924},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/post-formats\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"An Overview Of Post Formats In Extra\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/","og_locale":"en_US","og_type":"article","og_title":"An Overview Of Post Formats In Extra - Elegant Themes Documentation","og_description":"Extra supports all major post formats, giving your blog a wonderful variation of media.","og_url":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-04-30T17:53:28+00:00","article_modified_time":"2017-05-18T03:41:38+00:00","og_image":[{"url":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#article","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/"},"author":{"name":"admindocumentation","@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"An Overview Of Post Formats In Extra","datePublished":"2017-04-30T17:53:28+00:00","dateModified":"2017-05-18T03:41:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/"},"wordCount":838,"image":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png","articleSection":["Extra Theme Documentation","The Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/","url":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/","name":"An Overview Of Post Formats In Extra - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#primaryimage"},"image":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png","datePublished":"2017-04-30T17:53:28+00:00","dateModified":"2017-05-18T03:41:38+00:00","author":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#primaryimage","url":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png","contentUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/post-formats-post-formats-overview.png","width":1920,"height":924},{"@type":"BreadcrumbList","@id":"https:\/\/www.elegantthemes.com\/documentation\/extra\/post-formats\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.elegantthemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"An Overview Of Post Formats In Extra"}]},{"@type":"WebSite","@id":"https:\/\/www.elegantthemes.com\/documentation\/#website","url":"https:\/\/www.elegantthemes.com\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elegantthemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":1,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/473\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/473\/revisions\/474"}],"wp:attachment":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}