How to Create and Use an ACF Options Page in Oxygen Builder

Advanced Custom Fields has a somewhat hidden feature called an Options page. This allows you to create global fields for commonly reused fields logo phone number, logo, sitewide notices, and much more. The flexibility thanks to the fact that you design what you need using a normal field group is incredibly powerful.

In this video, I'll show you how to create an options page, create a few fields groups, and get them to show in Oxygen Builder. Let me know what you'll use your Options pages for.

Learn more about my Oxygen Builder course here: https://permaslug.com/ultimate-oxygen-course/

TCT Code Snippet:

function tct_field($field_name) {
    return get_field( $field_name, 'option' );
}

function tct_field_link($field_name) {
    //return str_replace(' ', '', get_field( $field_name, 'option' ));   
    return preg_replace("/[^0-9]/", "", get_field( $field_name, 'option' ) );
}

ACF Options Code Snippet: https://www.advancedcustomfields.com/resources/options-page/

if( function_exists('acf_add_options_page') ) {
    
    acf_add_options_page(array(
        'page_title' 	=> 'Theme General Settings',
        'menu_title'	=> 'Theme Settings',
        'menu_slug' 	=> 'theme-general-settings',
        'capability'	=> 'edit_posts',
        'redirect'		=> false
    ));
    
    acf_add_options_sub_page(array(
        'page_title' 	=> 'Theme Header Settings',
        'menu_title'	=> 'Header',
        'parent_slug'	=> 'theme-general-settings',
    ));
    
    acf_add_options_sub_page(array(
        'page_title' 	=> 'Theme Footer Settings',
        'menu_title'	=> 'Footer',
        'parent_slug'	=> 'theme-general-settings',
    ));
    
}

 

Signup For Emails

Want to be notified when new tutorials are released? Signup below for our roundup emails. We promise not to spam and won't blow up your inbox. 
  • This field is for validation purposes and should be left unchanged.
Jonathan Jernigan, Founder
Permaslug and APEX Web Solutions

Join Permaslug

Membership Benefits Include:

  • Ultimate Oxygen Course
  • Ultimate Woocommerce Course
  • ACF Pro Course
  • Material Design Lite
  • Template Downloads
  • Community
  • And more!
register

More Posts

Creating a Multi-Row Header - Aletha's Legacy Part 1

Welcome to the first full episode of this series where we will be building a website in Oxygen Builder from the ground up, start to finish. The project is for an organization called Aletha's Legacy…
READ post

Giving Back for 5,000 Subscribers

I wanted to extend a thank you and also give back to the community that has supported me so much in celebration of 5,000 subscribers here on the channel. I'll be releasing a series with…
READ post

The Incredible Power of Google My Business Listings

Getting any business found on Google, whether it's a client or your own, will almost certainly be an important step during your web development journey. What I'm covering in this video is some of the…
READ post
menu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram