How to create a theme customizer ‘sub’ panel?

You create Panels, and put Sections inside those Panels.

So if you have your panel:

$wp_customize->add_panel( 'panel_id', array(
 'priority'       => 10,
  'capability'     => 'edit_theme_options',
  'theme_supports' => '',
  'title'          => __('Theme Options', 'mytheme'),
  'description'    => __('Several settings pertaining my theme', 'mytheme'),
) );

Then you need to add your sections:

$wp_customize->add_section( 'header_settings', array(
    'priority'       => 10,
    'capability'     => 'edit_theme_options',
    'theme_supports' => '',
    'title'          => __('Header Settings', 'mytheme'),
    'description'    =>  __('Header elements configuration', 'mytheme'),
    'panel'  => 'panel_id',
) );

$wp_customize->add_section( 'footer_settings', array(
    'priority'       => 10,
    'capability'     => 'edit_theme_options',
    'theme_supports' => '',
    'title'          => __('Footer Settings', 'mytheme'),
    'description'    =>  __('Footer elements configuration', 'mytheme'),
    'panel'  => 'panel_id',
) );

Regular sections are “sub” panels. Then you add your settings to your sections, and you are done.

Related Posts:

  1. Adjust the Device Preview sizes used in the WP 4.5 Customizer
  2. WP Customizer – Prevent live preview
  3. Different customizer previewUrls per section
  4. Theme customizer – possible to disable Live Preview?
  5. Theme Customization API options on install
  6. Passing data from customize-controls.js to the customize-preview.js
  7. Get attachment id from WP Customizer
  8. Why does get_theme_mod return blank (or default value) but get_option returns saved value?
  9. Deactivate sections/panels when the Customizer finishes loading
  10. Add button to Customizer
  11. Why is remove_setting and remove_control not working?
  12. Need to run a plugin on Customize.php
  13. Customizer preview doesn’t update get_option() value properly
  14. Customizer Issue, Default Settings not working
  15. Set Default Page On Customizer Live Preview
  16. Rename and rearrange customizer section
  17. get_theme_mod not working
  18. Customizer not saving image settings
  19. How to hide few theme customization options – TwentySeventeen theme
  20. Theme Customizer – My panel disappears
  21. How to remove mixed content warnings in WP Customizer
  22. Does the customizer support multiple templates?
  23. How can a default site icon be set in customizer?
  24. New customizer setting not showing value
  25. Customizer Selective Refresh doesn’t refresh properly with saved value
  26. Removing pre existing menu item
  27. Theme customization based on grouped pages
  28. Issue with Customizer: only last field shown in section
  29. get_theme_mod() only working when the customizer is open
  30. Change the location of add_theme_support( ‘custom-header’ ) in the customizer
  31. add_theme_support(‘custom-header’) does not add the option to customize
  32. Create custom control for WordPress customizer using JavaScript
  33. Customizer Not Applying Any Change, No Error Thrown
  34. Custom panel/section link styling in customizer
  35. How to Get WP_Customize_Image_Control content?
  36. Custom switch not hiding sub-fields on Customizer’s load
  37. WordPress Customizer Selective Refresh: works only on first setting change
  38. How to use WP_Customize_Cropped_Image_Control settings in the customizer preview?
  39. How to use Vuejs inside a custom control?
  40. WordPress Customizer: Why widgets and nav_menus are components, not panel or section?
  41. Customizer Ajax
  42. Add post type titles in customizer dropdown list
  43. get_theme_mod Not Functioning Properly
  44. How to make a Customizer partial force full refresh instantly?
  45. Place a message in theme customizer sidebar
  46. How to add width & height (resolution) on wordpress function?
  47. WordPress Customizer Panels in separate files
  48. Function has_custom_logo when used in Customizer
  49. WordPress Include ‘print_f’ in WP_Customize_Control array [closed]
  50. Override theme style rule in Gutenberg
  51. How to add custom classes to the customizer panels, sections or controls?
  52. Theme Check plugin error when I add ‘©’ [closed]
  53. doubble scroll bar on wordpress home page [closed]
  54. Theme Customize API Panel Concept
  55. Detect device change (desktop, tablet or mobile) in Customizer
  56. Kirki: generate toggles for each taxonomy term
  57. Allow multiple settings to be stored in a single option in Theme customizer
  58. Theme customizer not working
  59. How do you add a link in the description of one section of the customizer to another section in a different panel?
  60. When deleting a theme, are the theme customizer settings also deleted from the database?
  61. Get WordPress page Id inside customizer
  62. How to Add new Arguments to custom Control of customizer wordpress?
  63. Unexpected output using theme customizer
  64. Initialize WordPress customizer variables
  65. Customizer List of Items
  66. Prevent WordPress from setting src on image added in Customiser
  67. How would you set Theme Customizer API Previewer Preview URL of a Logged out Page or Login Screen
  68. Twentyseventeen theme customize bug
  69. Defining path of content folder in WP-config solves the issue of missing header, footer, theme options. Is this a good approach? Expert Advice needed
  70. How to save theme customizer values as sub-array?
  71. customizer refresh breaks with this code but I don’t understand why
  72. Change a customizer control based on another control’s value dynamically
  73. Is there a way to load translations from .PO and .MO files for Customizer strings?
  74. Image Uploaded To Customizer Not Displaying
  75. Can I fake being in the customizer?
  76. Domain redirect seems to break WP customizer
  77. Top header to edit page not present in one page
  78. Broken Customizer After Migration To The Skeleton Architecture
  79. WordPress Customizer not allowing menu options
  80. In 2016 Theme where is the Posts page thumbnail image stored?
  81. I need to get the control choices to sanitize_callback
  82. Edit style.css via theme customizer
  83. Customizer Get Control Choices on Change
  84. How do I flush a conditioned control’s value if the parent control has been unchecked?
  85. input type=”button” not working in customizer
  86. How to implement Selective Refresh within posts?
  87. Location of customizer Menu panel core code
  88. Why my first new WP_Customize_Image_Control doesn’t work
  89. How to add a Visual Edit Shortcut to a theme mod?
  90. Return customizer setting value in functions.php
  91. Return value of get_background_color
  92. Let user select file in customizer
  93. Customizer_register not saving custom setting to database
  94. New Customizer Menu (WP 4.3) – how is called?
  95. Custom Sanitation Function Triggering an Alert in Customizer?
  96. How to tell theme customizer to save setting in my option table?
  97. WP Theme Customizer – Responsive Elements
  98. How to rename and rearrange multiple sections in the Customizer?
  99. How to add CSS to head by php through echo self::css();
  100. How to override javascript in customize-controls.js

Leave a Comment