Snippet

Embed YouTube Video in Specific WordPress Theme Location

How to embed youtube video in wordpress sidebarEmbed youtube video in wordpress footerAdd youtube video to wordpress headerInsert youtube video in wordpress themePlace youtube video in wordpress widget areaEmbed youtube video in wordpress custom locationHow to add youtube video to wordpress page templateEmbed youtube video in wordpress theme fileIntegrate youtube video in wordpress themeCustomize youtube video placement in wordpress

Explanation

Want to place a YouTube video in different parts of your WordPress site? This code helps you do just that by embedding a video in various theme locations like the sidebar, footer, header, and more.

Here's how it works:

  • Embed Function: The function takes a YouTube video ID and optional width and height to generate the embed code. It ensures the video ID is safe to use.
  • Sidebar: Adds the video to your sidebar using a specific action hook.
  • Footer: Places the video in the footer area, making it visible at the bottom of your site.
  • Header: Displays the video at the top of your site by hooking into the header.
  • Widget Area: Inserts the video into a custom widget area if you have one set up.
  • Custom Location: Allows you to specify any custom location in your theme to show the video.
  • Page Template: Embeds the video within a specific page template, useful for custom-designed pages.

To use this, replace 'YOUR_VIDEO_ID_HERE' with the actual YouTube video ID you want to embed. This ID is the unique part of the YouTube URL after watch?v=.

Each function is tied to a WordPress action hook, which determines where the video will appear. Make sure your theme supports these hooks or adjust them to fit your theme's structure.

Code

1<?php 2// Function to embed a YouTube video in a specific theme location 3function wp_dudecom_embed_youtube_video($video_id, $width = 560, $height = 315) { 4 // Sanitize the video ID to prevent XSS attacks 5 $video_id = esc_attr($video_id); 6 7 // Return the YouTube embed code 8 return '<iframe width="' . intval($width) . '" height="' . intval($height) . '" src="https://www.youtube.com/embed/' . $video_id . '" frameborder="0" allowfullscreen></iframe>'; 9} 10 11// Add YouTube video to the sidebar 12function wp_dudecom_add_youtube_to_sidebar() { 13 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 14} 15add_action('wp_sidebar', 'wp_dudecom_add_youtube_to_sidebar'); 16 17// Add YouTube video to the footer 18function wp_dudecom_add_youtube_to_footer() { 19 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 20} 21add_action('wp_footer', 'wp_dudecom_add_youtube_to_footer'); 22 23// Add YouTube video to the header 24function wp_dudecom_add_youtube_to_header() { 25 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 26} 27add_action('wp_head', 'wp_dudecom_add_youtube_to_header'); 28 29// Add YouTube video to a custom widget area 30function wp_dudecom_add_youtube_to_widget_area() { 31 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 32} 33add_action('wp_widget_area', 'wp_dudecom_add_youtube_to_widget_area'); 34 35// Add YouTube video to a custom theme location 36function wp_dudecom_add_youtube_to_custom_location() { 37 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 38} 39add_action('wp_custom_location', 'wp_dudecom_add_youtube_to_custom_location'); 40 41// Add YouTube video to a page template 42function wp_dudecom_add_youtube_to_page_template() { 43 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 44} 45add_action('wp_page_template', 'wp_dudecom_add_youtube_to_page_template'); 46?>

Instructions

File Location: functions.php or a custom plugin file

Prerequisites:

  • Basic understanding of WordPress theme structure.
  • Access to your WordPress theme files or a custom plugin file.

Implementation Steps:

  1. Open your WordPress theme's functions.php file or create a new custom plugin file if you prefer to keep theme modifications separate.
  2. Copy the provided code snippet into the file.
  3. Replace 'YOUR_VIDEO_ID_HERE' with the actual YouTube video ID you want to embed. This ID is found in the YouTube URL after watch?v=.
  4. Determine where you want the video to appear on your site:
    • Sidebar: Ensure your theme supports the wp_sidebar action hook.
    • Footer: Ensure your theme supports the wp_footer action hook.
    • Header: Ensure your theme supports the wp_head action hook.
    • Widget Area: Ensure your theme supports the wp_widget_area action hook.
    • Custom Location: Ensure your theme supports the wp_custom_location action hook.
    • Page Template: Ensure your theme supports the wp_page_template action hook.
  5. Save the changes to your file.
  6. Visit your WordPress site to verify that the video appears in the desired location.

If you encounter any issues or need further customization, consider reaching out to wp-dude.com for expert WordPress assistance.