(MB) YouTube Widget vs Social Media Share Buttons & Social Sharing Icons

The YouTube videos widget lets you quickly and easily display your most recent YouTube videos in your blog’s sidebar. Features The YouTube videos widget is fully-based on the WordPress Plugin API. Uses hooks and filters to allow for maximum hackability by theme designers and developers. Organized straightforwardly so that it’s easy to modify and style. Usage The YouTube videos widget is ready to use as-is, although you can easily customize it to your liking with a bit of code. You can also insert a plain list of your recent videos into posts and pages with the shortcode mechabyte_youtube. For example, to load 5 videos from freddiew that open in new tabs, you’d use [mechabyte_youtube username="freddiew" videos="5" tab="true"]. Custom Styles The YouTube videos widget loads it styles by hooking into WordPress’ wp_enqueue_scripts action. To remove the default styling you need to remove the our enqueue_scripts function from the hook. remove_action( 'wp_enqueue_scripts', array( 'mechabyteYouTube', 'enqueue_scripts' ) ); Custom Output The end user has two options of displaying their YouTube videos: in plain or decorated lists. When modifying the output of the plugin you must use one of two filters that this plugin uses: mbYT_construct_plain and mbYT_construct_decorated. Before you add your own functions to either filter, you must remove the default ones that are used automatically: mbYT_construct_plain_default and mbYT_construct_decorated_default. remove_filter( 'mbYT_construct_plain', array( 'mechabyteYouTube', 'mbYT_construct_plain_default'), 10, 3 ); remove_filter( 'mbYT_construct_decorated', array( 'mechabyteYouTube', 'mbYT_construct_decorated_default'), 10, 3 ); Now it’s time to get creative. When creating a function that will loop through the videos you have complete control over how you want to display the content. Just keep in mind that in the end, you should be outputting elements. When filters are being applied to the YouTube content, there are three arguments that are being passed through: $youtube_videos (array, the array of videos), $number (integer, the number of videos the user wishes to display), and $tab (boolean, a true/false value of whether or not the user wants to open video links in a new tab). Keep in mind that you have access to the following pieces of information when creating your video loop: $item['title'] // Video title $item['videoID'] // Video ID $item['viewCount'] // Video view count $item['published'] // Video publish date -- UNIX $item['duration'] // Video duration in hh:mm:ss $item['numLikes'] // Video likes count $item['link'] // Video link $item['image']['default'] // 'Default' thumbnail (low quality) $item['image']['mqdefault'] // Medium quality thumbnail $item['image']['hqdefault'] // High quality thumbnail Here’s an example of some code that adds a custom function to our mb_construct_plain filter (assuming we’ve already removed the default functions). Keep in mind the 3 at the end. That lets WordPress expect our three arguments that will be passed through. Check out WordPress’ add_filter() page for more info. add_filter( 'mb_construct_plain', 'construct_plain_example', 10, 3 ); function construct_plain_example( $youtube_videos, $number, $tab ) { $output = ''; foreach( $youtube_videos as $youtube_video ) { // If we've reached the user's display limit, end the loop if( $i == $number ) break; $output .= ' '; $output .= ' '; $output .= $youtube_video['title']; $output .= ' '; $output .= ' '; $i++; } return $output; } Pretty basic, but it allows you to see a general example of how to loop through the objects and return the modified data. The above code will produce a list element like this one: Real Life Portal Gun

Try it out on your free dummy site: Click here => https://tastewp.com/plugins/ultimate-social-media-icons (this trick works for all plugins – just replace “wordpress” with “tastewp” in the plugin’s WP repo URL) Social media plugin which let’s you add share icons for RSS, Email, Facebook, Twitter, LinkedIn, Pinterest, Instagram, Youtube, ‘Share’ (covering 200+ other social media platforms) and upload custom share icons of your choice. This free plugin has a lot to offer. Even more can be found in the Premium Plugin, please watch this short video: See all features of the Premium plugin. The free social media plugin includes the following features: Pick from 16 different designs for your social media share icons Give several actions to one social media share icon (e.g. your facebook share icon can lead visitors to your Facebook page, and also give visitors the opportunity to like your page) Decide to give your social media icons an animation (e.g. automatic shuffling, mouse-over effects) to make your visitors aware of the share icons, increasing the chance that they follow/share your blog Make your social media icons ‘float’ or ‘sticky’ Allow visitors to subscribe to your blog by Email Add ‘counts’ to your social media buttons Decide to display a pop-up (on all or only on selected pages) asking people to follow/share you via your social media icons Decide to display sharing-buttons and social media icons at the end of every post Select from many other customization features for your socialmedia icons! For GDPR compliance, please have a look at our Social Media GDPR Compliance page. The social media plugin is very easy to use as it takes you through all the steps: Step 1: Choose which social media icons you want to display Step 2: Define what actions your social media icons should perform Step 3: Pick design & animation options for your social media icons Step 4: Add counts to your social media icons (optional) Step 5: Select from various other social share options, e.g. make your social media icons ‘float’ Step 6: Add sharing/linking icons next to each blog post (optional) Step 7: Add a customized pop-up asking people to follow or share (optional) Step 8: Add a subscription form on your site (optional) In case of issues or questions please ask in the Support forum. We hope you enjoy the free social media plugin! New premium social share plugin We released a premium social share plugin with many more exciting features: Many more social networks supported, including Snapchat share buttons, Whatsapp share buttons, Yummly share buttons, Phone button, Yelp share buttons, Soundcloud share buttons, Skype share buttons Flickr share buttons, Blogger share buttons, Reddit share buttons, Vimeo share buttons, Tumblr share buttons, Xing share buttons, Xhenta, Vkontakte share buttons (VK), Telegram share buttons, Amazon share buttons, Goodreads share buttons, Angies list share buttons, Steam share buttons, Twitch share buttons, Spotify share buttons, Odnoklassniki share buttons (OK), Buffer share buttons, Weibo share buttons, Pocket share buttons, Meneame share buttons, Frype share buttons, LiveJournal share buttons, Patreon share buttons, Dloky share buttons, Discord share buttons, Github share buttons, WordPress buttons, Etsy share buttons, Better Business Bureau share buttons, Digg share buttons, Delicious share buttons, Print share buttons, and many other share buttons! More design styles to make your social share icons look really cool & matching the design of your website Themed design styles, e.g. if you have a website about cats you can pick from social media logos which look like cats etc. Better social sharing and following features, e.g. you can define the Tweet-texts better (e.g. pull the post titles into your Tweets automatically), let people follow you on Facebook directly without leaving your site etc. Place the social icons on specific pages, i.e. you can define on which pages the icons to the social media sites should not show Position the social icons by anchor and margins, i.e. you can define the margins where your share icons should be displayed (from top/bottom/left/right), and then have them floating, or stick, still visible when user scrolls down or not etc. Optimized for mobile – you can define separate selections for your social network icons for mobile More functions for email icon, such as Share (by email), Contact you, Link to a certain page etc. Social media counters optimized to encourage more social media sharing from your visitors More pop up options which contain your social media buttons, e.g. define a limit to how often the pop-up is shown to the same user, show pop-up only when people try to leave your website etc. Friendly support in case you’re stuck Many more settings and options for your social media network icons Have a look at the Premium Plugin features