How to create a Page Header for Individual Posts using the Custom Layouts Module

๐Ÿ“ Note: The Custom Layouts are part of the Neve PRO Addon's modules. If you would like to learn more about the Neve Pro Addon, take a look at Neve Pro Addon's full documentation.

This article will present  step-by-step how to create a page header for individual blog posts using Custom Layouts in Neve. Here is a dedicated doc about the Custom Layouts Module.

๐ŸงฐTools needed

  • Neve theme - here is a doc that will help with the installation.
  • Neve PRO Addon - here is a doc that contains instructions regarding purchasing it.

๐Ÿ›  Creating the Page Header

Before creating the hero section, make sure you have  activated the Custom Layouts module. For this, navigate to Neve > Neve Options > Neve Pro and scroll down until you will find the Custom Layout module (it is activated by default).

1

To manage the layouts, navigate to Neve > Custom Layouts.

2

Click on the Add New button to create one from scratch. 

3

Select the Hooks type inside the modal, then select the After Header Hook from the dropdown and add a suitable name.

๐Ÿ“ Note: You can see the hooks' locations by clicking on the Show Hooks button (into the black menu bar from the top) in the Customizer.

4

Inside Conditional Logic, insert the following rule:  Post Type is equal to Posts.

5

Edit the custom layout to suit your needs. If you want to display dynamic information, use the magic tags. In the example below, we used the post title, author, and estimated reading time, as well as post featured image.   

๐Ÿ“ Note: Learn more about the magic tags in custom layouts from this doc.

๐Ÿ’กResult


๐ŸŽฅ Video - How to Create Custom Layouts From Neve Patterns?

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us