apply_filters( ‘wp_theme_json_data_theme’, WP_Theme_JSON_Data $theme_json )

User Contributed Notes

1. Skip to note 4 content

   maximebj 1 year ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Replace the color palette from the theme.json file:

   function wpdocs_add_replace_configuration( $theme_json )
   {
       $new_data = array(
           'version'  => 3, // Mandatory, or it won’t work
           'settings' => array(
               'color' => array(
                   'palette' => array(
                       array(
                           'slug'  => 'base',
                           'color' => 'white',
                           'name'  => __( 'Base', 'theme-domain' ),
                       ),
                       array(
                           'slug'  => 'contrast',
                           'color' => 'black',
                           'name'  => __( 'Contrast', 'theme-domain' ),
                       ),
                   ),
               ),
           ),
       );
   
       return $theme_json->update_with( $new_data );
   }
   add_filter( 'wp_theme_json_data_theme', 'wpdocs_add_replace_configuration' );
2. Skip to note 5 content

   maximebj 1 year ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Add new colors to an existing palette and merge configuration:

   function wpdocs_merge_custom_configuration( $theme_json ) {
       $current_data = $theme_json->get_data();
   
       $new_data = array(
           'version'  => 3, // Mandatory, or it won’t work
           'settings' => array(
               'color' => array(
                   'palette' => array_merge($current_data[‘settings’][‘color’][‘palette’][‘theme’], array(
                       array(
                           'slug'  => 'base',
                           'color' => 'white',
                           'name'  => __( 'Base', 'textdomain' ),
                       ),
                       array(
                           'slug'  => 'contrast',
                           'color' => 'black',
                           'name'  => __( 'Contrast', 'textdomain' ),
                       ),
                   )),
               ),
           ),
       );
   
       return $theme_json->update_with( $new_data );
   }
   add_filter( 'wp_theme_json_data_theme', 'wpdocs_merge_custom_configuration' );
3. Skip to note 6 content

   maximebj 1 year ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Split theme.json in multiple files:

   function wpdocs_compose_theme_json( $theme_json )
   {
       // Load sub files
       $theme_styles_raw   = file_get_contents( get_template_directory() . '/theme-styles.json' );
       $theme_settings_raw = file_get_contents( get_template_directory() . '/theme-settings.json' );
   
       // Convert JSON to array
       $theme_styles   = json_decode( $theme_styles_raw, true );
       $theme_settings = json_decode( $theme_settings_raw, true );
   
       // Inject data
       $new_data = [
           'version'  => 3, // Mandatory, or it won’t work
           'settings' => $theme_settings['settings'],
           'styles'   => $theme_styles['styles'],
       ];
   
       // Update WordPress' theme.json
       return $theme_json->update_with( $new_data );
   }
   add_filter( 'wp_theme_json_data_theme', 'wpdocs_compose_theme_json' );

   In theme-settings.json:

   {
       "$schema": "https://schemas.wp.org/trunk/theme.json",
       "settings": {
   		    "color": {}
   	  }
   }