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

October 26, 2018 Sridhar Katakam 3 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 or $169 one-time).

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

Sridhar Katakam says:

November 28, 2018 at 12:27 am

Hi Mieke,

I don’t think that is possible.

Loading...

Reply

Hi Sridhar, any chance you could do a tutorial like this using metabox.io. I’m trying to replicate this using the Mb settings page and not getting very far. I would really appreciate it if you could put a tutorial like that that together.