Kybernetik Services

WP Cool Tools

<p>Whether you are a plugin developer or you want to show a list of several plugins. List Plugin Details retrieves details from wordpress.org like downloads, rating and number of reviews and shows them in cards. You will find a huge number of settings to transform the list into your list.<br />
Add a shortcode on the page you want and enjoy the plugin list.</p>
<p>IMPORTANT NOTE: List Plugin Details is just providing the technical structure to show the retrieved details on your website. This plugin does not come with any style. So, it is important for you to add your own classes and/or to write some CSS to show your individual list. You have also the possibility to modify the showcase template and transform it to your needs.</p>
<h3>Demo</h3>
<p>If you want to see first how List Plugin Details works, please check out our own <a href="https://www.kybernetik-services.com/plugins/free/?utm_source=wordpress_org&utm_medium=plugin&utm_campaign=list-plugin-details&utm_content=demo" rel="nofollow ugc">demo page</a>.</p>
<p>Or, try it out on your free dummy site and <a href="https://demo.tastewp.com/list-plugin-details" rel="nofollow ugc">click here</a>.</p>
<h3>Known issues</h3>
<ul>
<li>Depending on the number of plugins you want to get the details from, it takes a second to retrieve and show the results. Not sure if this is an issue, but it can definitely be improved in the future.</li>
</ul>


List Plugin Details

This tiny plugin lists selected plugin details which are provided on wordpress.org. It allows you to show a showcase of your developed or your preferr …

Jeremy Felt

Happy Prime

slocker

philcable

<p>Show / Hide Section Block provides four blocks that are used to display a group of <code><details></code> elements that each contain a <code><summary></code> and an arbitrary number of additional blocks.</p>
<ul>
<li>The Show Hide Group block is a wrapping <code><div></code>.</li>
<li>The Show Hide Section block is a wrapping <code><details></code>. One or more of these blocks is added to a Show Hide Group block.</li>
<li>The Show Hide Summary block contains the content for a <code><summary></code> tag. One of these blocks is inside each Show Hide Section block.</li>
<li>The Show Hide Details block contains arbitrary content. One of these blocks is added inside each Show Hide Section block.</li>
</ul>
<p>The HTML output for an individual section is:</p>
<pre><code>
<details class="wp-block-happyprime-show-hide-section">
    
    <summary class="wp-block-happyprime-show-hide-summary">Summary text</summary>
    
</details>
</code></pre>
<p>The HTML output for the group is:</p>
<pre><code><div class="wp-block-happyprime-show-hide-group">
    
    <button class="toggle-all" aria-expanded="false">Open all</button>
    <details class="wp-block-happyprime-show-hide-section">
        <summary class="wp-block-happyprime-show-hide-summary"></summary>
        
    </details>
    <details class="wp-block-happyprime-show-hide-section">
        <summary class="wp-block-happyprime-show-hide-summary"></summary>
        
    </details>
    
</div>
</code></pre>
<p>An option is provided in the block’s side panel to toggle an “Open all”/”Close all” button. If this is toggled on for a block, an additional <code><button></code> element will be inserted and JavaScript will be used on the front-end to control the show/hide behavior of all <code><details></code> elements in the group at once.</p>
<p>If the toggle is off, no JavaScript is loaded on the front end and only the browser’s default behavior is used for opening and closing <code><details></code> elements.</p>

Show / Hide Section Block

Display an accessible show/hide interface with details and summary elements.

List Plugin Details vs Show / Hide Section Block