Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ __('A big hero image with a few settings to make it your own.', 'so-widgets-bundle'), 'help' => 'https://siteorigin.com/widgets-bundle/hero-image-widget/', 'panels_title' => false, ), array( ), false, plugin_dir_path(__FILE__) ); } function initialize(){ // This widget requires the button widget if( !class_exists('SiteOrigin_Widget_Button_Widget') ) { SiteOrigin_Widgets_Bundle::single()->include_widget( 'button' ); } add_action( 'siteorigin_widgets_enqueue_frontend_scripts_' . $this->id_base, array( $this, 'enqueue_widget_scripts' ) ); add_filter( 'siteorigin_widgets_wrapper_classes_' . $this->id_base, array( $this, 'wrapper_class_filter' ), 10, 2 ); add_filter( 'siteorigin_widgets_wrapper_data_' . $this->id_base, array( $this, 'wrapper_data_filter' ), 10, 2 ); // Let the slider base class do its initialization parent::initialize(); } function get_widget_form(){ return array( 'frames' => array( 'type' => 'repeater', 'label' => __('Hero frames', 'so-widgets-bundle'), 'item_name' => __('Frame', 'so-widgets-bundle'), 'item_label' => array( 'selector' => "[id*='frames-title']", 'update_event' => 'change', 'value_method' => 'val' ), 'fields' => array( 'content' => array( 'type' => 'tinymce', 'label' => __( 'Content', 'so-widgets-bundle' ), ), 'buttons' => array( 'type' => 'repeater', 'label' => __('Buttons', 'so-widgets-bundle'), 'item_name' => __('Button', 'so-widgets-bundle'), 'description' => __('Add [buttons] shortcode to the content to insert these buttons.', 'so-widgets-bundle'), 'item_label' => array( 'selector' => "[id*='buttons-button-text']", 'update_event' => 'change', 'value_method' => 'val' ), 'fields' => array( 'button' => array( 'type' => 'widget', 'class' => 'SiteOrigin_Widget_Button_Widget', 'label' => __('Button', 'so-widgets-bundle'), 'form_filter' => array( $this, 'filter_button_widget_form' ), 'collapsible' => false, ) ) ), 'background' => array( 'type' => 'section', 'label' => __('Background', 'so-widgets-bundle'), 'fields' => array( 'image' => array( 'type' => 'media', 'label' => __( 'Background image', 'so-widgets-bundle' ), 'library' => 'image', 'fallback' => true, ), 'size' => array( 'type' => 'image-size', 'label' => __('Image size', 'so-widgets-bundle'), ), 'image_type' => array( 'type' => 'select', 'label' => __('Background image type', 'so-widgets-bundle'), 'options' => array( 'cover' => __('Cover', 'so-widgets-bundle'), ), 'default' => 'cover', ), 'opacity' => array( 'label' => __( 'Background image opacity', 'so-widgets-bundle' ), 'type' => 'slider', 'min' => 0, 'max' => 100, 'default' => 100, ), 'color' => array( 'type' => 'color', 'label' => __( 'Background color', 'so-widgets-bundle' ), 'default' => '#333333', ), 'url' => array( 'type' => 'link', 'label' => __( 'Destination URL', 'so-widgets-bundle' ), ), 'new_window' => array( 'type' => 'checkbox', 'label' => __( 'Open URL in a new window', 'so-widgets-bundle' ), ), 'videos' => array( 'type' => 'repeater', 'item_name' => __('Video', 'so-widgets-bundle'), 'label' => __('Background videos', 'so-widgets-bundle'), 'item_label' => array( 'selector' => "[id*='frames-background_videos-url']", 'update_event' => 'change', 'value_method' => 'val' ), 'fields' => $this->video_form_fields(), ), ) ), ), ), 'controls' => array( 'type' => 'section', 'label' => __('Slider Controls', 'so-widgets-bundle'), 'fields' => $this->control_form_fields() ), 'design' => array( 'type' => 'section', 'label' => __('Design and Layout', 'so-widgets-bundle'), 'fields' => array( 'height' => array( 'type' => 'measurement', 'label' => __( 'Height', 'so-widgets-bundle' ), 'default' => 'default', ), 'height_responsive' => array( 'type' => 'measurement', 'label' => __( 'Responsive Height', 'so-widgets-bundle' ), 'default' => 'default', ), 'vertically_align' => array( 'type' => 'checkbox', 'label' => __( 'Vertically center align slide contents', 'so-widgets-bundle' ), 'description' => __( 'For perfect centering, consider setting the Extra top padding setting to 0 when enabling this setting.', 'so-widgets-bundle' ), ), 'padding' => array( 'type' => 'measurement', 'label' => __('Top and bottom padding', 'so-widgets-bundle'), 'default' => '50px', ), 'extra_top_padding' => array( 'type' => 'measurement', 'label' => __('Extra top padding', 'so-widgets-bundle'), 'description' => __('Additional padding added to the top of the slider', 'so-widgets-bundle'), 'default' => '0px', ), 'padding_sides' => array( 'type' => 'measurement', 'label' => __('Side padding', 'so-widgets-bundle'), 'default' => '20px', ), 'width' => array( 'type' => 'measurement', 'label' => __('Maximum container width', 'so-widgets-bundle'), 'default' => '1280px', ), 'heading_font' => array( 'type' => 'font', 'label' => __('Heading font', 'so-widgets-bundle'), 'default' => '', ), 'heading_color' => array( 'type' => 'color', 'label' => __('Heading color', 'so-widgets-bundle'), 'default' => '#FFFFFF', ), 'heading_size' => array( 'type' => 'measurement', 'label' => __('Heading size', 'so-widgets-bundle'), 'description' => __( 'Enter the h1 font size. h2 - h6 will be proportionally sized based on this value.', 'so-widgets-bundle' ), 'default' => '38px', ), 'fittext' => array( 'type' => 'checkbox', 'label' => __( 'Use FitText', 'so-widgets-bundle' ), 'description' => __( 'Dynamically adjust your heading font size based on screen size.', 'so-widgets-bundle' ), 'default' => true, 'state_emitter' => array( 'callback' => 'conditional', 'args' => array( 'use_fittext[show]: val', 'use_fittext[hide]: ! val' ), ), ), 'fittext_compressor' => array( 'type' => 'number', 'label' => __( 'FitText compressor strength', 'so-widgets-bundle' ), 'description' => __( 'The higher the value, the more your headings will be scaled down. Values above 1 are allowed.', 'so-widgets-bundle' ), 'default' => 0.85, 'step' => 0.01, 'state_handler' => array( 'use_fittext[show]' => array( 'show' ), 'use_fittext[hide]' => array( 'hide' ), ) ), 'heading_shadow' => array( 'type' => 'slider', 'label' => __( 'Heading shadow intensity', 'so-widgets-bundle' ), 'max' => 100, 'min' => 0, 'default' => 50, ), 'text_color' => array( 'type' => 'color', 'label' => __( 'Text color', 'so-widgets-bundle' ), 'default' => '#F6F6F6', ), 'text_size' => array( 'type' => 'measurement', 'label' => __( 'Text size', 'so-widgets-bundle' ), 'default' => '16px', ), 'text_font' => array( 'type' => 'font', 'label' => __( 'Text font', 'so-widgets-bundle' ), 'default' => '', ), 'text_shadow' => array( 'type' => 'slider', 'label' => __( 'Text shadow intensity', 'so-widgets-bundle' ), 'max' => 1, 'min' => 0, 'step' => 0.01, 'default' => 0.25, ), 'link_color' => array( 'type' => 'color', 'label' => __( 'Link color', 'so-widgets-bundle' ) ), 'link_color_hover' => array( 'type' => 'color', 'label' => __( 'Link hover color', 'so-widgets-bundle' ) ), ) ), ); } function filter_button_widget_form( $form_fields ) { unset( $form_fields['design']['fields']['align'] ); return $form_fields; } /** * Get everything necessary for the background image. * * @param $i * @param $frame * * @return array */ function get_frame_background( $i, $frame ) { $background_image = siteorigin_widgets_get_attachment_image_src( $frame['background']['image'], !empty( $frame['background']['size'] ) ? $frame['background']['size'] : 'full', !empty( $frame['background']['image_fallback'] ) ? $frame['background']['image_fallback'] : '' ); return array( 'color' => !empty( $frame['background']['color'] ) ? $frame['background']['color'] : false, 'image' => !empty( $background_image[0] ) ? $background_image[0] : false, 'image-width' => !empty( $background_image[1] ) ? $background_image[1] : 0, 'image-height' => !empty( $background_image[2] ) ? $background_image[2] : 0, 'image-sizing' => $frame['background']['image_type'], 'url' => !empty( $frame['background']['url'] ) ? $frame['background']['url'] : false, 'new_window' => !empty( $frame['background']['new_window'] ), 'videos' => $frame['background']['videos'], 'video-sizing' => 'background', 'opacity' => intval($frame['background']['opacity'])/100, ); } /** * Render the actual content of the frame * * @param $i * @param $frame */ function render_frame_contents($i, $frame) { ?>
process_content( $frame['content'], $frame ); ?>
sub_widget('SiteOrigin_Widget_Button_Widget', array(), $button['button']); } $button_code = ob_get_clean(); // Add in the button code $content = preg_replace('/(?:<(?:p|h\d|em|strong|li|blockquote) *([^>]*)> *)?\[ *buttons *\](:? *<\/(?:p|h\d|em|strong|li|blockquote)>)?/i', '
' . $button_code . '
', $content ); } // Process normal shortcodes $content = do_shortcode( shortcode_unautop( $content ) ); return apply_filters( 'siteorigin_hero_frame_content', $content, $frame ); } /** * The less variables to control the design of the slider * * @param $instance * * @return array */ function get_less_variables($instance) { $less = array(); if ( empty( $instance ) ) { return $less; } // Slider navigation controls $less['nav_color_hex'] = $instance['controls']['nav_color_hex']; $less['nav_size'] = $instance['controls']['nav_size']; // Hero specific design // Measurement field type options $meas_options = array(); $meas_options['slide_padding'] = $instance['design']['padding']; $meas_options['slide_padding_extra_top'] = $instance['design']['extra_top_padding']; $meas_options['slide_padding_sides'] = $instance['design']['padding_sides']; $meas_options['slide_width'] = $instance['design']['width']; $meas_options['slide_height'] = $instance['design']['height']; if ( ! empty( $instance['design']['height_responsive'] ) ) { $meas_options['slide_height_responsive'] = $instance['design']['height_responsive']; } $meas_options['heading_size'] = $instance['design']['heading_size']; $meas_options['text_size'] = $instance['design']['text_size']; foreach ( $meas_options as $key => $val ) { $less[ $key ] = $this->add_default_measurement_unit( $val ); } $less['vertically_align'] = empty( $instance['design']['vertically_align'] ) ? 'false' : 'true'; $less['heading_shadow'] = intval( $instance['design']['heading_shadow'] ); $less['heading_color'] = $instance['design']['heading_color']; $less['text_shadow'] = isset( $instance['design']['text_shadow'] ) ? floatval( $instance['design']['text_shadow'] ) : 0.25; $less['text_color'] = $instance['design']['text_color']; $less['link_color'] = ! empty( $instance['design']['link_color'] ) ? $instance['design']['link_color'] : ''; $less['link_color_hover'] = ! empty( $instance['design']['link_color_hover'] ) ? $instance['design']['link_color_hover'] : ''; $heading_font = siteorigin_widget_get_font( $instance['design']['heading_font'] ); $less['heading_font'] = $heading_font['family']; if ( ! empty( $heading_font['weight'] ) ) { $less['heading_font_weight'] = $heading_font['weight']; } if ( ! empty( $instance['design']['text_font'] ) ) { $text_font = siteorigin_widget_get_font( $instance['design']['text_font'] ); $less['text_font'] = $text_font['family']; if ( ! empty( $text_font['weight'] ) ) { $less['text_font_weight'] = $text_font['weight']; } } $global_settings = $this->get_global_settings(); if ( ! empty( $global_settings['responsive_breakpoint'] ) ) { $less['responsive_breakpoint'] = $global_settings['responsive_breakpoint']; } return $less; } function add_default_measurement_unit($val) { if (!empty($val)) { if (!preg_match('/\d+([a-zA-Z%]+)/', $val)) { $val .= 'px'; } } return $val; } function wrapper_class_filter( $classes, $instance ){ if( ! empty( $instance['design']['fittext'] ) ) { $classes[] = 'so-widget-fittext-wrapper'; } return $classes; } function wrapper_data_filter( $data, $instance ) { if( ! empty( $instance['design']['fittext'] ) && ! empty( $instance['design']['fittext_compressor'] ) ) { $data['fit-text-compressor'] = $instance['design']['fittext_compressor']; } return $data; } function enqueue_widget_scripts( $instance ) { if( ! empty( $instance['design']['fittext'] ) || $this->is_preview( $instance ) ) { wp_enqueue_script( 'sowb-fittext' ); } } } siteorigin_widget_register('sow-hero', __FILE__, 'SiteOrigin_Widget_Hero_Widget');