defaults = apply_filters( 'simple_social_default_styles', array(
'title' => '',
'new_window' => 0,
'size' => 36,
'border_radius' => 3,
'border_width' => 0,
'border_color' => '#ffffff',
'border_color_hover' => '#ffffff',
'icon_color' => '#ffffff',
'icon_color_hover' => '#ffffff',
'background_color' => '#999999',
'background_color_hover' => '#666666',
'alignment' => 'alignleft',
'behance' => '',
'bloglovin' => '',
'dribbble' => '',
'email' => '',
'facebook' => '',
'flickr' => '',
'github' => '',
'gplus' => '',
'instagram' => '',
'linkedin' => '',
'medium' => '',
'periscope' => '',
'phone' => '',
'pinterest' => '',
'rss' => '',
'snapchat' => '',
'stumbleupon' => '',
'tumblr' => '',
'twitter' => '',
'vimeo' => '',
'xing' => '',
'youtube' => '',
) );
/**
* Social profile choices.
*/
$this->profiles = apply_filters( 'simple_social_default_profiles', array(
'behance' => array(
'label' => __( 'Behance URI', 'simple-social-icons' ),
'pattern' => '',
),
'bloglovin' => array(
'label' => __( 'Bloglovin URI', 'simple-social-icons' ),
'pattern' => '',
),
'dribbble' => array(
'label' => __( 'Dribbble URI', 'simple-social-icons' ),
'pattern' => '',
),
'email' => array(
'label' => __( 'Email URI', 'simple-social-icons' ),
'pattern' => '',
),
'facebook' => array(
'label' => __( 'Facebook URI', 'simple-social-icons' ),
'pattern' => '',
),
'flickr' => array(
'label' => __( 'Flickr URI', 'simple-social-icons' ),
'pattern' => '',
),
'github' => array(
'label' => __( 'GitHub URI', 'simple-social-icons' ),
'pattern' => '',
),
'gplus' => array(
'label' => __( 'Google+ URI', 'simple-social-icons' ),
'pattern' => '',
),
'instagram' => array(
'label' => __( 'Instagram URI', 'simple-social-icons' ),
'pattern' => '',
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'simple-social-icons' ),
'pattern' => '',
),
'medium' => array(
'label' => __( 'Medium URI', 'simple-social-icons' ),
'pattern' => '',
),
'periscope' => array(
'label' => __( 'Periscope URI', 'simple-social-icons' ),
'pattern' => '',
),
'phone' => array(
'label' => __( 'Phone URI', 'simple-social-icons' ),
'pattern' => '',
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'simple-social-icons' ),
'pattern' => '',
),
'rss' => array(
'label' => __( 'RSS URI', 'simple-social-icons' ),
'pattern' => '',
),
'snapchat' => array(
'label' => __( 'Snapchat URI', 'simple-social-icons' ),
'pattern' => '',
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'simple-social-icons' ),
'pattern' => '',
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'simple-social-icons' ),
'pattern' => '',
),
'twitter' => array(
'label' => __( 'Twitter URI', 'simple-social-icons' ),
'pattern' => '',
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'simple-social-icons' ),
'pattern' => '',
),
'xing' => array(
'label' => __( 'Xing URI', 'simple-social-icons' ),
'pattern' => '',
),
'youtube' => array(
'label' => __( 'YouTube URI', 'simple-social-icons' ),
'pattern' => '',
),
) );
$widget_ops = array(
'classname' => 'simple-social-icons',
'description' => __( 'Displays select social icons.', 'simple-social-icons' ),
);
$control_ops = array(
'id_base' => 'simple-social-icons',
);
parent::__construct( 'simple-social-icons', __( 'Simple Social Icons', 'simple-social-icons' ), $widget_ops, $control_ops );
/** Enqueue scripts and styles */
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ) );
/** Load CSS in */
add_action( 'wp_head', array( $this, 'css' ) );
/** Load color picker */
add_action( 'admin_enqueue_scripts', array( $this, 'load_color_picker' ) );
add_action( 'admin_footer-widgets.php', array( $this, 'print_scripts' ), 9999 );
}
/**
* Color Picker.
*
* Enqueue the color picker script.
*
*/
function load_color_picker( $hook ) {
if( 'widgets.php' != $hook )
return;
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker' );
wp_enqueue_script( 'underscore' );
}
/**
* Print scripts.
*
* Reference https://core.trac.wordpress.org/attachment/ticket/25809/color-picker-widget.php
*
*/
function print_scripts() {
?>
defaults );
?>
px
px
px
profiles as $profile => $data ) {
printf( '', esc_attr( $this->get_field_id( $profile ) ), esc_attr( $data['label'] ) );
printf( '', esc_attr( $this->get_field_id( $profile ) ), esc_attr( $this->get_field_name( $profile ) ), esc_url( $instance[$profile] ) );
printf( '
' );
}
}
/**
* Form validation and sanitization.
*
* Runs when you save the widget form. Allows you to validate or sanitize widget options before they are saved.
*
*/
function update( $newinstance, $oldinstance ) {
foreach ( $newinstance as $key => $value ) {
/** Border radius and Icon size must not be empty, must be a digit */
if ( ( 'border_radius' == $key || 'size' == $key ) && ( '' == $value || ! ctype_digit( $value ) ) ) {
$newinstance[$key] = 0;
}
if ( ( 'border_width' == $key || 'size' == $key ) && ( '' == $value || ! ctype_digit( $value ) ) ) {
$newinstance[$key] = 0;
}
/** Validate hex code colors */
elseif ( strpos( $key, '_color' ) && 0 == preg_match( '/^#(([a-fA-F0-9]{3}$)|([a-fA-F0-9]{6}$))/', $value ) ) {
$newinstance[$key] = $oldinstance[$key];
}
/** Sanitize Profile URIs */
elseif ( array_key_exists( $key, (array) $this->profiles ) ) {
$newinstance[$key] = esc_url( $newinstance[$key] );
}
}
return $newinstance;
}
/**
* Widget Output.
*
* Outputs the actual widget on the front-end based on the widget options the user selected.
*
*/
function widget( $args, $instance ) {
extract( $args );
/** Merge with defaults */
$instance = wp_parse_args( (array) $instance, $this->defaults );
echo $before_widget;
if ( ! empty( $instance['title'] ) )
echo $before_title . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $after_title;
$output = '';
$new_window = $instance['new_window'] ? 'target="_blank"' : '';
$profiles = (array) $this->profiles;
foreach ( $profiles as $profile => $data ) {
if ( empty( $instance[ $profile ] ) )
continue;
if ( is_email( $instance[ $profile ] ) )
$output .= sprintf( $data['pattern'], 'mailto:' . esc_attr( $instance[$profile] ), $new_window );
else
$output .= sprintf( $data['pattern'], esc_url( $instance[$profile] ), $new_window );
}
if ( $output )
printf( '', $instance['alignment'], $output );
echo $after_widget;
}
function enqueue_css() {
$cssfile = apply_filters( 'simple_social_default_stylesheet', plugin_dir_url( __FILE__ ) . 'css/style.css' );
wp_enqueue_style( 'simple-social-icons-font', esc_url( $cssfile ), array(), $this->version, 'all' );
wp_enqueue_script('svg-x-use', plugin_dir_url(__FILE__) . 'svgxuse.js', array(), '1.1.21' );
}
/**
* Custom CSS.
*
* Outputs custom CSS to control the look of the icons.
*/
function css() {
/** Pull widget settings, merge with defaults */
$all_instances = $this->get_settings();
if ( ! isset( $this->number ) || ! isset( $all_instances[$this->number] ) ) {
return;
}
$instance = wp_parse_args( $all_instances[$this->number], $this->defaults );
$font_size = round( (int) $instance['size'] / 2 );
$icon_padding = round ( (int) $font_size / 2 );
/** The CSS to output */
$css = '
.simple-social-icons ul li a,
.simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
background-color: ' . $instance['background_color'] . ' !important;
border-radius: ' . $instance['border_radius'] . 'px;
color: ' . $instance['icon_color'] . ' !important;
border: ' . $instance['border_width'] . 'px ' . $instance['border_color'] . ' solid !important;
font-size: ' . $font_size . 'px;
padding: ' . $icon_padding . 'px;
}
.simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
background-color: ' . $instance['background_color_hover'] . ' !important;
border-color: ' . $instance['border_color_hover'] . ' !important;
color: ' . $instance['icon_color_hover'] . ' !important;
}
.simple-social-icons ul li a:focus {
outline: 1px dotted ' . $instance['background_color_hover'] . ' !important;
}';
/** Minify a bit */
$css = str_replace( "\t", '', $css );
$css = str_replace( array( "\n", "\r" ), ' ', $css );
/** Echo the CSS */
echo '';
}
}
add_action( 'widgets_init', 'ssiw_load_widget' );
/**
* Widget Registration.
*
* Register Simple Social Icons widget.
*
*/
function ssiw_load_widget() {
register_widget( 'Simple_Social_Icons_Widget' );
}