custom-widget.php

<?php

class MarkSocialIcons_Widget extends WP_Widget {

	/**
	 * Register widget with WordPress.
	 */
	public function __construct() {
		parent::__construct(
			'tb_social_icons', // Base ID
			__( 'Mark: Social Icons', 'mark' ), // Name
			array( 'description' => __( 'Social Icons', 'mark' ), ) // Args
		);
	}

	/**
	 * Front-end display of widget.
	 *
	 * @see WP_Widget::widget()
	 *
	 * @param array $args Widget arguments.
	 * @param array $instance Saved values from database.
	 */
	public function widget( $args, $instance ) {
		extract( $args );
		$social_icons = array(
			"facebook",
			"twitter",
			"github",
			"pinterest",
			"instagram",
			"google-plus",
			"youtube",
			"vimeo",
			"tumblr",
			"dribbble",
			"flickr",
			"behance"
		);
		$title        = apply_filters( 'widget_title', $instance['title'] );

		echo wp_kses_post( $before_widget );
		?>
		<?php
		if ( $title ) {
			echo "<div class=\"widget-title\">";
			echo wp_kses_post( $before_title ) . esc_html( $title ) . wp_kses_post( $after_title );
			echo "</div>";
		}
		?>
		<div class="<?php echo esc_attr( $instance['classname'] ); ?>">
			<?php
			foreach ( $social_icons as $sci ) {
				$url = trim( $instance[ $sci ] );
				if ( ! empty( $url ) ) {
					if ( $sci == "vimeo" ) {
						$sci = "vimeo-square";
					}
					$sci = esc_attr( $sci );
					echo "<a class='".esc_attr( $sci )."' target='_blank' href='" . esc_attr( $url ) . "'><i class='fa fa-" . esc_attr( $sci ) . "'></i></a>";
				}
			}
			?>

		</div>
		<?php
		echo wp_kses_post( $after_widget );

	}

	/**
	 * Sanitize widget form values as they are saved.
	 *
	 * @see WP_Widget::update()
	 *
	 * @param array $new_instance Values just sent to be saved.
	 * @param array $old_instance Previously saved values from database.
	 *
	 * @return array Updated safe values to be saved.
	 */
	public function update( $new_instance, $old_instance ) {
		$instance                = array();
		$instance['title']       = strip_tags( $new_instance['title'] );
		$instance['classname']   = strip_tags( $new_instance['classname'] );
		$instance['facebook']    = strip_tags( $new_instance['facebook'] );
		$instance['twitter']     = strip_tags( $new_instance['twitter'] );
		$instance['github']      = strip_tags( $new_instance['github'] );
		$instance['pinterest']   = strip_tags( $new_instance['pinterest'] );
		$instance['instagram']   = strip_tags( $new_instance['instagram'] );
		$instance['google-plus'] = strip_tags( $new_instance['google-plus'] );
		$instance['youtube']     = strip_tags( $new_instance['youtube'] );
		$instance['vimeo']       = strip_tags( $new_instance['vimeo'] );
		$instance['tumblr']      = strip_tags( $new_instance['tumblr'] );
		$instance['dribbble']    = strip_tags( $new_instance['dribbble'] );
		$instance['flickr']      = strip_tags( $new_instance['flickr'] );
		$instance['behance']     = strip_tags( $new_instance['behance'] );

		return $instance;
	}

	/**
	 * Back-end widget form.
	 *
	 * @see WP_Widget::form()
	 *
	 * @param array $instance Previously saved values from database.
	 */
	public function form( $instance ) {
		if ( isset( $instance['title'] ) ) {
			$title = $instance['title'];
		} else {
			$title = __( 'Social Icons', 'mark' );
		}

		$classname = 'footer-social-links';
		if ( isset( $instance['classname'] ) ) {
			$classname = $instance['classname'];
		}


		$social_icons = array(
			"facebook",
			"twitter",
			"github",
			"pinterest",
			"instagram",
			"google-plus",
			"youtube",
			"vimeo",
			"tumblr",
			"dribbble",
			"flickr",
			"behance"
		);
		foreach ( $social_icons as $sc ) {
			if ( ! isset( $instance[ $sc ] ) ) {
				$instance[ $sc ] = "";
			}
		}
		?>
		<p>
			<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Title:', 'mark' ); ?></label>
			<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"
			       name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text"
			       value="<?php echo esc_attr( $title ); ?>"/>
		</p>
		<p>
			<label for="<?php echo esc_attr( $this->get_field_id( 'classname' ) ); ?>"><?php _e( 'CSS Class name:', 'mark' ); ?></label>
			<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'classname' ) ); ?>"
			       name="<?php echo esc_attr( $this->get_field_name( 'classname' ) ); ?>" type="text"
			       value="<?php echo esc_attr( $classname ); ?>"/>
		</p>
		<?php foreach ( $social_icons as $sci ) {
			?>
			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( $sci ) ); ?>"><?php echo esc_html( ucfirst( $sci ) . " " . __( 'URL', 'mark' ) ); ?>
					: </label>
				<br/>

				<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( $sci ) ); ?>"
				       name="<?php echo esc_attr( $this->get_field_name( $sci ) ); ?>"
				       value="<?php echo esc_attr( $instance[ $sci ] ); ?>"/>
			</p>

			<?php
		}
		?>


		<?php
	}


} // class Foo_Widget

function mark_social_icons_widget() {
	register_widget( 'MarkSocialIcons_Widget' );
}

add_action( 'widgets_init', 'mark_social_icons_widget' );