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

YouTube video

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

Automatically Convert Figma to Oxygen Builder with Xenon

I am extremely excited to annouce my agency's app called Xenon. This tool lets you export your Figma designs into Oxygen Builder automatically. What I'll show you is a demo of how the app connects…
READ post

Gap Is Better Than Margin and Here’s Why

If you find yourself adding margin to elements and then having to adjust individual elements when organization changes later, then you're going to love flex gap. It automatically spaces all the elements for you with…
READ post

Oxygen 4.0 Alpha Review - Big UI Changes, Bug Fixes and More!

In this stream, we will review the big changes that have been released with Oxygen 4.0's announcement. UI changes, fixing the Repeater duplicate ID issue, and more.  
READ post
menu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram