ArielK

Yakir Sitbon

pojo.me

<p><strong>Please Note:</strong> This plugin is only for <a href="http://pojo.me/?utm_source=wp-repo&utm_medium=link&utm_campaign=device-widget" rel="nofollow ugc">Pojo Framework</a> users – Pojo is a premium themes.</p>
<p>If you have a responsive website, Pojo Device Widget plugin is created especially for you. If you wanted to display a widget for: Desktop, tablet or mobile device (Phone), you can do it easily and simply using the selection box at the bottom of each widget.<br />
Pojo Device Widget plugin will save you time encode and write code, and leave you with a clean Sidebar area. The plugin only adds CSS settings by Media Query screen:</p>
<ul>
<li><strong>Desktop</strong> – 980px and up</li>
<li><strong>Tablet</strong> – 979px to 768px</li>
<li><strong>Phone</strong> (Mobile) – 767px and below</li>
</ul>
<p>By default plugin defines all the current widget “Show on all devices”, so all the widgets are always displayed. You can check the effective plugin By: Reducing / Expanding your browser window.</p>
<p><strong>Contributions:</strong></p>
<p>Would you like to like to cotribute to Device Widget? You are more than welcome to submit your pull requests on the <a href="https://github.com/KingYes/wordpress-aryo-device-widget" rel="nofollow ugc">GitHub repo</a>. Also, if you have any notes about the code, please open a ticket on ths issue tracker.</p>


Pojo Device Widget

Allows to easily control the display of widgets by the specific device: Desktop, Tablet or Mobile on your WordPress site with Pojo Framework.

Lester Chan

<p>By default the content is hidden and user will have to click on the “Show Content” link to toggle it. Similar to what Engadget is doing for their press releases. Example usage: <code>[showhide type="pressrelease"]Press Release goes in here.[/showhide]</code></p>
<h3>Usage</h3>
<ol>
<li>By default, content within the showhide shortcode will be hidden.</li>
<li>Example: <code>[showhide]Press release content goes in here.[/showhide]</code></li>
<li>
<p>Default Values: <code>[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]</code></p>
</li>
<li>
<p>You can have multiple showhide content within a post or a page, just by having a new type.</p>
</li>
<li>
<p>Example: <code>[showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s Less Words)"]Links will go in here.[/showhide]</code></p>
</li>
<li>
<p>If you want to set the default visibility to display.</p>
</li>
<li>
<p>Example: <code>[showhide hidden="no"]Press release content goes in here.[/showhide]</code></p>
</li>
<li>
<p>You can style the content via CSS that is generated by the plugin. Here is a sample of the generated HTML. Note that pressrelease is the default type.</p>
</li>
</ol>
<pre><code><div id="pressrelease-link-1" class="sh-link pressrelease-link sh-hide">  
  <a href="#">  
    <span id="pressrelease-toggle-1">Show Press Release (4 More Words)</span>  
  </a>  
</div>  
<div id="pressrelease-content-1" class="sh-content pressrelease-content sh-hide" style="display: none;">Content</div>
</code></pre>
<ol>
<li>With the example above, here are the following styles you can use in your CSS:</li>
</ol>
<pre><code>.sh-link A { }  
.sh-content { }  
.pressrelease-link { }  
.pressrelease-link.sh-hide A { }  
.pressrelease-link.sh-show A { }  
.pressrelease-content { }  
.pressrelease-content.sh-hide { }  
.pressrelease-content.sh-show { }
</code></pre>
<h3>Development</h3>
<p><a href="https://github.com/lesterchan/wp-showhide" title="https://github.com/lesterchan/wp-showhide" rel="nofollow ugc">https://github.com/lesterchan/wp-showhide</a></p>
<h3>Translations</h3>
<p><a href="http://dev.wp-plugins.org/browser/wp-showhide/i18n/" title="http://dev.wp-plugins.org/browser/wp-showhide/i18n/" rel="nofollow ugc">http://dev.wp-plugins.org/browser/wp-showhide/i18n/</a></p>
<h3>Credits</h3>
<ul>
<li>Plugin icon by <a href="http://www.freepik.com" rel="nofollow ugc">Freepik</a> from <a href="http://www.flaticon.com" rel="nofollow ugc">Flaticon</a></li>
</ul>
<h3>Donations</h3>
<p>I spent most of my free time creating, updating, maintaining and supporting these plugins, if you really love my plugins and could spare me a couple of bucks, I will really appreciate it. If not feel free to use it without any obligations.</p>


WP-ShowHide


Shows and hides text just like it says it does! Thank you!


Works great with WP 6.8.1

Allows you to embed content within your blog post via WordPress ShortCode API and toggling the visibility of the content via a link.

Pojo Device Widget vs WP-ShowHide