deTube

Professional Video WordPress Theme by DeDePress

deTube is a Professional WordPress Theme designed for Video Websites, and News/Magazine sites. This theme will help you get a professional video/news site up and running quickly, it is inspired by the popular websites: YouTube, Vimeo and Dribbble. No modest to say that it is the most powerful video news WordPress theme so far.

First Things First

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated! This document covers the installation and use of this theme and often reveals answers to common problems and issues. I encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to hit us.

Upgrade Guide

  1. BACKUP YOUR DATABASE. IT'S VERY IMPORTANT. We are very careful to avoid occurred errors, but just in case, you should always backup your dababase before you're ready to install ing or upgrading themes and plugins.
  2. If you are ready, Upload 'themes' folder and 'plugins' folder to '/wp-content/' directory to override the older files.

Upgrading 1.0 to 1.1

If you already upgrading version 1.0 to 1.1, please read the following tips to setting up:

  1. Set post format to 'video' for all of your video posts, you can do this quickly use "bulk actions" on edit screen page.
  2. The DP Posts Widget and DP Single Post Stats Widget will disappear from your sidebar, they have been replaced with Posts Widget and Single Post Stats Widget, you should re-add them to your sidebars.
  3. Go to Theme Options > General > Single Post Pages Settings:
    • Single Video Layout: Specify a default layout for all of the video posts, and you can override this setting for individual posts in "Video Settings" panel on edit post page.
    • "More/Less" Toggle: Enter a number as less height for video detatils area, eg. 100, if you don't need this function, leave this field blank or set to 0. Note: this function is only works on single video post pages.
  4. Go to Theme Options > Home > Home Featured Settings, specify a default layout for the home featured content area.

Home Featured Content Layout Settings on Theme Options page

General Single Video Layout Settings on Theme Options page

Select 'Video Layout' and 'Post Format' on Add/Edit post pages

Different Layout displayed on front

Install Theme and Plugins

  1. Upload 'themes' folder and 'plugins' folder to '/wp-content/' directory.
  2. Go to WP Admin > Plugins page, Activate the plugins: Video Thumbnails for deTube, WP Postviews and WP Pagenavi
  3. Go to WP Admin > Apperance page, Activate deTube theme.

Active theme on WP Admin > Appereance

After the deTube theme is actived

Make sure required plugins is actived

Setting up 'Home' and 'Browse' Page

  1. Create a new page, eg. 'Home', set page template as 'Home', and publish it.
  2. Create a new page, eg. 'Browse', don't need to do anything, just publish it.
  3. Go to Settings > Reading, Select "A static page" radio button, select 'Home' page as front page and 'Browse' page as posts page.

Set page template 'Home' for your home page

Front page displays in Settings > Reading

Configure Plugins

This theme comes with three plugins, you just need to activate them and the theme will work well. but if you want to configure them, you can found them under Settings page:

  1. Settings > Video Thumbnail
  2. Settings > PageNavi
  3. Settings > PostViews
If you want to learn more about these plugins, visit the plugin page by the following links:
  1. Video Thumbnail
  2. WP PageNavi
  3. WP PostViews

Configure Theme Options

  1. Go to 'Theme Options > General' and configure General Settings
  2. Go to 'Theme Options > Home' and configure Home Settings
  3. How to configure these options? Just follow the description of each settings section and each options, it's very easy.

Configure Home Page

To configure the home page, Go to Theme Options > Home.

Home Featured Settings: Enable you to show featured posts on home page with ajax and carousel effect. If you don't want to show it, set 'Number of Posts' to 0.

Home Sections Settings: Enable you to add UNLIMITED section boxes to home page, and drag section boxes to change their order. For each section box, you can configure the post query arguments, title, link, and layout view etc. You can also insert custom content before/after this box, such as your advertising code.

Home Settings and Front Displays

Configure Archive Pages

To configure the archive pages, Go to Theme Options > General.

Archive Page Settings: These settings determine how to display content on archive pages..

Category Featured Settings: These settings enable you to show posts of current category with carousel effect on category pages. If you don't want to show it, set 'Number of Posts' to 0.

Home Settings and Front Displays

Configure Footer Settings

To configure the footer, Go to Theme Options > Footer Settings.

Footer Settings on Theme Options

Footer appear in front

Custom Labels for 'post' post type

If you want to change the labels of WordPress built-in post type 'post', to 'Videos', or whatever you want to name it, go to "Theme Options > Custom Labels Settings" and enter your custom labels.

Custom Labels Settings on Theme Options

Hook Settings / Custom Code Settings

To configure the hook settings, Go to Theme Options > General > Hook Settings.

Head Code: Paste any code here. It will be inserted before the </head> tag of your theme.

Footer Code: Paste any code here, e.g. your Google Analytics tracking code. It will be inserted before the </body> tag of your theme.

Custom Codes into head and footer

Configure More Settings in Theme Options

There are more settings in theme options, please configure them with the description of settings section.

Post Like Settings: You can configure like feature here.

Single Video Pages Settings: You can configure related videos here.

Design Settings: You can configure background pattern here.

Adding/Edit Video

To adding or edit a video, you need to configure Video Settings. You can embed the video into your post by the one of the following methods:

1. Video File

Use this method if you want to embed self hosted video:

Paste your video file url to textarea. Supported Video Formats: mp4, m4v, webmv, webm, ogv and flv.
About Cross-platform and Cross-browser Support

If you want your video works in all platforms and browsers(HTML5 and Flash), you should provide various video formats for same video, if the video files are ready, enter one url per line. For Example:

http://yousite.com/sample-video.m4v
http://yousite.com/sample-video.ogv

Recommended Format Solution: webmv + m4v + ogv.

Video Poster: If your post has featured image, the theme will use it as video poster by default. But if you want to use custom video poster instead of feature image, enter your poster image url to "Video Poster" field.

2. Video URL

You can embed video from popular video sites like YouTube or Vimeo, just enter the video url to "Video URL" field. For example:

http://www.youtube.com/watch?v=nTDNLUzjkpg
or
http://vimeo.com/23079092

Note: To use this methods, you must enable built-in "Auto-Embeds" feature, go to "Settings > Media", make sure the "auto embeds" option is checked.

3. Video Code

Paste the raw video code to "Video Code" textarea, such as <object>, <embed> or <iframe> code

Note: You need only the one of methods, the video is determined in the order: Video Code > Video URL > Video File.

Video Settings on Add New/ Edit Pages

Custom Page Templates

This theme come with several page templates: Archives, Full Width and Tag Cloud. To adding a page with the one of the page template:

  1. Create a new page
  2. Select a page template from "Page Attribute" panel.
  3. Publish it
This theme is also compatible with popular Contact Form 7 plugin, but this theme is not included this plugin, to adding a Contact page:
  1. Download and install contact form 7 plugin
  2. Generate the contact form 7 shortcode via the Contact settings page of Contact form 7.
  3. Create a new page
  4. Paste the shortcode you just generated into content editor, and publish page.

Custom Menus

To create a custom menu:

  1. Go to Appearance > Menu
  2. Click on the plus (+) sign to create a new menu (eg. Main Menu).
  3. Add the menu items from the left panels (Custom Links, Pages, or Categories)
  4. To create dropdown menu, drag the menu item toward the right (the item(s) will be indented)
  5. When you are done adding the menu items, click "Save Menu"
  6. Then on the top left panel where it says 'Theme Locations', select the menu from the dropdown to assign it to the navigation location and click "Save"
  7. Note 1: If you don't see your custom post types or taxonomies, look under the Screen Options to make sure they are checked to be Show on Screen.
  8. Note 2: the custom menu can also be used with the widget (go to Appearance > Widgets and drop in the Custom Menu widget)

Custom Menus on admin

Custom Widgets

The widgets are available at Appearance > Widgets. The big panel on the left side shows all available widgets. The small panels on the right are the widgetized areas.

To add a widget: drag and drop the widget from the left panel to the right panel.

To remove the widget: drag the widget back to the left panel (Available Widgets panel). If you want to keep the widget setting for future use, drag it to the Inactive Widgets instead of the Available Widgets panel. It will save your widget settings. To retrieve the widget, drag the widget from Inactive Widgets panel instead of the Available Widgets panel.

This theme included 11 Sidebars for displayed on different types of pages:

6 Context Sidebars

5 Footbars

5 Optional Footer Widget Areas for your site footer: Footbar 1, Footbar 2, Footbar 3, Footbar 4 and Footbar 5.

Custom Widgets on Apperance > Widgets

Custom Files

If you want to add custom PHP/JS/CSS code, you can write your code into the custom files, so the theme update will does not overwrite your changes, this theme come pack with 3 files for custom work by theme user:

detube/custom/custom.css
detube/custom/custom.js
detube/custom/custom/php

NOTE: Thess files only work if they are in the theme root directory, so you should move it from "custom" folder to theme root "detube" folder.

Buddypress Compatible

To make this theme compatible with Buddypress, simply install and activate BuddyPress, BUT NOTICE THAT: when you go to step 4, DO NOT CLICK "Install BuddyPress Template Pack" button, just check "Don't change my current theme" radio then click "Save & Next".

DON'T CLICK...CLICK...

JWPlayer Integration

This theme used jPlayer as default player, If you want to use JWPlayer, following these steps:

1. Download JW Player for WordPress plugin, install and activate it.

2. For more detailed instructions please visit: Getting Started with the WordPress Plugin for the JW Player

3. Paste JWPlayer shortcode into the "Video Code" field on "Add New Post" or "Edit Post" page. For Example:

[jwplayer file="http://www.youtube.com/watch?v=7W194GQ6fHI"]

Translation

We provide translation files for you to translate the theme into your language. The translation files default.mo and default.po are located in the languages folder inside your package.

To translate the theme into your language, follow the steps below:

Custom Files

The theme come with three files(custom.css, custom.js and custom.php) for who to customize the theme, they are located in the custom folder.

To use them, just move them to theme root directory and write your own code.

Support

If you have any further questions or need support, please do not hesitate to contact us via one of the following ways:

  1. Simply post your question in theme comments on item page.
  2. Submit your issue via message form on our profile page while logged in.
  3. Send us an email here: dedepress (at) gmail (dot) com
  4. Hit us up on Twitter: @dedepress

Changelog

= 1.3.5 - 2013.03.25
 * Fixed the thumb overlay problem on Safari
 * Fixed the post order by specified ids on home page settings.
 * Fixed the bugs by 1.3.4
 
= 1.3.4 - 2013.03.22
 * Make it support latest JWPlayer WordPress Plugin (Support for JWPlayer 6)
 * Added 'post format' option to home page settings.
 * Fixed image issue with facebook graph tags.
 * Fixed small bugs  by 1.3.3.


= 1.3.3 - 2013.03.17
 * Removed SlidesJS plugin, in favor of jCarousel.
 * Maked home featured(Standard layout) to autoscroll.
 * updated jQuery to 1.8.3
 * updated jPlayer to 2.2.0
 * Added full page background image and maked background repeat and background attachment to options.
 * Added sort type "random".
 * Make Facebook Open Graph Tags to optiontal.
 * Make it compatible with the WooCommerce plugin.
 * Minor bug fixes
 
= 1.3.2 - 2013.02.07
 * Added Boxed Layout.
 * Improved thumbnail sizes with different views.
 * Improved related posts.
 * Maked dropdown menu working on iPad.
 * Removed JS Masonry Layout, used CSS3 Multi Columns.
 * Fixed Posts Widget bug on "Archives" page.

= 1.3.1 - 2013.01.17
 * Just fixed the jQuery version problem

= 1.3 - 2012.09.19
 * Compatible with BuddyPress.
 * Compatible with JW Player WordPress Plugin.
 * Added custom files for theme users to custom coding.
 * Excluded sticky posts from related posts.
 * Fixed video thumbnail error when share post to facebook.
 * Fixed wrong thumbnail size in list-large view.
 * Fixed login url bug.
 * Minor bug fixes.

= 1.2.5 - 2012.08.26
 * Added Related Posts Widget.
 * Fixed connection error when install plugins or themes.
 * Improved image size in responsive.
 * Fixed some bugs in IE9.
 * Added post type option to home featured content settings and home section box settings.
 * Make autoplay to optional on home featured content area.
 * Remove top info bar and Youtube Logo from Youtube video player.
 * Fixed translation error.
 * Minor bug fixes.

= 1.2.4 - 2012.08.16
 * Fixed z-index bug that the dropdown menu appears behind the video screen.
 
= 1.2.3 - 2012.08.14
 * Added Full Screen for jPlayer
 * Added manual excerpt support
 * Added Facebook open graph tags support and fixed incorrect thumbnail when like/share post to facebook
 * Updated AddThis, it could configure PubID to track analytics.
 * Updated autoplay to optional
 * Fixed initial like count

= 1.2.2 - 2012.08.01
 * Minor bug fixes
 
= 1.2.1 - 2012.08.01
 * Make responsive to optional
 * Fixed the "Like" feature again
 * Minor bug fixes

= 1.2 - 2012.07.28
 * Responsive now
 * Fixed the "Like" feature
 * Minor bug fixes
 
= 1.1 - 2012.07.23
 * Added regular posts support, so this theme could also be used for news/magazine sites now.
 * Added post format support: 'standard' and 'video'.
 * Added single video post layout: Standard and Full Width
 * Added home featured content layout: Standard and Full Width
 * Added custom page templates: Full Width, Tag Cloud and Archives.
 * Added option 'custom background color' and updated option 'background pattern' to optional
 * Updated "More/Less" toggle to optional
 * Updated Widgets: "Single Video Stats" to "Single Post Stats", "Videos Widget" to "Posts Widget"
 * Updated "Custom Post Labels" to optional by one-click check box.
 * Removed the title, byline, portrait on vimeo video
 * Disabled suggested videos on YouTube video when the video finishes
 * Updated "Auto Video Thumbnail", use HD thumbnails from YouTube and Vimeo when they're available. 

= 1.0 - 2012.07.16
 * Init release.