Andrei Surdu

<p>More than a theme switcher!</p>
<p>Demonstrator allows to build a list of demo sites with or without demo styles. It was initially intended to be used only by web developers, but now it’s possible to be used by everyone. Also you have the freedom to create an unlimited number on switchers, just because one bascket is not for all egs :).</p>
<h3>Features:</h3>
<ul>
<li>The possibility to manage an unlimited number of themes directly from an admin page.</li>
<li>The possibility to add an unlimited number of styles to each theme.</li>
<li>Setup your own logo.</li>
<li>Setup your own URL that will wrap the logo in a link.</li>
<li>Display the themes and styles in a grid from 1 to 4 columns.</li>
<li>Setup the usernames for Envato and CreativeMarket referal program.</li>
<li>Short “purchase URL”. The real purchase URL will be hidden in a local URL, so nobody will be able to access the purchase page without your referal ID.</li>
<li>The frame is not closed, but instead is collapsed on top. This actually is a bonus because the visitors never lose the purchase URL and the acces to other themes/styles.</li>
<li>Use the homepage and ignore the full site content, or setup a custom endpoint name.</li>
</ul>
<h3>How it works:</h3>
<p>You must create a switcher that will keep all demo sites. You can create more than one, but at least one is required. By default on first plugin installation a switcher is created, so you can focus on more important things. Go to “Demonstrator” page from admin side to add or edit a switcher.</p>
<p>After the switcher is created, you can access it from a subpage under “Demonstrator” menu item.</p>
<p>There complete all fields and save.</p>
<p>Now you can access the switcher using “http://yoursiteadress.com/{switcher_id}”. Where {switcher_id} is the ID used when the switcher was created.</p>
<h3>Live example:</h3>
<p>Here are some links that will show the plugin in action. The switcher ID in this case is <code>tf</code>.</p>
<ul>
<li><strong>Switcher base url:</strong>    http://themes.market/tf/</li>
<li><strong>Single site URL:</strong>      http://themes.market/tf/gustoswp</li>
<li><strong>Shorten purchase URL:</strong> http://themes.market/?buy=tf:gustoswp</li>
</ul>
<p><em>More demos coming soon.</em></p>
<h3>Completed TODOs:</h3>
<ul>
<li>Make themes and styles sortable( in admin panel ).</li>
<li>Display the price and description.</li>
<li>Make a theme unlisted. This is usefull when you have to show the demo, but you don;t have the purchase URL yet. Example: You submitted for review and the theme should be visible only to reviewer, but not to other users. This will be possible only by using a direct link.</li>
<li>Do not allow to collapse the top bar and hide the dropdown(themes list) if no theme has been selected.</li>
<li>Hide “Purchase” button if a purchase URL is not available.</li>
<li>Private themes. Just like unlisted, but instead do not allow access to demo using direct link for user without administrative rights.</li>
<li>Do not hide the dropdown if no theme is selected.</li>
<li>Lazy-load images. We must wait for demo site from iframe to complete loading, not for images from top window.</li>
<li>Include a link to WP admin in top bar.</li>
<li>Pretty links.</li>
<li>Multiple switchers.</li>
</ul>
<h3>TODO:</h3>
<ul>
<li>Import, Export and Backup settings(with images/files). This requires a lot of work.</li>
<li>Add an option to specify the frame size(width&height) from admin panel. Then this will be available on frontend as dropdown.</li>
<li>Add an upload field to each style. This may be handy if you want to include the demo data.</li>
<li>Implement custom colors for each category. Currently this is hardcoded for <code>WordPress</code> and <code>HTML</code> categories only.</li>
<li>Make possible to change the text of all elements directly from admin panel.</li>
<li>Add the possibility to ignore the ‘purchase URL’ in favor to a ‘download URL’. Just in case if you want to provide free files.</li>
<li>Display an icon that will allow to preview the the theme outside the iframe. An alternative to <code>collapse</code>.</li>
<li>Lazy-load items. Right now are loaded all themes and styles regardless if they are needed or not. It’s needed to load to load each theme and style just when needed(probably using ajax). Ideas are welcome.</li>
<li>Add the possibility to customize the design of the switcher itself.</li>
<li>Add the possibility to activate google analytics.</li>
<li>Anonymous URL. Allow to open a link in switcher frame even if it not registered under a theme style. This may be usefull for other use cases.</li>
<li>Add an iframe loader, so it does not show up an incomplete site.</li>
<li>Style separators. Sometimes you may have too many demos that may need to be separated somehow. This one should allow to add sections of text that will serve as an intro to a styles set.</li>
</ul>
<h3>Support & Donate:</h3>
<p>Hi.<br />
I invested a considerable amount of time in this product. And I still have a lot of work to do on it. See the above ‘TODO’ list.<br />
Consider making a donation if you find this product useful. Don’t ignore this message. Your donation will make a difference.<br />
I would like to improve it as much as I can, but your support is needed.</p>
<p>Donate link: https://paypal.me/zerowp</p>
<h3>Issues tracker:</h3>
<p>Please report bugs on: https://github.com/ZeroWP/demonstrator/issues</p>


Demonstrator

Ram Ratan Maurya

Codestag

<p>StagTools powers your WordPress website with some regularly needed shortcodes including buttons, columns, alerts, font icons etc. It also includes several widgets and editor styles.</p>
<p><strong>Shortcodes:</strong></p>
<ul>
<li>Buttons ( optionally, with font icons )</li>
<li>Columns</li>
<li>Dropcaps</li>
<li>Tabs</li>
<li>Toggle</li>
<li>Font Icons by <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow ugc">Font Awesome</a></li>
<li>Google Maps with 5 predefined styles, and map types</li>
<li>Custom Sidebars Area ( requires <a href="https://wordpress.org/plugins/stag-custom-sidebars/" rel="ugc">Stag Custom Sidebars</a> plugin )</li>
<li>Image with CSS3 filters</li>
<li>Videos ( supports <a href="https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F" rel="nofollow ugc">oEmbeds</a> )</li>
</ul>
<p><strong>Widgets:</strong> Twitter, Dribbble, Flickr</p>
<p><strong>Custom Post Types:</strong> Portfolio, Slides, Team, Testimonials</p>
<h4>Get Involved</h4>
<p>If you are a developer, you can contribute to the source code on <a href="https://github.com/mauryaratan/stagtools" rel="nofollow ugc">StagTools Github Repository</a></p>
<p><em>Checkout our finely tuned WordPress themes over at <a href="https://codestag.com?ref=WordPress" rel="nofollow ugc">Codestag</a>.</em></p>


StagTools

StagTools is a powerful plugin to extend functionality to your WordPress themes offering shortcodes, FontAwesome icons and useful widgets.

Demonstrator vs StagTools