__( 'This widget is used for single column only.', 'lightning' ) );
parent::__construct(
$widget_id,
$widget_name,
$widget_description
);
}
public static function default_options( $args = array() ) {
$defaults = array(
'media_image_id' => null,
'title_bg_color' => '',
'title_font_color' => '',
'title' => '',
'after_widget' => '',
'title_shadow_use' => false,
'title_shadow_color' => '#000',
'margin_top' => '0',
'margin_bottom' => '40px',
'bg_parallax' => false,
);
return wp_parse_args( (array) $args, $defaults );
}
/*-------------------------------------------*/
/* form
/*-------------------------------------------*/
public function form( $instance ) {
$options = self::default_options( $instance );
// ※ Don't need isset that already do wp_parse_args().
echo '';
echo __( 'Title:', 'lightning' ) . '
';
$id = $this->get_field_id( 'title' );
$name = $this->get_field_name( 'title' );
echo '';
echo '
';
// サブタイトルの入力
if ( isset( $options['text'] ) && $options['text'] ) {
$text = $options['text'];
} else {
$text = '';
}
$id = $this->get_field_id( 'text' );
$name = $this->get_field_name( 'text' );
echo '';
echo __( 'Sub title:', 'lightning' ) . '
';
echo '';
echo '
';
// title font color
echo '' .
'
' .
'
';
// Shadow Use
$checked = ( $options['title_shadow_use'] ) ? ' checked' : '';
echo '';
echo '
';
// Shadow color
echo '' .
'
' .
'
';
// bg color
echo '' .
'
' .
'
';
$image = null;
if ( is_numeric( $options['media_image_id'] ) ) {
$image = wp_get_attachment_image_src( $options['media_image_id'], 'full' );
}
?>
';
echo '
';
echo '';
echo __( 'Margin Top', 'lightning' ) . ' : ';
$id = $this->get_field_id( 'margin_top' );
$name = $this->get_field_name( 'margin_top' );
echo '
';
echo __( 'Ex', 'lightning' ) . ') 0;';
echo '
';
echo '';
echo __( 'Margin Bottom', 'lightning' ) . ' : ';
$id = $this->get_field_id( 'margin_bottom' );
$name = $this->get_field_name( 'margin_bottom' );
echo '
';
echo __( 'Ex', 'lightning' ) . ') 40px';
echo '
';
}
/*-------------------------------------------*/
/* update
/*-------------------------------------------*/
public function update( $new_instance, $old_instance ) {
$instance['media_image_id'] = $new_instance['media_image_id'];
$instance['title_bg_color'] = sanitize_hex_color( $new_instance['title_bg_color'] );
$instance['title_font_color'] = sanitize_hex_color( $new_instance['title_font_color'] );
$instance['title'] = wp_kses_post( $new_instance['title'] );
$instance['text'] = wp_kses_post( $new_instance['text'] );
$instance['title_shadow_use'] = ( $new_instance['title_shadow_use'] ) ? true : false;
$instance['title_shadow_color'] = sanitize_hex_color( $new_instance['title_shadow_color'] );
$instance['margin_top'] = esc_attr( $new_instance['margin_top'] );
$instance['margin_bottom'] = esc_attr( $new_instance['margin_bottom'] );
return $new_instance;
}
/*-------------------------------------------*/
/* functions
/*-------------------------------------------*/
public static function widget_outer_style( $instance ) {
// Get image url from image id
if ( ! empty( $instance['media_image_id'] ) ) {
$image = wp_get_attachment_image_src( $instance['media_image_id'], 'full' );
$image = $image[0];
} else {
$image = null;
}
// Image exist
if ( ! empty( $image ) && empty( $instance['title_bg_color'] ) ) {
$widget_outer_style = 'background-image: url(\'' . esc_url( $image ) . '\');';
// When background color is registered（ Not set image ）
} elseif ( ! empty( $instance['title_bg_color'] ) && empty( $image ) ) {
$widget_outer_style = 'background: ' . sanitize_hex_color( $instance['title_bg_color'] ) . ';';
// When registered image and bgcolor.
} elseif ( ! empty( $image ) && ! empty( $instance['title_bg_color'] ) ) {
$widget_outer_style = 'background-image: url(\'' . esc_url( $image ) . '\');';
// Other（When not registered image and bgcolor.）
} elseif ( empty( $image ) && empty( $instance['title_bg_color'] ) ) {
$widget_outer_style = '';
}
if ( isset( $instance['margin_top'] ) && $instance['margin_top'] != '' ) {
$widget_outer_style .= 'margin-top:' . esc_attr( $instance['margin_top'] ) . ';';
}
if ( isset( $instance['margin_bottom'] ) && $instance['margin_bottom'] != '' ) {
$widget_outer_style .= 'margin-bottom:' . esc_attr( $instance['margin_bottom'] ) . ';';
}
return $widget_outer_style;
}
public static function widget_font_style( $instance ) {
$widget_font_style = '';
// When registerd color
if ( ! empty( $instance['title_font_color'] ) ) {
$widget_font_style .= 'color:' . $instance['title_font_color'] . ';';
} else {
// Other（ not registered color）
$widget_font_style .= '';
}
// Shadow
if ( isset( $instance['title_shadow_use'] ) && $instance['title_shadow_use'] ) {
if ( ! empty( $instance['title_shadow_color'] ) ) {
$widget_font_style .= 'text-shadow:0 0 0.3em ' . $instance['title_shadow_color'];
} else {
$widget_font_style .= 'text-shadow:0 0 0.3em #000';
}
}
return $widget_font_style;
}
/*-------------------------------------------*/
/* widget
/*-------------------------------------------*/
public function widget( $args, $instance ) {
$instance = self::default_options( $instance );
// Margin-bottom is attached to A from the theme side.
// When registered margin from widget, then need to cancel margin.
$widget_outer_style = '';
if ( isset( $instance['margin_top'] ) && $instance['margin_top'] != '' ) {
$widget_outer_style .= 'margin-top:0;';
}
if ( isset( $instance['margin_bottom'] ) && $instance['margin_bottom'] != '' ) {
$widget_outer_style .= 'margin-bottom:0px;background-repeat:no-repeat;';
}
if ( $widget_outer_style ) {
$dynamic_css = '#' . $args['widget_id'] . '.widget {' . $widget_outer_style . '}';
// $dynamic_css = trim( $dynamic_css );
// // convert tab and br to space
// $dynamic_css = preg_replace( '/[\n\r\t]/', '', $dynamic_css );
// // Change multiple spaces to single space
// $dynamic_css = preg_replace( '/\s(?=\s)/', '', $dynamic_css );
echo '';
// wp_add_inline_style( 'lightning-design-style', $dynamic_css );
}
$add_class = '';
if ( $instance['bg_parallax'] && $instance['media_image_id'] ) {
$add_class = ' vk-prlx';
}
echo $args ['before_widget'];
echo '';
echo $args ['after_widget'];
}
}
add_action( 'widgets_init', 'lightning_unit_widget_register_full_wide_title' );
function lightning_unit_widget_register_full_wide_title() {
return register_widget( 'LTG_Theme_Full_Wide_Title' );
}