How to make your theme compatible with “WordPress Video Tube Plugin” plugin

Posted by & filed under Tutorials, WPBase-Video.

WordPress Video Tube Plugin is a Video Hosting Plugin used to add videos from any site quickly and easily and helps you create your own video tube or video gallery site.

The plugin was build by us because there were no free plugins to help you build a video gallery and the ones which were free just didn’t cut it.

At WPOven we already have compatible premium video themes ready to be installed in your site with just a few clicks (No coding knowledge or editing needed).

But if you are comfortable with a little editing and prefer to do it yourself, you can follow the tutorial below and make your theme compatible with wpbase-video or you can try our very own theme BA-Tube theme for free, which is already 100% compatible with WordPress Video Tube Plugin.

You can easily make any video theme compatible with wpbase-video using the following  simple steps:

Before beginning copy the following files from the wpbase-video plugin folder (i.e /wp-content/plugins/wpbase-video) to your theme folder  (i.e /wp-content/themes/your-theme-name) :

  • /wp-content/plugins/wpbase-video/css/videocss.css
  • /wp-content/plugins/wpbase-video/images/timebg.png

To add ratings to your videos, we recommend you use WP-PostRatings plugin.

Making the homepage compatible :

1. Replace the thumbnail-code on the front page (usually “index.php” in your theme folder) with :

 

2. Add Time to the thumbnails :

Copy the following code, in continuation, where the thumbnail code ends :

 

3. If you want to add video views to the homepage :

add the following code in the index.php file :

 

4. Add Rating for videos (works with WP-PostRatings plugin) :

Making the SINGLE POST PAGE or Viewing single Video page (usually it is single.php) compatible :

1. Add Video (Embed code) :

2.  Add views, time and ratings for video

3. Truncate description of Video (i.e ‘view more’ or ‘view less’ options):

and add this in functions.php file in theme folder:

and add the following javascript :

 

 Everything done but don’t see the things at the right place or right size ?

Open the videocss.css file and adjust the values of the lines with comment “//adjust this acc to theme“.

 

Still can’t get it to work for you ?

We give free support to WPOven users, just drop us a ticket and we will be happy to help.

15 Responses to “How to make your theme compatible with “WordPress Video Tube Plugin” plugin”

  1. JB

    I’ve built my website using the Catalyst framework, so the files look a little different. The only line of code in single.php is this:

    catalyst_framework();

    I tried inserting the code to add the videos to pages, but it didn’t work. Any suggestions on how to get your plugin compatible with the Catalyst framework? Many thanks.

    Reply
    • Vikrant Datta

      Hi

      You will need to find the catalyst_framework() function and make the appropriate changes in it, which you would have made in single.php.

      Reply
  2. Harish

    video is not being submitted with title and other details …… I have copied the css and png files in theme folder and replaced the codes in index.php to make compatible …. its twenty ten theme

    Reply
  3. Vikrant Datta

    Hello

    Please make sure that the css file in included in the header and could you send a URL to your site so that we can have a closer look.

    Thanks

    Reply
  4. Harish

    header ?>

    <link rel="stylesheet" type="text/css" media="screen" href="” />
    <link rel="pingback" href="” />
    <?php ….. kindly suggest any change in videocss.css file

    Reply
  5. Boingo

    Hello, the instructions above outline how to achieve a SINGLE VIDEO display, but on your wordpress plugin page, screenshot 4 shows a video, with description to the right, and a related video slider below. Do you have any guide on how to achieve that layout?

    Thanks in advance. Very interested in this plugin, just hoping to get it working with our site.

    Reply
    • Vikrant Datta

      Hi

      That screenshot was taken of another theme.

      You can find more video compatible themes for this plugin by signing up at WPOven and using the free site creator.
      Each theme has a different layout.

      Hope it helps.

      Thanks

      Reply
  6. masterneme

    Hi,

    I really like your video plugin, is it possible to modify standard themes like the official twentyseries from WordPress to make them fully compatible?

    I’ve been experimenting with a child theme but it only shows one video.

    I think it would be a good idea the add a child theme to your collection, your themes are great but some plugins break the layout.

    Reply

Leave a Reply