CCDzine
5/9/2017 - 5:02 PM

Link directly to specific sections in the WordPress customizer.

Link directly to specific sections in the WordPress customizer.

<?php
/*
 * Links to customizer sections
 *
 * Use this admin_url template:
 * admin_url( '/customize.php?autofocus[section]=section_name' );
 */
?>

<ul>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=title_tagline' ); ?>">Site Identity</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=colors' ); ?>">Colors</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=header_image' ); ?>">Header Image</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=background_image' ); ?>">Background Image</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=nav_menus' ); ?>">Menus</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=widgets' ); ?>">Widgets</a></li>
  <li><a href="<?php admin_url( '/customize.php?autofocus[section]=static_front_page' ); ?>">Static Front Page</a></li>
</ul>

Direct Customizer Links

WordPress Snippet

Default Customizer Sections

Following are the default section link slugs...

  • Site Identity: title_tagline
  • Colors: colors
  • Header Image: header_image
  • Background Image: background_image
  • Menus: nav_menus
  • Widgets: widgets
  • Static Front Page: static_front_page