Support for VideoTube - A Responsive Video WordPress Theme

Step 1 Create new or edit existing page.

- Enter Title

- Enter [videotube_login] shortcode. (See image)

Click on Update/Publish.

Step 2 Go to Theme Options > Login/Register section

Step 3 On Login/Register dropdown, choose the page you just created, http://puu.sh/7SRDv.png

If you have the wordpress site installed at http://domain.com, you can access the video archive page by browsing to http://domain.com/video (if friendly permalink is configured) or http://domain.com/?post_type=video

Go to EBS Settings, choose “Use from theme or any other plugin” in Bootstrap JS File, IE6+ compatibility JS File and Bootstrap Styling CSS File section, and update the settings ==> http://puu.sh/88aTa.png

Go to Settings/Permalink and click Save Changes button.

Make sure that you have checked on the Video Category checkbox on the Screen Options panel:

Image 1: http://puu.sh/cPTF2/1d13994af5.png

Image 2: http://puu.sh/cPVTA/d2512b5bdf.png

Videotube support multi-language, so you can translate it in your language by step by step as below, its so easy.

• Download Poedit (Windows & Mac versions available) & install it on your computer
• Start the software and click on the “Open” button
• Browse to wp-content/themes/videotube/languages/ directory.
• Open the file videotube.pot
• Translate each line using the Translation box
• Save the translated file and name it as follows: code_COUNTRYCODE (eg. en_GB.po / fr_FR.po … for more info, pls visit http://codex.wordpress.org/Translating_WordPress)
• 2 files will be created: 1 .po file and 1 .mo file
• Copy those 2 files in wp-content/themes/videotube/languages/ folder.
• Go to Settings/General, choose your language in Site Language dropdown field, click on “Save Changes” button.

Go to Settings/General, check on Membership checkbox and save change.

Just activate VideoTube View-Like Customizer plugin, then you can modify the number on editing/adding new video page.

Demo http://puu.sh/8gXdN.png

The Video player displays the Youtube annotations and video title by default, but you can hide it by installing VideoTube Modestbranding plugin.

Improved a few things

Added: disable the video title.

Added: disable the annotations.

Added: disable the related videos.

1. Install VideoTube Register Link plugin.

2. Go to Settings/General, check on “Membership” checkbox and save change the settings http://puu.sh/8zIDA.png

Result http://puu.sh/8zIFs.png

Step 1 Create new or edit existing Homepage (if you have imported demo XML), (See image)

- Enter Title

- Choose Main HomePage in the Page Template dropdown section in the right sidebar.

Click on Update/Publish.

Step 2 Go to Settings > Reading

Step 3 In the “Front page shows as” option, chose “A static page” and then choose the Homepage page you just created. (See image)

Step 4: Drag in all the widgets you like (See Image) OR use Widget Importer & Exporter plugin to import the sample data widgets

In order to modify the video columns, you should hook into the mars_layout_columns filter.

Example function:

if( !function_exists( 'custom_video_archive_columns' ) ){
    /**
     * 
     * Custom video columns
     * 
     * @param int $columns
     * @return int
     * 
     */
    function custom_video_archive_columns( $columns ) {

        // The default columns.
        $custom_columns = 3;

        /**
         * 
         * @link https://codex.wordpress.org/Conditional_Tags
         * 
         */
        if( is_search()  ){
            $columns = $custom_columns;
        }

        if( is_post_type_archive( 'video' ) ){
            $columns = $custom_columns;
        }

        if( is_tax( 'video_tag' ) ){
            $columns = $custom_columns;
        }

        if( is_tax( 'categories' ) ){
            $columns = $custom_columns;
        }

        return $columns;
    }
    add_filter( 'mars_layout_columns' , 'custom_video_archive_columns', 10, 1);
}

You should paste this function into your plugin file or videotube/functions.php or videotube-child/functions.php if child theme is active (recommended).

This is an example function, if you want to implement or extend the function, please hire a freelancer.

1. If you use Page Builder to build the layout, you can put the certain category ID in Category Exclude field, example http://puu.sh/aE4AO/f8e842d946.png

[videotube_upload cat_exclude="1,2"]

Also the shortcode have cat_include option, this will ignore cat_exclude.

Starting from version 1.2

VideoTube support multi-language, so you can translate it in your language by step by step as below, its so easy.

• Download Poedit (Windows & Mac versions available) & install it on your computer
• Start the software and click on the “Open“ button
• Browse to wp-content/themes/videotube/languages/ directory.
• Open the file default.po
• Translate each line using the Translation box
• Save the translated file and name it as follows: code_COUNTRYCODE, eg. en_GB.po / fr_FR.po … for more info, pls visit http://codex.wordpress.org/Translating_WordPress
• 2 files will be created: 1 .po file and 1 .mo file
• Copy those 2 files in wp-content/themes/videotube/languages/ folder.

Go to Settings/General, choose your language in Site Language dropdown field, click on “Save Changes” button.

Done.

@media (min-width: 768px){
    #navigation-wrapper ul.menu{
        text-align:center;
        float:none;
    }
    #navigation-wrapper ul.menu li {
        display:inline-block;
        float: none;
    }    
}

Click Save Change button.

By default, Importing feature is unavailable, but you can use “Video Importer” plugin.

After activated the Video Importer plugin, you have to activate this add-on (working as a WP plugin), now the plugin could import the video from youtube/vimeo into the Video post type.

Put this code in the end of videotube-child/functions.php (or videotube/functions.php)

Then, go to Settings/Permalink and click on Save Changes button.

Add this code in videotube-child/functions.php or videotube/functions.php, then go to Settings/Permalink, click on Save Changes button.

if( !function_exists( 'mars_remove_video_slug' ) ){
    function mars_remove_video_slug( $post_link, $post, $leavename ) {

        if ( 'video' != $post->post_type || 'publish' != $post->post_status ) {
            return $post_link;
        }

        $post_link = str_replace( '/' . $post->post_type . '/', '/', $post_link );

        return $post_link;
    }
    add_filter( 'post_type_link', 'mars_remove_video_slug', 10, 3 );    
}

if( !function_exists( 'mars_parse_request' ) ){
    function mars_parse_request( $query ) {
        if ( ! $query->is_main_query() )
            return;
        if ( 2 != count( $query->query ) || ! isset( $query->query['page'] ) ) {
            return;
        }
        if ( ! empty( $query->query['name'] ) ) {
            $query->set( 'post_type', array( 'video','post','page' ) );
        }
    }
    add_action( 'pre_get_posts', 'mars_parse_request' );    
}

JS Composer ( or WPBakery Visual Composer ) plugin is bundled so you can’t automatically update it like as the free plugins.

Of course you can update it if you purchase it here, it requires a purchase code for updating, but no needed, I always attach their latest version into the theme.

Sometime I’m late for updating JS Composer because I need to make sure it works fine before making an update, if you want to have the latest version, send me your email address via this form.

1. Put this code in videotube/functions.php or videotube-child/functions.php if child theme activated.

2. (Optional) put this in Theme Options/General/Custom CSS field for styling.

.nav-links{
    color:#fff;
}
.nav-links .previous-post{
    text-align:right;
}
.nav-links .next-post{
    text-align:left;
}

Paste this code in videotube/functions.php or videotube-child/functions.php (recommended) if child theme activated:

if( !function_exists( 'marstheme_hide_content_for_none_member' ) ){
    function marstheme_hide_content_for_none_member() {
        if( !is_user_logged_in() ){
            remove_all_actions( 'mediapress_media' );
            remove_all_actions( 'mediapress_media_pagination' );
            add_filter( 'aspect_ratio' , function(){return;});
            add_action( 'mediapress_media' , function(){
                print '<div class="login-required">'.sprintf( __('Please %s to view video','mars'), '<a href="'. wp_login_url( get_permalink( get_the_ID() ) ) .'">'.__('login','mars').'</a>' ).'</div>';
            });
        }
    }
    add_action( 'wp' , 'marstheme_hide_content_for_none_member');
}

Put this code in videotube/functions.php or videotube-child/functions.php if child theme activated.

Firstly, I recommend you to activate the child theme, so this change won’t be lost when update the theme.

Step 1: Paste this code at the end of videotube-child/functions.php if child theme is active or videotube/functions.php.

Step 2: Paste this CSS into Theme Options->General->Custom CSS field:

Step 3: Save Changes.

Videotube supports automatically updating by using Envato API, you can easy update the theme with one click:

- Step 1: Navigate to Appearance-> Theme Options -> Update section.

- Step 2: Fill your Purchase Code (tips) and Personal Token key.

- Step 3: Save changes.

Now you can update the theme like as the “free” theme on wordpress.org when we release new version.

Note: The personal token key have to allow Download your purchased items and View your purchases of the app creator’s items permissions.

Firstly, backing up your site content before making an update is always recommended.

Download the newest version on your download page at https://themeforest.net/downloads

We have four ways for updating Videotube theme:

1. Extract the videotube.zip file and override the videotube folder onto your hosting at wp-content/themes/ directory by FTP client tool.

2. OR log in to your backend, deactivate and delete the videotube old theme, and re-install the new file (videotube.zip) that you just downloaded.

3. OR using the Envato Market plugin, the plugin allows you to be able to update all items that you purchased from envato market (themeforest and codecanyon.net are supported), here is official discussion about this plugin https://forums.envato.com/t/envato-market-wordpress-plugin-beta/21639

4. OR using the built-in update feature.

Question: how about my modifications if I updated the theme?

- The update will override the fresh version onto your old files, so, if you modified the theme, these changes will be lost.

- The update won’t lost any settings you made in the Theme Options panel.

Question: How can I keep my modification?

I highly encourage you to activate the child theme which can be found in the purchase package, called “videotube-child.zip”, and you can modify the parent theme via child theme, once updated the theme to newest version, your changes won’t be lost.

Read more about WordPress child theme here https://codex.wordpress.org/Child_Themes