/**
* Typography - font face
*
* @since 2.2.0
*/
function themeblvd_sanitize_font_face($value)
{
$recognized = themeblvd_recognized_font_faces();
if (array_key_exists($value, $recognized)) {
return $value;
}
return apply_filters('themeblvd_default_font_face', current($recognized));
}
/**
* Setup everything we need for WordPress customizer.
*
* All custom controls used in this function can be
* found in the following file:
*
* /framework/admin/classes/customizer.php
*
* @since 2.1.0
*/
function themeblvd_customizer_init($wp_customize)
{
global $_themeblvd_customizer_sections;
// Get current theme settings.
$options_api = Theme_Blvd_Options_API::get_instance();
$option_name = $options_api->get_option_id();
$theme_settings = $options_api->get_setting();
// Register sections of options
if ($_themeblvd_customizer_sections) {
foreach ($_themeblvd_customizer_sections as $section) {
// Add section
$wp_customize->add_section($section['id'], array('title' => $section['name'], 'priority' => $section['priority']));
$font_counter = 1;
// Add Options
if ($section['options']) {
foreach ($section['options'] as $option) {
if ($option['type'] == 'logo') {
// LOGO
// Setup defaults
$defaults = array('type' => '', 'custom' => '', 'custom_tagline' => '', 'image' => '');
if (isset($theme_settings[$option['id']])) {
foreach ($defaults as $key => $value) {
if (isset($theme_settings[$option['id']][$key])) {
$defaults[$key] = $theme_settings[$option['id']][$key];
}
}
}
// Transport
$transport = '';
if (isset($option['transport'])) {
$transport = $option['transport'];
}
// Logo Type
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][type]', array('default' => esc_attr($defaults['type']), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control($option['id'] . '_type', array('priority' => 1, 'settings' => $option_name . '[' . $option['id'] . '][type]', 'label' => $option['name'] . ' ' . __('Type', 'themeblvd'), 'section' => $section['id'], 'type' => 'select', 'choices' => array('title' => __('Site Title', 'themeblvd'), 'title_tagline' => __('Site Title + Tagline', 'themeblvd'), 'custom' => __('Custom Text', 'themeblvd'), 'image' => __('Image', 'themeblvd'))));
// Custom Title
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][custom]', array('default' => esc_attr($defaults['custom']), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control($option['id'] . '_custom', array('priority' => 2, 'settings' => $option_name . '[' . $option['id'] . '][custom]', 'label' => __('Custom Title', 'themeblvd'), 'section' => $section['id']));
// Custom Tagline
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][custom_tagline]', array('default' => esc_attr($defaults['custom_tagline']), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control($option['id'] . '_custom_tagline', array('priority' => 3, 'settings' => $option_name . '[' . $option['id'] . '][custom_tagline]', 'label' => __('Custom Tagline', 'themeblvd'), 'section' => $section['id']));
// Logo Image
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][image]', array('default' => esc_attr($defaults['image']), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, $option['id'] . '_image', array('priority' => 4, 'settings' => $option_name . '[' . $option['id'] . '][image]', 'label' => $option['name'] . ' ' . __('Image', 'themeblvd'), 'section' => $section['id'])));
} else {
if ($option['type'] == 'typography') {
// TYPOGRAPHY
// Setup defaults
$defaults = array('size' => '', 'style' => '', 'face' => '', 'style' => '', 'color' => '', 'google' => '');
if (isset($theme_settings[$option['id']])) {
$defaults = $theme_settings[$option['id']];
}
// Transport
$transport = '';
if (isset($option['transport'])) {
$transport = $option['transport'];
}
// Loop through included attributes
foreach ($option['atts'] as $attribute) {
// Register options
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][' . $attribute . ']', array('default' => esc_attr($defaults[$attribute]), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
switch ($attribute) {
case 'size':
$size_options = array();
for ($i = 9; $i < 71; $i++) {
$size = $i . 'px';
$size_options[$size] = $size;
}
$wp_customize->add_control($option['id'] . '_' . $attribute, array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][' . $attribute . ']', 'label' => $option['name'] . ' ' . ucfirst($attribute), 'section' => $section['id'], 'type' => 'select', 'choices' => $size_options));
$font_counter++;
break;
case 'face':
$wp_customize->add_control(new WP_Customize_ThemeBlvd_Font_Face($wp_customize, $option['id'] . '_' . $attribute, array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][' . $attribute . ']', 'label' => $option['name'] . ' ' . ucfirst($attribute), 'section' => $section['id'], 'choices' => themeblvd_recognized_font_faces())));
$font_counter++;
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][google]', array('default' => esc_attr($defaults['google']), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control(new WP_Customize_ThemeBlvd_Google_Font($wp_customize, $option['id'] . '_' . $attribute . '_google', array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][google]', 'label' => __('Google Font Name', 'themeblvd'), 'section' => $section['id'])));
$font_counter++;
break;
case 'style':
$wp_customize->add_control($option['id'] . '_' . $attribute, array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][' . $attribute . ']', 'label' => $option['name'] . ' ' . ucfirst($attribute), 'section' => $section['id'], 'type' => 'select', 'choices' => themeblvd_recognized_font_styles()));
$font_counter++;
break;
case 'color':
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, $option['id'] . '_' . $attribute, array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][' . $attribute . ']', 'label' => $option['name'] . ' ' . ucfirst($attribute), 'section' => $section['id'])));
$font_counter++;
break;
}
// Divider line below each font
$wp_customize->add_setting($option_name . '[' . $option['id'] . '][divider]', array('type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
$wp_customize->add_control(new WP_Customize_ThemeBlvd_Divider($wp_customize, $option['id'] . '_divider', array('priority' => $font_counter, 'settings' => $option_name . '[' . $option['id'] . '][divider]', 'section' => $section['id'])));
$font_counter++;
}
} else {
// ALL OTHER OPTIONS
// Default
$default = '';
if (isset($theme_settings[$option['id']])) {
$default = $theme_settings[$option['id']];
}
// Transport
$transport = '';
if (isset($option['transport'])) {
$transport = $option['transport'];
}
$priority = '';
if (isset($option['priority'])) {
$priority = $option['priority'];
}
// Register option
$wp_customize->add_setting($option_name . '[' . $option['id'] . ']', array('default' => esc_attr($default), 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options'), 'transport' => $transport));
// Add controls
switch ($option['type']) {
// Standard text option
case 'text':
$wp_customize->add_control($option['id'], array('priority' => $priority, 'settings' => $option_name . '[' . $option['id'] . ']', 'label' => $option['name'], 'section' => $section['id']));
break;
// Textarea
// Textarea
case 'textarea':
$wp_customize->add_control(new WP_Customize_ThemeBlvd_Textarea($wp_customize, $option['id'], array('priority' => $priority, 'settings' => $option_name . '[' . $option['id'] . ']', 'label' => $option['name'], 'section' => $section['id'])));
break;
// Select box
// Select box
case 'select':
$wp_customize->add_control($option['id'], array('priority' => $priority, 'settings' => $option_name . '[' . $option['id'] . ']', 'label' => $option['name'], 'section' => $section['id'], 'type' => 'select', 'choices' => $option['options']));
break;
// Radio set
// Radio set
case 'radio':
$wp_customize->add_control($option['id'], array('priority' => $priority, 'settings' => $option_name . '[' . $option['id'] . ']', 'label' => $option['name'], 'section' => $section['id'], 'type' => 'radio', 'choices' => $option['options']));
break;
// Color
// Color
case 'color':
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, $option['id'], array('priority' => $priority, 'settings' => $option_name . '[' . $option['id'] . ']', 'label' => $option['name'], 'section' => $section['id'])));
break;
}
}
}
}
}
}
}
// Remove irrelevant sections
$remove_sections = apply_filters('themeblvd_customizer_remove_sections', array('title_tagline'));
if (is_array($remove_sections) && $remove_sections) {
foreach ($remove_sections as $section) {
$wp_customize->remove_section($section);
}
}
// Modify sections
$modify_sections = apply_filters('themeblvd_customizer_modify_sections', array());
if (!empty($modify_sections)) {
foreach ($modify_sections as $section) {
// Currently only one section set to be modified. I'm doing this
// loop to make it so you can stop items from being modified and
// I can may add to this in the future.
switch ($section) {
case 'static_front_page':
// Modify section's title
$wp_customize->add_section('static_front_page', array('title' => __('Homepage', 'themeblvd'), 'priority' => 120, 'description' => __('Your theme supports a static front page.', 'themeblvd')));
// Add custom homepage option
$wp_customize->add_setting($option_name . '[homepage_content]', array('default' => '', 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options')));
$wp_customize->add_control('homepage_content', array('settings' => $option_name . '[homepage_content]', 'label' => __('Homepage Content', 'themeblvd'), 'section' => 'static_front_page', 'type' => 'radio', 'choices' => array('posts' => __('WordPress Default', 'themeblvd'), 'custom_layout' => __('Custom Layout', 'themeblvd'))));
// Add custom layout selection
// Custom Layouts
$custom_layouts = array();
$custom_layout_posts = get_posts('post_type=tb_layout&numberposts=-1');
if (!empty($custom_layout_posts)) {
foreach ($custom_layout_posts as $layout) {
$custom_layouts[$layout->post_name] = $layout->post_title;
}
} else {
$custom_layouts['null'] = __('You haven\'t created any custom layouts yet.', 'themeblvd');
}
$wp_customize->add_setting($option_name . '[homepage_custom_layout]', array('default' => '', 'type' => 'option', 'capability' => themeblvd_admin_module_cap('options')));
$wp_customize->add_control('homepage_custom_layout', array('settings' => $option_name . '[homepage_custom_layout]', 'label' => __('Homepage Custom Layout', 'themeblvd'), 'section' => 'static_front_page', 'type' => 'select', 'choices' => $custom_layouts));
break;
}
}
}
}
/**
* Generates the options fields that are used in forms for
* internal options framework.
*
* Total props to Devin Price for originally creating this function
* for his "Options Framework" -- This function has since been adapted
* over time to be utilized throughout many parts of the Theme Blvd
* theme framework.
* Devin Price's website: http://wptheming.com
*
* @since 2.2.0
*
* @param string $option_name Prefix for all field name attributes
* @param array $options All options to show in form
* @param array $settings Any current settings for all form fields
* @param boolean $close Whether to add closing </div>
* @return array $form Final options form
*/
function themeblvd_option_fields($option_name, $options, $settings, $close = true)
{
$counter = 0;
$menu = '';
$output = '';
foreach ($options as $value) {
$counter++;
$val = '';
$select_value = '';
$checked = '';
$class = '';
// Sub Groups --
// This allows for a wrapping div around groups of elements.
// The primary reason for this is to help link certain options
// together in order to apply custom javascript for certain
// common groups.
if ($value['type'] == 'subgroup_start') {
if (isset($value['class'])) {
$class = ' ' . $value['class'];
}
$output .= '<div class="subgroup' . $class . '">';
continue;
}
if ($value['type'] == 'subgroup_end') {
$output .= '</div><!-- .subgroup (end) -->';
continue;
}
// Name Grouping --
// This allows certain options to be grouped together in the
// final saved options array by adding a common prefix to their
// name form attributes.
if (isset($value['group'])) {
$option_name .= '[' . $value['group'] . ']';
}
// Sections --
// This allows for a wrapping div around certain sections. This
// is meant to create visual dividing styles between sections,
// opposed to sub groups, which are used to section off the code
// for hidden purposes.
if ($value['type'] == 'section_start') {
$name = !empty($value['name']) ? esc_html($value['name']) : '';
if (isset($value['class'])) {
$class = ' ' . $value['class'];
}
if (!$name) {
$class .= ' no-name';
}
$output .= '<div class="postbox inner-section' . $class . '">';
if ($name) {
$output .= '<h3>' . $name . '</h3>';
}
if (!empty($value['desc'])) {
$output .= '<div class="section-description">' . $value['desc'] . '</div>';
}
continue;
}
if ($value['type'] == 'section_end') {
$output .= '</div><!-- .inner-section (end) -->';
continue;
}
// Wrap all options
if ($value['type'] != 'heading' && $value['type'] != 'info') {
// Keep all ids lowercase with no spaces
$value['id'] = preg_replace('/\\W/', '', strtolower($value['id']));
// Determine CSS classes
$id = 'section-' . $value['id'];
$class = 'section ';
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
if ($value['type'] == 'logo' || $value['type'] == 'background') {
$class .= ' section-upload';
}
}
if (!empty($value['class'])) {
$class .= ' ' . $value['class'];
}
// Start Output
$output .= '<div id="' . esc_attr($id) . '" class="' . esc_attr($class) . '">' . "\n";
if (!empty($value['name'])) {
// Name not required
$output .= '<h4 class="heading">' . esc_html($value['name']) . '</h4>' . "\n";
}
$output .= '<div class="option">' . "\n" . '<div class="controls">' . "\n";
}
// Set default value to $val
if (isset($value['std'])) {
$val = $value['std'];
}
// If the option is already saved, override $val
if ($value['type'] != 'heading' && $value['type'] != 'info') {
if (isset($value['group'])) {
// Set grouped value
if (isset($settings[$value['group']][$value['id']])) {
$val = $settings[$value['group']][$value['id']];
// Striping slashes of non-array options
if (!is_array($val)) {
$val = stripslashes($val);
}
}
} else {
// Set non-grouped value
if (isset($settings[$value['id']])) {
$val = $settings[$value['id']];
// Striping slashes of non-array options
if (!is_array($val)) {
$val = stripslashes($val);
}
}
}
}
// Add each option to output based on type.
switch ($value['type']) {
/*---------------------------------------*/
/* Basic Text Input
/*---------------------------------------*/
case 'text':
$place_holder = '';
if (!empty($value['pholder'])) {
$place_holder = ' placeholder="' . $value['pholder'] . '"';
}
$output .= sprintf('<input id="%s" class="of-input" name="%s" type="text" value="%s"%s />', esc_attr($value['id']), esc_attr($option_name . '[' . $value['id'] . ']'), stripslashes(esc_attr($val)), $place_holder);
break;
/*---------------------------------------*/
/* Text Area
/*---------------------------------------*/
/*---------------------------------------*/
/* Text Area
/*---------------------------------------*/
case 'textarea':
$place_holder = '';
if (!empty($value['pholder'])) {
$place_holder = ' placeholder="' . $value['pholder'] . '"';
}
$cols = '8';
if (isset($value['options']) && isset($value['options']['cols'])) {
$cols = $value['options']['cols'];
}
$output .= sprintf('<textarea id="%s" class="of-input" name="%s" cols="%s" rows="8"%s>%s</textarea>', esc_textarea($value['id']), stripslashes(esc_attr($option_name . '[' . $value['id'] . ']')), esc_attr($cols), $place_holder, esc_textarea($val));
break;
/*---------------------------------------*/
/* Select
/*---------------------------------------*/
/*---------------------------------------*/
/* Select
/*---------------------------------------*/
case 'select':
$output .= '<div class="tb-fancy-select">';
$output .= sprintf('<select class="of-input" name="%s" id="%s">', esc_attr($option_name . '[' . $value['id'] . ']'), esc_attr($value['id']));
foreach ($value['options'] as $key => $option) {
$output .= sprintf('<option%s value="%s">%s</option>', selected($key, $val, false), esc_attr($key), esc_html($option));
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
$output .= '</div><!-- .tb-fancy-select (end) -->';
// If this is a builder sample select, show preview images
if (isset($value['class']) && $value['class'] == 'builder_samples' && function_exists('themeblvd_builder_sample_previews')) {
$output .= themeblvd_builder_sample_previews();
}
break;
/*---------------------------------------*/
/* Radio
/*---------------------------------------*/
/*---------------------------------------*/
/* Radio
/*---------------------------------------*/
case 'radio':
$name = sprintf('%s[%s]', $option_name, $value['id']);
foreach ($value['options'] as $key => $option) {
$id = sprintf('%s-%s-%s', $option_name, $value['id'], $key);
$output .= '<div class="radio-input clearfix">';
$output .= sprintf('<input class="of-input of-radio" type="radio" name="%s" id="%s" value="%s" %s />', esc_attr($name), esc_attr($id), esc_attr($key), checked($val, $key, false));
$output .= sprintf('<label for="%s">%s</label>', esc_attr($id), esc_html($option));
$output .= '</div><!-- .radio-input (end) -->';
}
break;
/*---------------------------------------*/
/* Image Selectors
/*---------------------------------------*/
/*---------------------------------------*/
/* Image Selectors
/*---------------------------------------*/
case 'images':
$name = sprintf('%s[%s]', $option_name, $value['id']);
$width = '';
if (isset($value['img_width'])) {
$width = $value['img_width'];
}
foreach ($value['options'] as $key => $option) {
$selected = '';
$checked = checked($val, $key, false);
$selected = $checked ? ' of-radio-img-selected' : '';
$output .= sprintf('<input type="radio" id="%s" class="of-radio-img-radio" value="%s" name="%s" %s />', esc_attr($value['id'] . '_' . $key), esc_attr($key), esc_attr($name), $checked);
$output .= sprintf('<div class="of-radio-img-label">%s</div>', esc_html($key));
$output .= sprintf('<img src="%s" alt="%s" class="of-radio-img-img%s" width="%s" onclick="document.getElementById(\'%s\').checked=true;" />', esc_url($option), $option, $selected, $width, esc_attr($value['id'] . '_' . $key));
}
break;
/*---------------------------------------*/
/* Checkbox
/*---------------------------------------*/
/*---------------------------------------*/
/* Checkbox
/*---------------------------------------*/
case 'checkbox':
$name = sprintf('%s[%s]', $option_name, $value['id']);
$output .= sprintf('<input id="%s" class="checkbox of-input" type="checkbox" name="%s" %s />', esc_attr($value['id']), esc_attr($name), checked($val, 1, false));
break;
/*---------------------------------------*/
/* Multicheck
/*---------------------------------------*/
/*---------------------------------------*/
/* Multicheck
/*---------------------------------------*/
case 'multicheck':
foreach ($value['options'] as $key => $option) {
$checked = isset($val[$key]) ? checked($val[$key], 1, false) : '';
$label = $option;
$option = preg_replace('/\\W/', '', strtolower($key));
$id = sprintf('%s-%s-%s', $option_name, $value['id'], $option);
$name = sprintf('%s[%s][%s]', $option_name, $value['id'], $key);
$output .= sprintf('<input id="%s" class="checkbox of-input" type="checkbox" name="%s" %s /><label for="%s">%s</label>', esc_attr($id), esc_attr($name), $checked, esc_attr($id), $label);
}
break;
/*---------------------------------------*/
/* Color picker
/*---------------------------------------*/
/*---------------------------------------*/
/* Color picker
/*---------------------------------------*/
case 'color':
$output .= sprintf('<div id="%s" class="colorSelector"><div style="%s"></div></div>', esc_attr($value['id'] . '_picker'), esc_attr('background-color:' . $val));
$output .= sprintf('<input class="of-color" name="%s" id="%s" type="text" value="%s" />', esc_attr($option_name . '[' . $value['id'] . ']'), esc_attr($value['id']), esc_attr($val));
break;
/*---------------------------------------*/
/* Uploader
/*---------------------------------------*/
/*---------------------------------------*/
/* Uploader
/*---------------------------------------*/
case 'upload':
if (function_exists('wp_enqueue_media')) {
// Media uploader WP 3.5+
$args = array('option_name' => $option_name, 'type' => 'standard', 'id' => $value['id'], 'value' => $val);
$output .= themeblvd_media_uploader($args);
} else {
// Legacy media uploader
$val = array('url' => $val, 'id' => '');
$output .= optionsframework_medialibrary_uploader($option_name, 'standard', $value['id'], $val);
// @deprecated
}
break;
/*---------------------------------------*/
/* Typography
/*---------------------------------------*/
/*---------------------------------------*/
/* Typography
/*---------------------------------------*/
case 'typography':
$typography_stored = $val;
// Font Size
if (in_array('size', $value['atts'])) {
$output .= '<div class="tb-fancy-select">';
$output .= '<select class="of-typography of-typography-size" name="' . esc_attr($option_name . '[' . $value['id'] . '][size]') . '" id="' . esc_attr($value['id'] . '_size') . '">';
$sizes = themeblvd_recognized_font_sizes();
foreach ($sizes as $i) {
$size = $i . 'px';
$output .= '<option value="' . esc_attr($size) . '" ' . selected($typography_stored['size'], $size, false) . '>' . esc_html($size) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
$output .= '</div><!-- .tb-fancy-select (end) -->';
}
// Font Style
if (in_array('style', $value['atts'])) {
$output .= '<div class="tb-fancy-select">';
$output .= '<select class="of-typography of-typography-style" name="' . esc_attr($option_name . '[' . $value['id'] . '][style]') . '" id="' . esc_attr($value['id'] . '_style') . '">';
$styles = themeblvd_recognized_font_styles();
foreach ($styles as $key => $style) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['style'], $key, false) . '>' . esc_html($style) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
$output .= '</div><!-- .tb-fancy-select (end) -->';
}
// Font Face
if (in_array('face', $value['atts'])) {
$output .= '<div class="tb-fancy-select">';
$output .= '<select class="of-typography of-typography-face" name="' . esc_attr($option_name . '[' . $value['id'] . '][face]') . '" id="' . esc_attr($value['id'] . '_face') . '">';
$faces = themeblvd_recognized_font_faces();
foreach ($faces as $key => $face) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['face'], $key, false) . '>' . esc_html($face) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
$output .= '</div><!-- .tb-fancy-select (end) -->';
}
// Font Color
if (in_array('color', $value['atts'])) {
$output .= '<div id="' . esc_attr($value['id']) . '_color_picker" class="colorSelector"><div style="' . esc_attr('background-color:' . $typography_stored['color']) . '"></div></div>';
$output .= '<input class="of-color of-typography of-typography-color" name="' . esc_attr($option_name . '[' . $value['id'] . '][color]') . '" id="' . esc_attr($value['id'] . '_color') . '" type="text" value="' . esc_attr($typography_stored['color']) . '" />';
}
$output .= '<div class="clear"></div>';
// Google Font support
if (in_array('face', $value['atts'])) {
$output .= '<div class="google-font hide">';
$output .= '<h5>' . __('Enter the name of a font from the <a href="http://www.google.com/webfonts" target="_blank">Google Font Directory</a>.', 'themeblvd') . '</h5>';
$output .= '<input type="text" name="' . esc_attr($option_name . '[' . $value['id'] . '][google]') . '" value="' . esc_attr($typography_stored['google']) . '" />';
$output .= '<p class="note">Example Font Name: "Hammersmith One"</p>';
$output .= '</div>';
}
break;
/*---------------------------------------*/
/* Background
/*---------------------------------------*/
/*---------------------------------------*/
/* Background
/*---------------------------------------*/
case 'background':
$background = $val;
// Background Color
$current_color = '';
if (!empty($background['color'])) {
$current_color = $background['color'];
}
$output .= sprintf('<div id="%s_color_picker" class="colorSelector"><div style="%s"></div></div>', esc_attr($value['id']), esc_attr('background-color:' . $current_color));
$output .= sprintf('<input class="of-color of-background of-background-color" name="%s" id="%s" type="text" value="%s" />', esc_attr($option_name . '[' . $value['id'] . '][color]'), esc_attr($value['id'] . '_color'), esc_attr($current_color));
// Background Image - New AJAX Uploader using Media Library
if (!isset($background['image'])) {
$background['image'] = '';
}
// Currrent BG formatted correctly
$current_bg_url = '';
if (!empty($background['image'])) {
$current_bg_url = $background['image'];
}
$current_bg_image = array('url' => $current_bg_url, 'id' => '');
// Start output
// Uploader
if (function_exists('wp_enqueue_media')) {
$output .= themeblvd_media_uploader(array('option_name' => $option_name, 'type' => 'background', 'id' => $value['id'], 'value' => $current_bg_url, 'name' => 'image'));
} else {
$output .= optionsframework_medialibrary_uploader($option_name, 'standard', $value['id'], $current_bg_image, null, '', 0, 'image');
// @deprecated
}
$class = 'of-background-properties';
if (empty($background['image'])) {
$class .= ' hide';
}
$output .= '<div class="' . esc_attr($class) . '">';
// Background Repeat
$current_repeat = !empty($background['repeat']) ? $background['repeat'] : '';
$output .= '<select class="of-background of-background-repeat" name="' . esc_attr($option_name . '[' . $value['id'] . '][repeat]') . '" id="' . esc_attr($value['id'] . '_repeat') . '">';
$repeats = themeblvd_recognized_background_repeat();
foreach ($repeats as $key => $repeat) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($current_repeat, $key, false) . '>' . esc_html($repeat) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
// Background Position
$current_position = !empty($background['position']) ? $background['position'] : '';
$output .= '<select class="of-background of-background-position" name="' . esc_attr($option_name . '[' . $value['id'] . '][position]') . '" id="' . esc_attr($value['id'] . '_position') . '">';
$positions = themeblvd_recognized_background_position();
foreach ($positions as $key => $position) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($current_position, $key, false) . '>' . esc_html($position) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
// Background Attachment
$current_attachment = !empty($background['attachment']) ? $background['attachment'] : '';
$output .= '<select class="of-background of-background-attachment" name="' . esc_attr($option_name . '[' . $value['id'] . '][attachment]') . '" id="' . esc_attr($value['id'] . '_attachment') . '">';
$attachments = themeblvd_recognized_background_attachment();
foreach ($attachments as $key => $attachment) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($current_attachment, $key, false) . '>' . esc_html($attachment) . '</option>';
}
$output .= '</select>';
$output .= '<span class="trigger"></span>';
$output .= '<span class="textbox"></span>';
$output .= '</div>';
break;
/*---------------------------------------*/
/* Info
/*---------------------------------------*/
/*---------------------------------------*/
/* Info
/*---------------------------------------*/
case 'info':
// Classes
$class = 'section';
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
// Start output
$output .= '<div class="' . esc_attr($class) . '">' . "\n";
if (isset($value['name'])) {
$output .= '<h4 class="heading">' . esc_html($value['name']) . '</h4>' . "\n";
}
if (isset($value['desc'])) {
$output .= $value['desc'] . "\n";
}
$output .= '<div class="clear"></div></div>' . "\n";
break;
/*---------------------------------------*/
/* Columns Setup
/*---------------------------------------*/
/*---------------------------------------*/
/* Columns Setup
/*---------------------------------------*/
case 'columns':
$output .= themeblvd_columns_option($value['options'], $value['id'], $option_name, $val);
break;
/*---------------------------------------*/
/* Tabs Setup
/*---------------------------------------*/
/*---------------------------------------*/
/* Tabs Setup
/*---------------------------------------*/
case 'tabs':
$output .= themeblvd_tabs_option($value['id'], $option_name, $val);
break;
/*---------------------------------------*/
/* Content --
/* Originally designed to work in conjunction
/* with setting up columns and tabs.
/*---------------------------------------*/
/*---------------------------------------*/
/* Content --
/* Originally designed to work in conjunction
/* with setting up columns and tabs.
/*---------------------------------------*/
case 'content':
$output .= themeblvd_content_option($value['id'], $option_name, $val, $value['options']);
break;
/*---------------------------------------*/
/* Conditionals --
/* Originally designed to allow users to
/* assign custom sidebars to certain pages.
/*---------------------------------------*/
/*---------------------------------------*/
/* Conditionals --
/* Originally designed to allow users to
/* assign custom sidebars to certain pages.
/*---------------------------------------*/
case 'conditionals':
$output .= themeblvd_conditionals_option($value['id'], $option_name, $val);
break;
/*---------------------------------------*/
/* Logo
/*---------------------------------------*/
/*---------------------------------------*/
/* Logo
/*---------------------------------------*/
case 'logo':
$output .= themeblvd_logo_option($value['id'], $option_name, $val);
break;
/*---------------------------------------*/
/* Social Media
/*---------------------------------------*/
/*---------------------------------------*/
/* Social Media
/*---------------------------------------*/
case 'social_media':
$output .= themeblvd_social_media_option($value['id'], $option_name, $val);
break;
/*---------------------------------------*/
/* Editor
/*---------------------------------------*/
/*---------------------------------------*/
/* Editor
/*---------------------------------------*/
case 'editor':
// Settings
$editor_settings = array('wpautop' => true, 'textarea_name' => esc_attr($option_name . '[' . $value['id'] . ']'), 'media_buttons' => true, 'tinymce' => array('plugins' => 'wordpress'), 'height' => 'small');
// @todo -- Add TB shortcode generator button.
// This will work however currently there is a quirk that won't allow for
// more than one editor on a page. Shortcodes will get inserted in whichever
// the last editor the cursor was in.
/*
if ( defined('TB_SHORTCODES_PLUGIN_VERSION') && get_option('themeblvd_shortcode_generator') != 'no' )
$editor_settings['tinymce']['plugins'] .= ',ThemeBlvdShortcodes';
*/
if (!empty($value['settings'])) {
$editor_settings = wp_parse_args($value['settings'], $editor_settings);
}
// Setup description
if (!empty($value['desc_location']) && $value['desc_location'] == 'before') {
$desc_location = 'before';
} else {
$desc_location = 'after';
}
$explain_value = '';
$has_description = '';
if (!empty($value['desc'])) {
$explain_value = $value['desc'];
$has_description = ' has-desc';
}
// Output description and editor
$output .= '<div class="tb-wp-editor desc-' . $desc_location . $has_description . ' height-' . $editor_settings['height'] . '">';
if ($desc_location == 'before') {
$output .= '<div class="explain">' . wp_kses($explain_value, $allowedtags) . '</div>' . "\n";
}
ob_start();
wp_editor($val, uniqid($value['id'] . '_' . rand()), $editor_settings);
$output .= ob_get_clean();
if ($desc_location == 'after') {
$output .= '<div class="explain">' . wp_kses($explain_value, $allowedtags) . '</div>' . "\n";
}
$output .= '</div><!-- .tb-wp-editor (end) -->';
break;
/*---------------------------------------*/
/* Heading for Navigation
/*---------------------------------------*/
/*---------------------------------------*/
/* Heading for Navigation
/*---------------------------------------*/
case 'heading':
if ($counter >= 2) {
$output .= '</div>' . "\n";
}
$id = $value['name'];
if (!empty($value['id'])) {
$id = $value['id'];
}
$jquery_click_hook = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($id));
$jquery_click_hook = esc_attr("of-option-" . $jquery_click_hook);
$menu .= sprintf('<a id="%s-tab" class="nav-tab" title="%s" href="%s">%s</a>', $jquery_click_hook, esc_attr($value['name']), esc_attr('#' . $jquery_click_hook), esc_html($value['name']));
$output .= sprintf('<div class="group" id="%s">', $jquery_click_hook);
break;
}
// end switch ( $value['type'] )
// Here's your chance to add in your own custom
// option type while we're looping through each
// option. If you come up with a unique $type,
// you can intercept things here and append
// to the $output.
$output = apply_filters('themeblvd_option_type', $output, $value, $option_name, $val);
// Finish off standard options and add description
if ($value['type'] != 'heading' && $value['type'] != 'info') {
if ($value['type'] != 'checkbox') {
$output .= '<br/>';
}
$output .= '</div>';
$explain_value = '';
if (!empty($value['desc'])) {
$explain_value = $value['desc'];
}
if ($value['type'] != 'editor') {
// Editor displays description above it
$output .= '<div class="explain">' . wp_kses($explain_value, themeblvd_allowed_tags()) . '</div>' . "\n";
}
$output .= '<div class="clear"></div></div></div>' . "\n";
}
}
// Optional closing div
if ($close) {
$output .= '</div>';
}
// Construct final return
$form = array($output, $menu);
return $form;
}
