{"id":928,"date":"2018-09-21T17:48:30","date_gmt":"2018-09-21T17:48:30","guid":{"rendered":"https:\/\/forum.assemblewp.com\/?p=928"},"modified":"2018-09-21T17:48:30","modified_gmt":"2018-09-21T17:48:30","slug":"page-and-post-heroes","status":"publish","type":"post","link":"https:\/\/demos.websitevalet.com\/gp-dispatch\/2018\/09\/21\/page-and-post-heroes\/","title":{"rendered":"Page and Post Heroes"},"content":{"rendered":"

Page Heroes are those big bold images and headlines you find at the top of your posts and pages. They sit just below the Site Header and added using the Header Element module, when activated provides the Elements menu in Dashboard > Appearance > Elements<\/strong><\/p>\n

Dispatch has two Header Elements in place. But you can add as many as you need.<\/p>\n

Magazine Grid – Home Page<\/h2>\n

Combined with the WP Show Posts plugin this header creates a 5 post card grid. Very few settings are required. These are the main points:<\/p>\n

Hero Content:<\/strong> WP Show Posts Short code
\nElement Classes:<\/strong> wpsp-grid wpsp-card
\nThis creates the grid and styles the cards<\/small>
\nPadding:<\/strong> Zero padding
\nMakes the grid fill the hero<\/small>
\nDisplay Rules:<\/strong> Front Page<\/p>\n

The shortcode required is found in the WP Show Posts list you created. More detail on creating these special lists can be found here<\/a>.<\/p>\n

Single Post<\/h2>\n

Method:\u00a0<\/strong>Block Element – Page Hero
\nBackground Image:<\/strong>\u00a0Dynamic Featured Background Image on Container Block
\nContent: <\/strong>Headline Blocks displaying dynamic Post Title, Post Author, Post Data and Category Terms
\nDisplay Rules:<\/strong> All Posts<\/p>\n

Creating new Block Elements<\/h2>\n

Creating a new Block Element is as easy as creating a new post. This article explains how to:<\/p>\n

Block Element Overview<\/a><\/p><\/blockquote>\n