This members-only tutorial provides the steps to output custom fields attached to the Posts page on the front end in Oxygen.

In this example we shall show a page_header_text text-type custom field's value below the site header.

Back end:

Front end:

Step 1

Create a Page titled say, Blog.

Go to Settings > Reading and set it as Posts page.

Step 2

Install and activate Advanced Custom Fields (ACF) or ACF Pro.

Add a new field group named say, "Page Header".

Add a Text type field with "Page Header Text" as Field Label. Ensure that the Field Name is page_header_text.

Set the field group to appear on the Posts page.

Step 3

Edit the "Blog" Page and enter your desired heading text for the Page Header Text.

Step 4

Go to Oxygen > Templates.

Add a new Template titled say, "Posts page".

Set it to inherit from your main Catch All Template.

Set it to apply to "Blog Posts Index" (under Other).

Set the priority to a number necessary to override any other Template that may apply to this view.

Step 5

Edit the Template with Oxygen.

a) Add a Section inside the Inner Content.

Set your desired background color to it.

Add a Code Block inside the Section.

Set the Tag to a heading tag like h2.

PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($27/month).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: