<p>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.</p>
<p><strong>Whats New in Version 1.6.1</strong></p>
<ul>
<li>Fixed error when use together with the new wordpress admin bar</li>
</ul>
<p><strong>Whats New in Version 1.3 to 1.5</strong></p>
<ul>
<li>Support child themes</li>
<li>With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar. <a href="http://zenverse.net/?themedemo=monoshade" rel="nofollow ugc">(Live in Action)</a></li>
<li>You can now display theme info, such as number of previews or preview URL using shortcode <code>[demobar]</code></li>
<li>To make the process easier, you can use media button to add it (see screenshot : Media Button)</li>
<li>You can do that in template files too, using the newly added template tag function <code>wptdb_output()</code></li>
<li>Now you can edit other theme’s options (functions.php) without activating it</li>
<li>Widget to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)</li>
</ul>
<p><strong>Features</strong></p>
<ul>
<li>Preview any wordpress theme without activating it.</li>
<li>A demo bar will be shown on top of the page, allow users to preview another theme.</li>
<li>The demo bar can be deactivated.</li>
<li>You can hide your themes that are private.</li>
<li>You can load extra CSS files (more than one)</li>
<li>Demo Bar can be always on top now</li>
<li>You can cusmotise the look & feel of Demo Bar using CSS</li>
<li>Auto collection of popularity count (number of previews) of each theme.</li>
<li>Persistent preview, all internal links will be auto edited to keep the ?themedemo= variable.</li>
<li>Persistent preview can be turned off by the visitors by closing the demo bar (all links will then be reverted back automatically)</li>
<li><em>NEW</em> Support child themes</li>
<li><em>NEW</em> With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar</li>
<li><em>NEW</em> You can now display theme info, such as number of previews or preview URL using shortcode <code>[demobar]</code></li>
<li><em>NEW</em> To make the process easier, you can use media button to add it (see screenshot : Media Button)</li>
<li><em>NEW</em> You can do that in template files too, using the newly added template tag function <code>wptdb_output()</code></li>
<li><em>NEW</em> Now you can edit other theme’s options (functions.php) without activating it</li>
<li><em>NEW</em> Widget available to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)</li>
<li><em>NEW</em> New template tag function <code>wptdb_list_themes()</code> to display drop-down menu</li>
</ul>
<p><strong>Usage</strong></p>
<ul>
<li>To preview any theme, simply add a variable “themedemo” to your site URL. For example: <code>myblog.com/?themedemo=the-theme-folder-name</code> <a href="http://zenverse.net/?themedemo=monoshade" rel="nofollow ugc">(Live in Action)</a></li>
<li>Alternatively, you can get the preview URL of all your themes at your Admin Panel > Settings > WP Theme Demo Bar</li>
<li>To hide the demo bar on individual theme, simply add a variable “hidebar” to your site URL. For example: <code>myblog.com/?themedemo=mytheme&hidebar=1</code> <a href="http://zenverse.net/?themedemo=monoshade&hidebar=1" rel="nofollow ugc">(Live in Action)</a></li>
<li>To load extra css, simply add a variable “extracss” to your site URL and seperate using comma. For example: <code>myblog.com/?themedemo=mytheme&extracss=blue,twocolumn</code> this loads blue.css and twocolumn.css from the theme’s directory</li>
</ul>
<p><strong>Documentations</strong></p>
<ul>
<li><a href="http://zenverse.net/using-shortcode-in-wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Understanding and Using Shortcode in WordPress Theme Demo Bar Plugin</a></li>
<li><a href="http://zenverse.net/using-template-tag-function-in-wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Using Template Tag Functions in WordPress Theme Demo Bar Plugin</a></li>
</ul>
<p><strong>Info & Links</strong></p>
<p><a href="http://zenverse.net/wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Plugin Info</a> | <a href="http://zenverse.net/" rel="nofollow ugc">Plugin Author</a></p>


WordPress Theme Demo Bar

Wordpress Theme Demo Bar allows any wordpress theme to be previewed without activating it. A demo bar would be shown on top of page, allow users to pr …

softdiscover

<p><strong>Landera</strong> is a drag and drop page builder which makes you to design live any layout that you can imagine. Also it provides an advanced grid system and skin customizer that makes you to build professional layouts on your pages. Also it provides an administration section where site admins manage tons of page options. It’s really easy to customize and you don’t need programming skills.</p>
<p><iframe loading="lazy" title="Landera - WordPress Page Builder v1" width="750" height="422" src="https://www.youtube.com/embed/mS5kTzfpwIE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Features (Free Lite version):</h3>
<ul>
<li>drag and drop page builder </li>
<li>Front End and Back End mode</li>
<li>advanced grid system</li>
<li>Template included</li>
<li>real time design with custom styling</li>
<li>Customize Everything</li>
<li>Undo/Redo feature. you can rollback your changes</li>
<li>Duplication option for fields</li>
<li>Use WordPress editor to support rich text formatting, HTML and shortcodes</li>
<li>all fields included: Grid column (col 1, col 2, col 3, col 4, col 6, col 12), text editor, html editor, heading (H1,H2,H3,H4,H5,H6), and button</li>
<li>over 650 custom fonts with live preview</li>
<li>option to duplicate fields</li>
<li>option to duplicate fields</li>
<li>Multi Language support (Spanish, Italian, French, Russian, German, Portuguese, Chinese)</li>
<li>Fully responsive design </li>
<li>Cross Browser : ie8, ie9, ie10, chrome, firefox, safari, opera</li>
<li>toured guide option</li>
<li>Easily customize your pages, fields and tons of features</li>
<li>Extended HTML documentation.</li>
<li>Language Switcher</li>
</ul>
<blockquote>
<p><strong>Landera – Ultimate Page Builder Premium</strong><br />
  If you like Landera  Lite, you might want to give our premium offering a try. All features locked on express version are unlocked on premium version:</p>
<ol>
<li>Import and export feature for your posts or pages</li>
<li>Priority support and upgrades.</li>
<li>and many other great features</li>
</ol>
<p>Try out <a href="https://codecanyon.net/item/landera-wordpress-page-builder/19652454?ref=Softdiscover" rel="nofollow ugc">Landera  Premium</a></p>
</blockquote>
<p>More info in https://landera.softdiscover.com/</p>
<h3>Landera Page Builder Features</h3>
<h3>Intuitive Drag and Drop Interface</h3>
<p>Lightweight, easy to use interface that you and your clients will love. Creating pages and posts is easier than ever. No programming knowledge required!</p>
<h3>Easily Extendable</h3>
<p>Third party developers, please join the party! Create your own plugins for Landera Page Builder for your themes, or for sale here on CodeCanyon.</p>
<h3>Frontend Editor</h3>
<p>Enjoy a “What You See Is What You Get” page building experience with our amazing frontend editor. See how your content will look on the frontend, instantly, with no additional clicks or switches.</p>
<h3>Backend Editor</h3>
<p>Prefer to work on backend? No problem! Landera Page Builder still supports native content management on the backend, with all the important functions and options at your fingertips.</p>
<h3>Object Oriented Code</h3>
<p>Landera Page Builder uses the most advanced and most effective programming patterns, to get the best results for your site.</p>
<h3>Multilingual Ready</h3>
<p>.po and .mo files included, for easy translation.</p>
<h3>Template System and Library</h3>
<p>Copy or re-use existing pages, save pages or parts of pages as templates. Set default templates for your post types.</p>
<h3>Responsive Design</h3>
<p>Your content will look great on both desktop and mobile sites. Take full control over responsive design – define column size, offsets and display options. Instantly check out how your content is displayed.</p>
<h3>User Role Manager</h3>
<p>Control user group role access to the features and options of Landera Page Builder, including drag & drop, templates, and elements – manage WordPress default and custom roles.</p>
<h3>Custom Post Types Support</h3>
<p>Works with any post type… Yes, even custom post types!</p>
<h3>Lifetime Update – Free of Charge</h3>
<p>We offer automatic updates, free of charge. Stay up to date with Landera Page Builder and receive our latest releases and enhancements.</p>
<h3>Shortcode Mapper</h3>
<p>No more shortcode copy/paste. Add any third party shortcode to the list of  menu elements for re-use. Edit params, values and descriptions.</p>
<h3>Design Options</h3>
<p>Control how elements look with new Design Options. Set borders, margins, paddings, border radius and background with a few simple clicks. Use color panel and alpha to enhance your design. Create up to date design solutions with ease.</p>
<h3>Multi-language Support</h3>
<p>Landera Page Builder is compatible with qTranslate X, Polylang and powerful WPML. Build multi-language websites with Landera Page Builder.</p>
<h3>SEO Friendly</h3>
<p>Landera Page Builder is fully compatible with most popular SEO plugins by Yoast. Make sure your page is getting the attention it deserves!</p>
<h3>Advanced Grid Builder</h3>
<p>Landera Page Builder has many predefined grid templates for displaying posts, pages, custom post types and media, in grid or masonry grid. Don’t like predefined templates? Create your own grid element using Grid Builder.</p>
<h3>Full Width and Height Rows</h3>
<p>Create full width and height rows with smart stretching options. Control stretching params – stretch just the background, or background with content. Control element placement – in the middle or on top. Build sections in seconds.</p>
<h3>Image Filters</h3>
<p>Transform your images by applying unique professional image filters to any image from your Media Library. Align your image style in every Landera Page Builder image-powered element – and even featured images – by choosing filters from 20+ available presets.</p>
<h3>My Elements (Element Presets)</h3>
<p>A simple Landera Page Builder template tool for content elements. Save content element as My Element presets with your own param settings and access new elements from Add Element window.</p>
<h3>Column Height, Gaps and Position</h3>
<p>Control height of your columns by applying equal height option. Set gaps between columns or merge them together with one click. Control position of columns and content within columns with vertical alignment.</p>
<h3>Advanced Custom Fields Support</h3>
<p>Landera Page Builder is fully compatible with Advanced Custom Fields (ACF) plugin allowing you to combine power of both plugins to manage and display custom fields on your WordPress website.</p>
<h3>Icon Sets and Social Icons</h3>
<p>Add icons from most popular icons libraries like ‘Font Awesome’ with one click only. Add social icons to your WordPress website with icon libraries and specify links.</p>
<h3>Custom Types Ready</h3>
<p>Create sites with Landera Page Builder and Toolset plugin based on custom post types with ease. No PHP skills required!</p>
<h3>Undo/Redo</h3>
<p>Go back and forth with any action performed at Landera Page Builder. Save time and never lose your changes.</p>
<h3>No Coding</h3>
<p>Reach high-end designs, without coding. The resulting page code is compact & optimized for every device</p>
<h3>Inline Editing</h3>
<p>Type straight on screen, using the inline editing feature. This makes writing blog posts and other content an easy and intuitive process</p>
<h3>Template Library</h3>
<p>Choose from over 300 beautifully crafted templates, designed to fit every industry and need</p>
<h3>Mobile Editing</h3>
<p>Switch to mobile view, and tweak every element to make it look perfect on any device</p>
<h3>Translation Ready</h3>
<p>Landera has been translated to over 23 different languages, and the list of translated languages is growing</p>
<h3>Header and Footer</h3>
<p>Customize the header and footer areas of your site visually, without any code</p>
<h3>Archive Page</h3>
<p>Design your entire blog in Landera, or designate different templates to different areas of your blog</p>
<h3>Single Post</h3>
<p>Create your blog post template, and attribute it across your site or to any category, page or taxonomy</p>
<h3>404 Page</h3>
<p>Direct your visitors to custom make 404 pages that can be built entirely inside Landera</p>
<h3>Dynamic Content</h3>
<p>By using dynamic widgets, building dynamic pages is just as easy as building static ones</p>
<h3>Display Conditions</h3>
<p>Decide exactly where your global templates appear across your site</p>
<h3>Theme Elements</h3>
<p>Use the Theme Elements widgets that provides the dynamic placeholder for content that comes later from your website</p>
<h3>Search Results Page</h3>
<p>Customize your search results page, and improve the experience your users get while searching your site</p>
<h3>Revision History</h3>
<p>With Revision History, your entire page creation process is saves and can be easily re-traced</p>
<h3>Auto Save</h3>
<p>Your work is always saved and backed up automatically. No need to click save</p>
<h3>Redo Undo</h3>
<p>Make a mistake? Quickly undo it with a simple CTRL / CMD Z</p>
<h3>Hotkeys</h3>
<p>Hotkeys are keyboard shortcuts that save you time when performing various actions</p>
<h3>Global Colors & Typography</h3>
<p>Set the global colors and typography to have them effect the style of your entire site</p>
<h3>Custom Color Picker</h3>
<p>Customize the colors that appear in your color pickers throughout Landera</p>
<h3>Draft Mode</h3>
<p>Published a page and want to continue working on it? No problem, simply save it as draft</p>
<h3>Global Widget</h3>
<p>Save your favorite widget settings and reuse the widget on any page with a simple drag and drop</p>
<h3>Easy to customize</h3>
<p>Play with the font family, size, weight, transform, style, decoration, line-Height and letter spacing</p>
<h3>Google Fonts</h3>
<p>Choose from hundreds of Google fonts available in every widget with text</p>
<h3>Custom Fonts</h3>
<p>Add your own custom and Typekit fonts and use them throughout your projects</p>
<h3>TypeKit Integration</h3>
<p>Add your own custom and Typekit fonts and use them throughout your projects</p>
<h3>Text Shadow</h3>
<p>Emphasize your content by adding a text shadow effect to any widget with text</p>
<h3>Title HTML Tag</h3>
<p>Setting the right HTML tag for the title (H1 or otherwise) is important in terms of SEO</p>
<h3>Font size: PX, EM, REM</h3>
<p>Set whether your typography is scaled using PX, EM or REM, for better responsive design</p>
<h3>Drop Cap</h3>
<p>Make the first letter of your blog post larger, to create a stylish and distinguished look</p>
<h3>Section Width</h3>
<p>Go beyond the oversimplified and generic page designs, by having more control over the various sections</p>
<h3>Section Height</h3>
<p>Go beyond the oversimplified and generic page designs, by having more control over the various sections</p>
<h3>Nested Columns</h3>
<p>Create advanced layouts by nesting columns inside a given column. This creates a sort of inner section crucial for certain designs</p>
<h3>Column Gap</h3>
<p>Change the gaps between columns in order to let your design breathe</p>
<h3>Column Width</h3>
<p>Enter a specific column width, or visually scale the width by dragging the edge of the column</p>
<h3>Content Position</h3>
<p>Position your column and content, and stretch the column to the full height of the section</p>
<h3>Full Width</h3>
<p>Easily create full width pages no matter which theme you are using, with the strech section feature</p>
<h3>Margin & Padding</h3>
<p>Set the padding & margin for sections, columns and widgets</p>
<h3>Background Gradients</h3>
<p>With Landera, it’s easy to add background gradient colors to any WordPress page or post</p>
<h3>Background Overlay</h3>
<p>Add another layer of color, gradient or image above your background</p>
<h3>Shape Divider</h3>
<p>Add interesting shapes that separate the sections of your page in many ways</p>
<h3>Box Shadow</h3>
<p>Set custom made box shadows visually, without having to deal with CSS</p>
<h3>100% Responsive</h3>
<p>Use Landera’s extensive mobile editing tools to create a website that is truly 100% responsive</p>
<h3>Mobile Font Size</h3>
<p>With this feature, you can change the font size per device</p>
<h3>Responsive Column Width</h3>
<p>Choose a different column layout for mobile by changing the column width</p>
<h3>Padding and Margin</h3>
<p>This feature is used to make a different padding or margin size per device</p>
<h3>Reverse Columns</h3>
<p>This feature reverses the ordering of columns, so when you go to mobile the last column will appear on top</p>
<h3>Responsive Sizing</h3>
<p>Choose between PX EM % and VH for sizing inside Landera</p>
<h3>Tags</h3>
<p>accelerated mobile pages, page builder, landing page, front-end builder, drag and drop editor, wordpress page builder, free visual composer, drag and drop page builder, visual builder, visual editor, webpage builder, webpage editor, page builder wordpress, wysiwyg, drag-and-drop, website builder, landing page builder, layout builder, multi-column, site-builder, site builder, page-builder, website-builder, custom pages, drag and drop builder, BackEnd builder, BackEnd editor, FrontEnd builder, FrontEnd editor, home page builder, live editor, page builder plugin, Page Layout, Template Builder, wysiwyg editor, theme builder, layout builder plugin, page editor, create landing pages, creating landing pages, landing pages, drag-n-drop page builder, front-end page builder, homepage builder, wysiwyg builder</p>


Landera – Ultimate Page Builder

Landera is a drag and drop page builder which makes you to design live any layout that you can imagine.

WordPress Theme Demo Bar vs Landera – Ultimate Page Builder