WordPress Theme Demo Bar

1. 

   A live Demo Bar

2. 

   Settings Page

3. 

   Add output to post/page easily using media button

I am getting permission/priviledge error when I edit other theme’s option

I don’t have this problem, I guess most people do not have this problem too. So I can’t fix this problem. Please send me your wordpress version, server configuration (apache or IIS) and other related information.

The Demo Bar is not showing

The theme you were previewing must be a complete theme, i.e. must have “wp_head();” and “wp_footer();” in header.php and footer.php respectively. If they were missing, you can add them yourself. Open header.php, add <?php wp_head(); ?> before </head>. Open footer.php, add <?php wp_footer(); ?> before </body>.

How to preview a theme?

Add a variable ‘themedemo’ to your url. For example: http://zenverse.net/?themedemo=monoshade

How to load extra CSS files?

Add a variable ‘extracss’ to your url. For example: http://myblog.com/?themedemo=my-theme-folder-name&extracss=blue,design2
The example above loads ‘…/wp-content/themes/my-theme-folder-name/blue.css’ and ‘…/wp-content/themes/my-theme-folder-name/design2.css’
You need to include ‘themedemo’ in the URL to load extra CSS files and the CSS file must be at the same directory of style.css
Seperate the filename using comma.

How to load extra CSS files located in inner folder?

For example: http://myblog.com/?themedemo=my-theme-folder-name&extracss=css/blue
The example above loads ‘…/wp-content/themes/my-theme-folder-name/css/blue.css’

How to hide the demo bar?

Disable it at Plugin Options or add a variable ‘hidebar’ to your url. For example: http://zenverse.net/?themedemo=monoshade&hidebar=1

What is Persistent preview?

This feature allows visitor to view the demo of a theme in any page (single post, category, page, etc.) beside just blog index.
If activated, it automatically add variables ‘themedemo’ & ‘exracss’ to all internal URLs.

Persistent preview is not working

Most likely you have a variable ‘hidebar’ in the URL or you have disabled the demo bar. As long as the demo bar is hidden, persistent preview feature is off. We need to do that so that visitor can “escape” from the preview state if they want to (by closing the demo bar).

Conflicts with other plugins

Mostly it won’t happen. If it does, first turn off javascript tooltip at plugin option page and see if it helps. We have 1 user reported a conflict when using another plugin along with the tooltip. You can also try turning off persistent preview.

1.6.3

• Fixed a PHP Notice: Undefined index: themedemo in plugins\wordpress-theme-demo-bar\wp_theme_demo_bar.php on line 21

1.6.2

• Use dirname(FILE) in all include and require functions
• Cleaned up the codes in edit-theme-options (editing other’s theme option page)

1.6.1

• Fixed error when use together with the new wordpress admin bar

1.6

• Fixed the wrong screenshot image URL causes screenshot not being displayed under All Themes & Stats menu.

1.5.7

• Some part of the codes now uses “get_option(‘home’)” to fix a problem for installations that the actual wordpress folder is in another directory

1.5.6

• Fixed IE conditional tags that failed in xHTML validation

1.5.5

• Fixed wrong number of previews for themes with invalid cookie characters when using shortcode

1.5.4

• Fixed wrong removal of padding-top or padding-bottom from body element when user closes the demo bar

1.5.3

• Now all scripts are wrapped using CDATA tags so that your pages can pass xHTML validation
• Padding-top or padding-bottom now given to html element instead of body element

1.5.2

• Quick fix – Fixed persistent preview feature in child theme

1.5.1

• In MSIE, the demo bar’s width will be auto-resize to 100% width on window resize
• Fixed the “Demo Bar has fixed position” feature in MSIE
• If you have single quote(s) in your theme’s name, it won’t break the demo bar anymore
• Now you can make demo bar stay at bottom easily with no extra css
• top:0px removed from #wpthemedemobar in default.css
• Edited qtip.js to show tooltip above mouse if demo bar’s position is at bottom
• Fixed some part that breaks when single or double quotes were used (eg: custom output format)

1.5

• Now you can edit other theme’s options (functions.php) without activating it
• Better and nicer content under “All Themes & Stats” menu at plugin option page
• Thickbox support for theme preview at plugin option page
• Added 3 buttons under “Plugin Support & Extra” menu for you to reset or delete options in bulk
• Template Tag functions now accept arguments in array form
• You can now sort the themes in the “Select Theme” drop-down menu
• You can now show parent-child relationship in the “Select Theme” drop-down menu
• Widget available to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)
• New Template Tag function : wptdb_list_themes added
• Fixed a small javascript error since version 1.1.x
• Created folders ‘css’, ‘js’ and ‘upgrades’
• Persistent preview now avoid replacing links start with anchor #

1.4

• Shortcode [demobar] added for you to output theme data (number of previews and more) in blog post / page
• Template tag function : wptdb_output added
• Added “height of demo bar” in “Look and Feel”
• Now we use tooltip to show descriptions at plugin option page

1.3.2

• Persistent preview now avoid replacing special links such as: themedemo= , /wp-admin , wp-login.php , etc.
• Replaces blank space with ‘+’ in all preview URL under “Statistics and Links” menu

1.3.1

• Allows user to turn off javascript tooltip (if it conflicts with some other plugins)

1.3

• Support child themes
• Fixed a small javascript bug
• Cleaned up the plugin option page
• Added “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar
• Added tooltip script
• Added CSS and external js files for option page
• Created a folder ‘images’

1.2.1

• Fixed a very small PHP error

1.2

• Demo bar can be hide using ‘hidebar’ variable in URL
• Extra CSS files can be loaded using ‘extracss’ variable in URL
• Persistent Preview can be disabled now
• Added feature : Always On Top
• Cleaned up the plugin option page
• You can now edit the look & feel of demo bar using CSS

1.1.2

• Fixed a javascript error of version 1.1.1

1.1

• Added the missing javascript function that closes the demo bar
• Added “Persistent preview” feature – 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)

1.0

First version of WordPress Theme Demo Bar