![]() ![]() The single post uses a narrower content width for easier reading. Just make sure to check the Elements option in the plugins settings and use the New Draft option it provides on any element. But instead of creating them from scratch you can use the Duplicate Post plugin. Sometimes you may want to make multiple variations of them. A note on using Elements Duplicating ElementsĮlements are like a clever custom post type. It has been set-up to a preset size using Padding and uses the Parallax scrolling effect. #4 Header: Single Post Header Featured ImageĪ standard Header Element that uses the posts featured image for the background. Var fader = (height - scrollTop) / height Īs we have the Single Post Custom Entry Header and Post Navigation element we don’t need the Post title in our content. Change this if you want it to fade faster Var scrollTop = (window.pageYOffset != undefined) ? window.pageYOffset : (document.documentElement || || document.body).scrollTop Var target = document.getElementById("custom-post-entry-header") This provides the subtle fade out on the custom header element upon scrolling. This hook contains some simple vanilla javascript. ![]() #2 Hook: Fade Out Header Element on Scroll up ![]() You also won’t be needing the following hook element and layout element. If you do not want the custom post header then you can remove the Single Post Custom Entry Header Hook element. It is therefore advisable that it is left alone. Changing this set-up requires knowledge of PHP. It outputs the Category, Post Title and Post Excerpt. The basicsīefore diving into the detail if you’re not familiar with the Elements module and its Hook, Header and Layout Element then start reading here:Įlements Overview The four elements #1 Hook: Single Post Custom Entry Header There is nothing the user needs to do for this to be displayed or dynamically updated. Including 2 hooks, a featured image header and a layout element. Using four separate GeneratePress Elements. The single post header is quite a complicated set-up. So if you choose to assign a post to multiple categories it will only query the first category. It uses the first Category assigned to the post. All of the custom features are 100% dynamic you simply need to:Ī note on Categories: The custom post navigation and related posts section displays content based on the current posts category. It should provide all you need to create categorised post content to support your shop. Starting with a custom hero header and finishing with a related posts section. ![]() The single post has been styled to provide a bold introduction, large featured image and clean easy to read content. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |