'box', 'callback' => 'su_shortcode_box', 'image' => su_get_plugin_url() . 'admin/images/shortcodes/box.svg', 'name' => __( 'Box', 'shortcodes-ultimate' ), 'type' => 'wrap', 'group' => 'box', 'atts' => array( 'title' => array( 'values' => array(), 'default' => __( 'Box title', 'shortcodes-ultimate' ), 'name' => __( 'Title', 'shortcodes-ultimate' ), 'desc' => __( 'Text for the box title', 'shortcodes-ultimate' ), ), 'style' => array( 'type' => 'select', 'values' => array( 'default' => __( 'Default', 'shortcodes-ultimate' ), 'soft' => __( 'Soft', 'shortcodes-ultimate' ), 'glass' => __( 'Glass', 'shortcodes-ultimate' ), 'bubbles' => __( 'Bubbles', 'shortcodes-ultimate' ), 'noise' => __( 'Noise', 'shortcodes-ultimate' ), ), 'default' => 'default', 'name' => __( 'Style', 'shortcodes-ultimate' ), 'desc' => __( 'Box style preset', 'shortcodes-ultimate' ), ), 'box_color' => array( 'type' => 'color', 'values' => array(), 'default' => '#333333', 'name' => __( 'Color', 'shortcodes-ultimate' ), 'desc' => __( 'Color for the box title and borders', 'shortcodes-ultimate' ), ), 'title_color' => array( 'type' => 'color', 'values' => array(), 'default' => '#FFFFFF', 'name' => __( 'Title text color', 'shortcodes-ultimate' ), 'desc' => __( 'Color for the box title text', 'shortcodes-ultimate' ), ), 'radius' => array( 'type' => 'slider', 'min' => 0, 'max' => 20, 'step' => 1, 'default' => 3, 'name' => __( 'Radius', 'shortcodes-ultimate' ), 'desc' => __( 'Box corners radius', 'shortcodes-ultimate' ), ), 'class' => array( 'type' => 'extra_css_class', 'name' => __( 'Extra CSS class', 'shortcodes-ultimate' ), 'desc' => __( 'Additional CSS class name(s) separated by space(s)', 'shortcodes-ultimate' ), 'default' => '', ), 'id' => array( 'name' => __( 'HTML Anchor', 'shortcodes-ultimate' ), 'desc' => __( 'Enter a word or two, without spaces, to make a unique web address just for this element. Then, you\'ll be able to link directly to this section of your page.', 'shortcodes-ultimate' ), 'default' => '', ), ), 'content' => __( 'Box content', 'shortcodes-ultimate' ), 'desc' => __( 'Colored box with caption', 'shortcodes-ultimate' ), 'icon' => 'list-alt', ) ); function su_shortcode_box( $atts = null, $content = null ) { $atts = shortcode_atts( array( 'title' => __( 'This is box title', 'shortcodes-ultimate' ), 'style' => 'default', 'box_color' => '#333333', 'title_color' => '#FFFFFF', 'color' => null, // 3.x 'radius' => '3', 'class' => '', 'id' => '', ), $atts, 'box' ); if ( null !== $atts['color'] ) { $atts['box_color'] = $atts['color']; } $atts['radius'] = is_numeric( $atts['radius'] ) ? intval( $atts['radius'] ) : 0; $atts['inner_radius'] = $atts['radius'] > 2 ? $atts['radius'] - 2 : 0; su_query_asset( 'css', 'su-shortcodes' ); // Return result return sprintf( '

%8$s

%9$s

', esc_attr( $atts['style'] ), su_get_css_class( $atts ), esc_attr( su_adjust_brightness( $atts['box_color'], -20 ) ), $atts['radius'], esc_attr( $atts['box_color'] ), esc_attr( $atts['title_color'] ), esc_attr( $atts['inner_radius'] ), su_do_attribute( $atts['title'], true ), su_do_nested_shortcodes( $content, 'box' ), sanitize_html_class( $atts['id'] ) ); }