How to add Youtube social icon on the WP Soccer theme

Soccer is a modern and premium sports WordPress theme dedicated to team sports fans. It includes all the features (dedicated plugins) you need to share your sports passion as List of Players, League Table, Point Table, Player profile, Fixtures & Results etc.

In this theme, it has no Youtube Icon option. I have added the Youtube icon.

Go to replace this codes to this file: /wp-content/themes/wpsoccer/lib/vc-addons/themeum-social-button.php

<?php
add_shortcode( 'themeum_social_button', function($atts, $content = null) {

	extract(shortcode_atts(array(
		'title' 			=> '',
		'facebook'			=> '',
		'facebook_text'		=> '',
		'twitter'			=> '',
		'twitter_text'		=> '',
        'youtube'			=> '',
        'youtube_text'		=> '',
		'gplus'				=> '',
		'gplus_text'		=> '',
		'linkedin'			=> '',
		'linkedin_text'		=> '',
		'delicious'		    => '',
		'delicious_text'	=> '',
		'tumblr'			=> '',
		'tumblr_text'		=> '',
		'stumbleupon'		=> '',
		'stumbleupon_text'	=> '',
		'pinterest'			=> '',
		'pinterest_text'	=> '',
		'dribble'			=> '',
		'dribble_text'		=> '',
		'class'				=> '',
		), $atts));

	$inline_css = $output = '';


	$output .= '<div class="themeum-social-button'.esc_attr($class).'">';
	$output .= '<ul class="list-unstyled">';
	if( $facebook ) { 
	$output .= '<li><a href="'.esc_url($facebook).'" target="_blank"><i class="fa fa-facebook-square"></i>'.esc_html($facebook_text).'</a></li>';
	}				 
	if( $twitter ) { 
	$output .= '<li><a href="'.esc_url($twitter).'" target="_blank"><i class="fa fa-twitter-square"></i>'.esc_html($twitter_text).'</a></li>';
	}
	if( $youtube ) {
	$output .= '<li><a href="'.esc_url($youtube).'" target="_blank"><i class="fa fa-youtube-square"></i>'.esc_html($youtube_text).'</a></li>';
	}
	if( $gplus ) { 
	$output .= '<li><a href="'.esc_url($gplus).'" target="_blank"><i class="fa fa-google-plus-square"></i>'.esc_html($gplus_text).'</a></li>';
	}				
	if( $linkedin ) { 
	$output .= '<li><a href="'.esc_url($linkedin).'" target="_blank"><i class="fa fa-linkedin-square"></i>'.esc_html($linkedin_text).'</a></li>';
	}				
	if( $delicious ) { 
	$output .= '<li><a href="'.esc_url($delicious).'" target="_blank"><i class="fa fa-delicious"></i>'.esc_html($delicious_text).'</a></li>';
	}				
	if( $tumblr ) { 
	$output .= '<li><a href="'.esc_url($tumblr).'" target="_blank"><i class="fa fa-tumblr-square"></i>'.esc_html($delicious_text).'</a></li>';
	}				
	if( $stumbleupon ) { 
	$output .= '<li><a href="'.esc_url($stumbleupon).'" target="_blank"><i class="fa fa-stumbleupon-circle"></i>'.esc_html($stumbleupon_text).'</a></li>';
	}				
	if( $pinterest ) { 
	$output .= '<li><a href="'.esc_url($pinterest).'" target="_blank"><i class="fa fa-pinterest-square"></i>'.esc_html($pinterest_text).'</a></li>';
	}				
	if( $dribble ) { 
	$output .= '<li><a href="'.esc_url($dribble).'" target="_blank"><i class="fa fa-dribbble"></i>'.esc_html($dribble_text).'</a></li>';
	}
	$output .= '</ul>';
	$output .= '</div>';

	return $output;

});


//Visual Composer
if (class_exists('WPBakeryVisualComposerAbstract')) {
vc_map(array(
	"name" => __("Social Button", "themeum"),
	"base" => "themeum_social_button",
	'icon' => 'icon-thm-social-button',
	"class" => "",
	"description" => __("Widget Title Heading", "themeum"),
	"category" => __('Themeum', "themeum"),
	"params" => array(			

		array(
			"type" => "textfield",
			"heading" => __("Title", "themeum"),
			"param_name" => "title",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Facebook URL", "themeum"),
			"param_name" => "facebook",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Like us on Facebook", "themeum"),
			"param_name" => "facebook_text",
			"value" => "",
			),		

		array(
			"type" => "textfield",
			"heading" => __("Twitter URL", "themeum"),
			"param_name" => "twitter",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Twitter", "themeum"),
			"param_name" => "twitter_text",
			"value" => "",
			),
		array(
			"type" => "textfield",
			"heading" => __("Youtube URL", "themeum"),
			"param_name" => "youtube",
			"value" => "",
			),

		array(
			"type" => "textfield",
			"heading" => __("Subscribe us on Youtube", "themeum"),
			"param_name" => "youtube_text",
			"value" => "",
			),

		array(
			"type" => "textfield",
			"heading" => __("Gplus URL", "themeum"),
			"param_name" => "gplus",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Gplus", "themeum"),
			"param_name" => "gplus_text",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Linkedin URL", "themeum"),
			"param_name" => "linkedin",
			"value" => "",
			),

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Linkedin", "themeum"),
			"param_name" => "linkedin_text",
			"value" => "",
			),					

		array(
			"type" => "textfield",
			"heading" => __("Pinterest URL", "themeum"),
			"param_name" => "pinterest",
			"value" => "",
			),

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Pinterest", "themeum"),
			"param_name" => "pinterest_text",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Delicious URL", "themeum"),
			"param_name" => "delicious",
			"value" => "",
			),		

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Delicious", "themeum"),
			"param_name" => "delicious_text",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Tumblr URL", "themeum"),
			"param_name" => "tumblr",
			"value" => "",
			),		

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Tumblr", "themeum"),
			"param_name" => "tumblr_text",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Stumbleupon URL", "themeum"),
			"param_name" => "stumbleupon",
			"value" => "",
			),			

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Stumbleupon", "themeum"),
			"param_name" => "stumbleupon_text",
			"value" => "",
			),	

		array(
			"type" => "textfield",
			"heading" => __("Dribble URL", "themeum"),
			"param_name" => "dribble",
			"value" => "",
			),		

		array(
			"type" => "textfield",
			"heading" => __("Follow us on Dribble", "themeum"),
			"param_name" => "dribble_text",
			"value" => "",
			),

		array(
			"type" => "textfield",
			"heading" => __("Custom Class ", "themeum"),
			"param_name" => "class",
			"value" => "",
			),

		)
	));
}
WP Bakery Visual Composer Youtube Shortcode for WP Soccer theme
WP Bakery Page Builder Youtube Shortcode

Let me know If you have any questions.


Want to purchase WP Soccer theme? Here is the ThemeForest link- WP Soccer

WP Soccer Theme Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.