How do I properly add FILE field in drupal form via theme-setting.php?

Question

I am building a theme with ability to upload custom background images but now I am stuck at a point.

How do I properly add FILE field in drupal form via theme-setting.php and after that how can I get public url to this file in my template files??

Answer 1

In your theme_form_system_theme_settings_alter hook you need to add the following form element:

  $form['theme_settings']['background_file'] = array(
    '#type'     => 'managed_file',
    '#title'    => t('Background'),
    '#required' => FALSE,
    '#upload_location' => file_default_scheme() . '://theme/backgrounds/',
    '#default_value' => theme_get_setting('background_file'), 
    '#upload_validators' => array(
      'file_validate_extensions' => array('gif png jpg jpeg'),
    ),
  );

This will save the file id to your theme settigns variable 'background_file', notice that i set the upload location to theme/backgrounds, this will be inside your files folder.

Finally you'll get the complete URL to the file with file_create_url:

$fid = theme_get_setting('background_file');
$image_url = file_create_url(file_load($fid)->uri);

Edit:

In your template.php you can add in the theme_preprocess_page hook the variable so all the tpl's can access it, this is how:

function theme_preprocess_page(&$variables, $hook) {
    $fid = theme_get_setting('background_file');
    $variables['background_url'] = file_create_url(file_load($fid)->uri);
}

Hope this helps! :D