How to create a Page Header for Blog 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 the Blog page using Custom Layouts in Neve. Here is a dedicated doc about the Custom Layouts Module.
- 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 Header
| 🎥 Video Resources
🛠 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 ).
To manage the layouts, navigate to Neve > Custom Layouts.
Click on the Add New button to create one from scratch.
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.
Inside Conditional Logic, insert the following rule: Archive Type is equal to Posts.
Edit the custom layout to suit your needs. If you want to display dynamic information, use the magic tags.
📝 Note: Learn more about the magic tags in custom layouts from this doc.