How to use custom field’s value set in ACF Options page

October 26, 2018 Sridhar Katakam 2 Comments

This members-only tutorial provides the steps to create an options page using Advanced Custom Fields, adding a logo image field in the Options page and sending the image's URL to Oxygen.

Step 1

Install and activate ACF and Code Snippets plugins.

Go to Snippets > Add New.

Title: ACF Options Page

Code:

if ( function_exists( 'acf_add_options_page' ) ) {

    acf_add_options_page();

}

Set it to run only in admin.

Step 2

Go to Custom Fields > Add New.

Title: Sitewide

Add a logo image field with Image URL as the Return Value.

Set the group to appear on Options page.

Step 3

Go to Options in the admin left menu and upload your desired logo image.

Step 4

Snippets > Add New.

Title: Logo

Code:

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.

Hi Sridhar, Thank you very much for this tutorial! I’m very excited, to learn all these things. Could I also ad the Oxygen global colors and global fonts through the options page?
Thanks, Mieke

Reply