Adding Dynamic Subheadings to Posts in GeneratePress: Using Custom Fields and Block Element to Complete the Presentation

exist WordPress In websites, in addition to the title and body text, the judicious use of subheadings can enhance the structure of the article and improve the visual hierarchy. If you are using GeneratePress theme, then just with the Block Element and custom fields feature, you can dynamically display the subtitle below the title of each article, without writing any code. In this article, we will teach you to realize this effect.

I. Enabling customized field functionality

By default, theWordPress 's Gutenberg editor hides custom fields. We need to turn them on manually first:

• Go to any article edit page.
• Click on the "three dots" icon (settings menu) in the upper right corner.
• Go to [Preferences] > [Panel].
• Enable the [Custom Fields] option.

• The page will be refreshed once and the "Custom Fields" panel will appear at the bottom.

II. Adding a subheading field to an article

Custom Fields area at the bottom of the post:

• The name of the new field is subtitle
• Fill in the "Value" with the content of the subtitle you want to display.
• Click on "Update" in the upper right corner of the article to save it

Creating a Block Element

Next, create a new Block Element to display the subtitle:

• Go to "Appearance > Elements" in the background
• Click "Add New Element" and select "Block" type.

• Name the element "Subtitle".
• Type SelectionHook"

IV. Adding and setting up subheading blocks

In the Block Element editor:

• Add a "Headline Block" (requires installation) GenerateBlocks (Plug-ins)
• set to H2 tags (since the default post title is H1)
• Click "Dynamic Data"buttons
• Select "Post Meta" for text type
• The Meta field name is filled in as subtitle(must match the field name set in the article)

When set up this way, the block will automatically display the current post filled in the subtitle Value.

V. Setting the Display Position and Hook

In the Block Element settings:

• The display condition is set to: Post > All Posts
• Hook name selection:generate_after_entry_titleThis way the subtitle will appear below the headline

VI. Adjusting priorities so that subheadings appear before meta-information

By default, the meta information for articles (e.g., publish date, author) also uses the same HookThe priority is 10.

To have the subtitle appear before the meta information:

• Set the Hook priority of the subtitle block to 5
• Click "Update" to save

• Go to the front-end page and refresh it to see the subtitle appear in thecaptionand meta-information between

Seven, add subheadings to other articles

Repeat for other articles named subtitle custom fields and fill in the corresponding values, the subtitle will be displayed automatically in the front-end without additional settings.

summarize

GeneratePress The Block Element system incorporates dynamic field functionality to give websites the ability to display information flexibly. With a single setup, all articles can display different subheadings, which is a practical way to enhance visual presentation by supplementing article content, providing clarification or reinforcing structure.

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: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off