teastudio.pl

Cool Cat Ideas

<p><strong>Categories All In One</strong> is a powerful and flexible WordPress plugin that lets you display a customizable list of categories anywhere on your site.<br />
Choose your taxonomy, control the layout and style, set depth levels, and sort your content exactly how you need it – including manual drag-and-drop ordering of categories for full control over the display sequence.</p>
<p>For more information, check out <a href="https://teastudio.pl/product/categories-all-in-one/" rel="nofollow ugc">PLUGIN HOMEPAGE</a>.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li>Supports any category cointains ‘category’ string in name </li>
<li>Legacy widget</li>
<li>Gutenberg block</li>
<li>Shortcode <code>[categories_all_in_one ...]</code> for embedding the categories anywhere  </li>
<li>Configure list style, counter brackets, sorting with drag & drop, depth and classes  </li>
</ul>
<p><strong>Watch the demo video</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/N_OcJBvvecU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><strong>Shortcode explanation:</strong></p>
<pre><code>[categories_all_in_one list="bullet" separator="" hide_empty="false" show_count="true" counter_brackets="round" orderby="name" order="asc" custom_class="" post="false" parent_category="" max_depth="0" block_custom_class="" taxonomy="category" exclude=""]
</code></pre>
<p><strong>Params:</strong><br />
lang:   optional language code, ‘en’<br />
post:   optional proper post ID, “”<br />
taxonomy:   proper taxonomies, separated by commas<br />
parent_category:    proper category ID, “”<br />
orderby: name, count<br />
order: asc, desc, rand<br />
max_depth: 0, 1…n<br />
hide_empty: true, false<br />
exclude:    category ID separated by commas, “”<br />
include:    category ID separated by commas, “”<br />
list: bullet, numbered, “”<br />
show_count: true, false<br />
counter_brackets: round, curly, square, angle, “”<br />
show_description: true, false<br />
description_length: 0, 1…n<br />
description_link: true, false<br />
separator: “”<br />
custom_class: “”<br />
block_custom_class: “”</p>
<p><strong>Example of use:</strong><br />
    [categories_all_in_one exclude=”” lang=”en” post=”false” parent_category=”” orderby=”name” order=”asc” max_depth=”0″ hide_empty=”false” list=”bullet” show_count=”true” counter_brackets=”round” show_description=”true” description_length=”100″ description_link=”true” separator=”” custom_class=”” block_custom_class=”” taxonomy=”category”]</p>
<h4>DEMO</h4>
<p>You can see the plugin in action on <a href="https://coolcatideas.com/blog/" rel="nofollow ugc">DEMO PAGE</a></p>
<h3>Translations</h3>
<ul>
<li>English (en_EN) – by Marcin Gierada</li>
<li>Polish (pl_PL) – by Marcin Gierada</li>
</ul>
<h3>Building the Plugin in Development Mode</h3>
<p>The source code for the plugin is available at: <a href="https://gitlab.com/cool-cat-ideas/categories-all-in-one#" rel="nofollow ugc">GitLab Repository</a>. We encourage developers to contribute, fork, and improve the plugin.<br />
To build the plugin in development mode, follow these steps:</p>
<h3>1. Install Dependencies</h3>
<p>Run the following command to install npm dependencies:<br />
    npm install</p>
<h3>2. Build Gutenberg Block</h3>
<p>To build only the Gutenberg block, use:<br />
    npm run build-gutenberg</p>
<p>This will compile the block’s JavaScript and place it in the <code>js/block/</code> folder.</p>
<h3>3. Build Full Plugin</h3>
<p>To build the entire plugin, including the Gutenberg block and other files, use:<br />
    npm run build<br />
This will generate the plugin package in the <code>dist/</code> folder.</p>


Categories All In One

Display customizable category list from selected taxonomies with various sorting and styling options.

Miguel Useche

<p>This plugin provides a widget and a filter to display a collapsible archive list in your sidebar or posts using the JS JS library.</p>
<h4>Features</h4>
<ol>
<li>Support for Gutenberg blocks. Add it to any FSE theme or Gutenberg compatible theme.</li>
<li>Display a collapsed list of your archives to reduce space.</li>
<li>Uses vanilla JS to add effects and to be compatible with all browsers.</li>
<li>Select your expand/collapse symbol and date format.</li>
<li>Support for archive filters.</li>
<li>Auto expands current/select year from posts.</li>
<li>Select the categories to exclude</li>
<li>Multiple instances support.</li>
<li>Shortcode support  <em>[JsArchiveList]</em></li>
<li>Generates valid HTML code.</li>
<li>Supports multiple languages.</li>
<li>Compatible with most JS cache and minify plugins.</li>
<li>And more to come…</li>
</ol>
<h3>Configuration</h3>
<ul>
<li>Title: title of the widget.</li>
<li>Trigger Symbol:  characters to be displayed as bullet.</li>
<li>Effect: Effect to use.</li>
<li>Month Format:  month’s display format of the month.</li>
<li>Expand: when to expand the content of the list.</li>
<li>Hide years from before: older years will be hidden under a  link. To save space in the page on old sites.</li>
<li>Show days inside month list: group posts by day.</li>
<li>Show number of posts: display how many post are published in the year or in the month.</li>
<li>Show only posts from selected category: show only posts from the selected category when visiting a category page.</li>
<li>Only expand/reduce by clicking the symbol: select if animations start when click the link or just the bullet.</li>
<li>Only expand one at the same time: select if you want to have only one expanded at the same time.</li>
<li>Show posts under months:  show post’s title under months.</li>
<li>Show post date next to post title: show post’s date next to post title.</li>
<li>Sort posts by: select how to sort the posts under months.</li>
<li>Include or Exclude categories: Select the categories to include or exclude.</li>
</ul>


JS Archive List

Useful

A JS widget (can be used in posts) for displaying an archive list with some effects.

Categories All In One vs JS Archive List