Using GeneratePress and GenerateBlocks to Create Page Heroes for Category/Tag Archive Pages

desirous of WordPress of a more visually appealing categorized or tagged archive page? In this article, we'll explain how you can use the GeneratePress respond in singing GenerateBlocks Plugin to customize the aesthetically pleasing archive page top banner (Page Hero) with dynamic category title, description text and optional drop shadow style.

I. Prerequisite preparation

Before you begin, make sure the following plugins are enabled:

• GeneratePress Theme (GP Premium is recommended to support Page Hero functionality)
• GenerateBlocks plugin (Pro version for shadow styles)

In addition, in the WordPress backend, "Post →" is the default setting. categorizationIn the "Add description content for some categories for subsequent dynamic call.

New Page Hero element

• Go to Backstage → Appearance → Elements
• Click on "Add New Element"

• named after Category Page Hero or other identifying name
• Element type selection Page Hero
• Display Rule Selection All ArchivesThis works on both category and tagged archive pages.

Third, build Page Hero content structure

Insert a Container blockIf you want to use the default settings, just use the default settings.

Adding a container to the Headline blocks

• The title level is set to H1
• Alignment is set to center
• Open it.Dynamic data (Dynamic)"Options, Content Selection Title

• Customize font size and color

• If GenerateBlocks Pro is installed, you can add the Text Shadow Increased visualization

Add Category Description

• utilization GP Dynamic Content Block provided by GeneratePress

• Type Selection Term Description(used to display a description of the current category or tag)

IV. Hide the default title

• Save and publish the Page Hero element you just created
• Return to Element Settings → "Element" tab on the left side
• Disable page elements" in the Title (Content Title) Hide

• Click to update

After refreshing the category page, the native header will be hidden and only the custom Page Hero block will remain.

V. Effectiveness

At this point, the front-end page'sCategory Archives PageThe following effects have been realized:

• Display the current category name at the top of the page (dynamically fetched)
• Below is a description of the category (automatically invoked)
• Full-screen centered layout with customizable fonts, colors, shadows, and other styles
• The original default title has been hidden

concluding remarks

pass (a bill or inspection etc) GeneratePress With GenerateBlocks, it's easy to create visually striking top banners for category or tag archive pages, improving the overall quality of your website design.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off