Adding a video header to WordPress themes

Adding a video header to WordPress themes

Header images are nothing new, but header videos are coming into fashion. Adding a video header to WordPress Themes can highlight your product or service in a new or innovative way.

The theme that I will be using is twenty twenty and it does not have video support for the header. Since I made a child theme I will be using that to modify the files.

Here are the steps to follow

1. 1. Open up the themes/twenty-twentychild/functions.php file with a code editor
   2. Add the following line of code and save the file –
   3. add_theme_support (‘custom-header’. array (
      ‘video” => true,
      ) );
   4. Log into the WordPress dashboard as the administrator
   5. Click the Appearance menu
   6. Choose the Header Media option to open the customizer
      
   7. Click Select Video to upload the video
   8. Choose the video after uploading it and add it to the customizer
   9. Now the header video will be shown in the header media section
   10. Click Publish
   11. Open the Header.php file in the child theme and add the following code –

Open the style.css file and add the following code –

Save the changes and refresh the customizer Header media section, now you will see the video in your theme.

References/Resources:

1.  WordPress
2.  Child theme creation