WordPress Theme Demo Bar
WordPress Theme Demo Bar is a plugin for wordpress that allows any wordpress theme to be previewed without activating it. A demo bar would be shown on top of page, allow users to preview another theme. The demo bar is customisable at admin panel. More than 1 extra CSS files can be loaded too.
Whats New in Version 1.6.1
- Fixed error when use together with the new wordpress admin bar
Whats New in Version 1.3 to 1.5
- Support child themes
- With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar. (Live in Action)
- You can now display theme info, such as number of previews or preview URL using shortcode
[demobar] - To make the process easier, you can use media button to add it (see screenshot : Media Button)
- You can do that in template files too, using the newly added template tag function
wptdb_output() - Now you can edit other theme’s options (functions.php) without activating it
- Widget to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)
Features
- Preview any wordpress theme without activating it.
- A demo bar will be shown on top of the page, allow users to preview another theme.
- The demo bar can be deactivated.
- You can hide your themes that are private.
- You can load extra CSS files (more than one)
- Demo Bar can be always on top now
- You can cusmotise the look & feel of Demo Bar using CSS
- Auto collection of popularity count (number of previews) of each theme.
- Persistent preview, all internal links will be auto edited to keep the ?themedemo= variable.
- Persistent preview can be turned off by the visitors by closing the demo bar (all links will then be reverted back automatically)
- NEW Support child themes
- NEW With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar
- NEW You can now display theme info, such as number of previews or preview URL using shortcode
[demobar] - NEW To make the process easier, you can use media button to add it (see screenshot : Media Button)
- NEW You can do that in template files too, using the newly added template tag function
wptdb_output() - NEW Now you can edit other theme’s options (functions.php) without activating it
- NEW Widget available to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)
- NEW New template tag function
wptdb_list_themes()to display drop-down menu
Usage
- To preview any theme, simply add a variable “themedemo” to your site URL. For example:
myblog.com/?themedemo=the-theme-folder-name(Live in Action) - Alternatively, you can get the preview URL of all your themes at your Admin Panel > Settings > WP Theme Demo Bar
- To hide the demo bar on individual theme, simply add a variable “hidebar” to your site URL. For example:
myblog.com/?themedemo=mytheme&hidebar=1(Live in Action) - To load extra css, simply add a variable “extracss” to your site URL and seperate using comma. For example:
myblog.com/?themedemo=mytheme&extracss=blue,twocolumnthis loads blue.css and twocolumn.css from the theme’s directory
Documentations
- Understanding and Using Shortcode in WordPress Theme Demo Bar Plugin
- Using Template Tag Functions in WordPress Theme Demo Bar Plugin
Info & Links
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.