Advanced Custom Fields for Header that are Editable from a Page [closed]

Assuming you are working with a theme supporting the WP customizer: Using the customizer.php file (can be found in sub-folder ‘inc’, or perform a search, varies from theme to theme. Make you own = Customizer API)

So, in your customizer.php – Add this:

// Add to customizer.php inside function your_customizer($wp_customize) {}
$wp_customize->add_setting(
'live_in_ctc',
 array(
 'default'           => '',
 'type'              => 'theme_mod',
 'capability'        => 'edit_theme_options',
 'transport'         => 'postMessage',
 'sanitize_callback' => 'esc_url_raw'
 )
);

$wp_customize->add_control(
'live_in_ctc',
 array(
 'label'             => 'Live In Tel',
 'section'           => 'title_tagline', // Site Identity section
 'type'              => 'url',
 'priority'          => '15'
 )
);

$wp_customize->add_setting(
'live_in_label',
 array(
 'default'           => '',
 'type'              => 'theme_mod',
 'capability'        => 'edit_theme_options',
 'transport'         => 'postMessage',
 'sanitize_callback' => 'esc_attr'
 )
);

$wp_customize->add_control(
'live_in_label',
 array(
 'label'             => 'Live In Label',
 'section'           => 'title_tagline', // Site Identity section
 'type'              => 'text',
 'priority'          => '16'
 )
);

Now, look for customizer.js. Typically found in the same folder as customizer.php (file names will vary from theme-to-theme. Look for the word “customizer”).

Add this to customizer.js within the function($):

wp.customize('live_in_label', function(value) {
 value.bind(function(to) {
  $('.classname a').text(to); // wrap your h3 in a div with .classname
 });
});

Change:

<h3>Live In Care: <a href="https://wordpress.stackexchange.com/questions/265141/tel:<?php the_field("live_in_ctc'); ?>"><?php the_field('live_in_label'); ?></a></h3>

To:

<div class="classname"><h3>Live In Care:&nbsp;<a href="https://wordpress.stackexchange.com/questions/265141/tel:<?php echo get_theme_mod("live_in_ctc'); ?>" title="telephone number"><?php echo get_theme_mod('live_in_label'); ?></a></h3></div>

To allow the telephone number/label to appear throughout your site, try adding the ‘To:’ update to your header.php, at the very bottom. Comment out the original first. Test and see what happens. I’ll bet additional css will be needed to get the number to render just right.