robfelty

<p>Collapsing Categories creates an expandable list of categories and<br />
subcategories. It can also expand to show posts. The primary usage is as a<br />
widget, but you can also use the code in your theme manually if you wish (see<br />
installation instructions)</p>
<h3>Options</h3>
<p>Options can be set<br />
from the block panel. If you wish to insert the code into your theme manually<br />
instead of using a widget, you can use the following options. These options<br />
can be given to the <code>collapsCat()</code> function either as an array or in query<br />
style, in the same manner as the <code>wp_list_categories</code> function.</p>
<pre><code>$defaults=array(
   'showPostCount' => true,
   'inExclude' => 'exclude',
   'inExcludeCats' => '',
   'showPosts' => true, 
   'showPages' => false,
   'linkToCat' => true,
   'olderThan' => 0,
   'excludeAll' => '0',
   'catSortOrder' => 'ASC',
   'catSort' => 'catName',
   'postSortOrder' => 'ASC',
   'postSort' => 'postTitle',
   'expand' => '0',
   'defaultExpand' => '',
   'postTitleLength' => 0,
   'accordion' => 0,
   'catfeed' => 'none',
   'taxonomy' => 'category',
   'showPostDate' => false,
   'postDateAppend' => 'after',
   'postDateFormat' => 'm/d',
   'useCookies' => true,
   'showTopLevel' => true,
   'postsBeforeCats' => false,
   'expandCatPost' => true,
   'debug'=>'0'
);
</code></pre>
<ul>
<li>inExclude
<ul>
<li>Whether to include or exclude certain categories
<ul>
<li>‘exclude’ (default) </li>
<li>‘include’</li>
</ul>
</li>
</ul>
</li>
<li>inExcludeCats
<ul>
<li>The categories which should be included or excluded</li>
</ul>
</li>
<li>showPages
<ul>
<li>Whether or not to include pages as well as posts. Default if false</li>
</ul>
</li>
<li>linkToCat
<ul>
<li>1 (true), clicking on a category title will link to the category archive (default)</li>
<li>0 (false), clicking on a category title expands and collapses </li>
</ul>
</li>
<li>catSort
<ul>
<li>How to sort the categorys. Possible values:
<ul>
<li>‘catName’ the title of the category (default)</li>
<li>‘catId’ the Id of the category</li>
<li>‘catSlug’ the url of the category</li>
<li>‘catCount’ the number of posts in the category</li>
<li>‘catOrder’ custom order specified in the categorys settings</li>
</ul>
</li>
</ul>
</li>
<li>catSortOrder
<ul>
<li>Whether categories should be sorted in normal or reverse<br />
order. Possible values:</p>
<ul>
<li>‘ASC’ normal order (a-z 0-9) (default)</li>
<li>‘DESC’ reverse order (z-a 9-0)  </li>
</ul>
</li>
</ul>
</li>
<li>postSort
<ul>
<li>How to sort the posts. Possible values:
<ul>
<li>‘postDate’ the date of the post (default)</li>
<li>‘postId’ the Id of the post</li>
<li>‘postTitle’ the title of the post</li>
<li>‘postComment’ the number of comments on the post</li>
<li>‘postOrder’ sort by menu order</li>
</ul>
</li>
</ul>
</li>
<li>postSortOrder
<ul>
<li>Whether post should be sorted in normal or reverse<br />
order. Possible values:</p>
<ul>
<li>‘ASC’ normal order (a-z 0-9) (default)</li>
<li>‘DESC’ reverse order (z-a 9-0)  </li>
</ul>
</li>
</ul>
</li>
<li>expand
<ul>
<li>The symbols to be used to mark expanding and collapsing. Possible values:
<ul>
<li>‘0’ Triangles (default)</li>
<li>‘1’ + –</li>
<li>‘2’ [+] [-]</li>
<li>‘3’ images (you can upload your own if you wish)</li>
<li>‘4’ custom symbols</li>
</ul>
</li>
</ul>
</li>
<li>customExpand
<ul>
<li>If you have selected ‘4’ for the expand option, this character will be<br />
used to mark expandable link categories</li>
</ul>
</li>
<li>customCollapse
<ul>
<li>If you have selected ‘4’ for the expand option, this character will be<br />
used to mark collapsible link categories</li>
</ul>
</li>
<li>postTitleLength
<ul>
<li>Truncate post titles to this number of characters (default: 0 = don’t<br />
truncate)</li>
</ul>
</li>
<li>accordion
<ul>
<li>When set to true, expanding one category closes all others at that level</li>
</ul>
</li>
<li>catfeed
<ul>
<li>Whether to add a link to the rss feed for a category. Possible values:
<ul>
<li>‘none’ (default)</li>
<li>‘text’ shows RSS</li>
<li>‘image’ shows an RSS icon</li>
</ul>
</li>
</ul>
</li>
<li>taxonomy
<ul>
<li>Type of taxonmy to display. Possible values:
<ul>
<li>‘category’ (default)</li>
<li>‘link_category’</li>
<li>‘post_tag’</li>
<li>‘both’ (categories and tags)</li>
<li>any other registered taxononmy (e.g. recipe press uses recipe-categories)</li>
</ul>
</li>
</ul>
</li>
<li>showPostDate
<ul>
<li>When true, show the date of each post</li>
</ul>
</li>
<li>postDateAppend
<ul>
<li>Show the date before or after the post title. Possible values:
<ul>
<li>‘after’ (default)</li>
<li>‘before’</li>
</ul>
</li>
</ul>
</li>
<li>postDateFormat
<ul>
<li>What format the post date is in. This uses the standard php date<br />
formatting codes</li>
</ul>
</li>
<li>useCookies
<ul>
<li>When true, expanding and collapsing of categories is remembered for each<br />
visitor. When false, categories are always display collapsed (unless<br />
explicitly set to auto-expand). Possible values:</p>
<ul>
<li>1 (true) (default)</li>
<li>0 (false)</li>
</ul>
</li>
</ul>
</li>
<li>showTopLevel
<ul>
<li>When set to false, the top level category will not be shown. This could<br />
be useful if you only want to show subcategories from one particular<br />
top-level category</p>
<ul>
<li>1 (true) (default)</li>
<li>0 (false)</li>
</ul>
</li>
</ul>
</li>
<li>postsBeforeCats
<ul>
<li>When set to true, posts in category X will be ordered before<br />
subcategories of category X</p>
<ul>
<li>1 (true)</li>
<li>0 (false) (default)</li>
</ul>
</li>
</ul>
</li>
<li>expandCatPost
<ul>
<li>When set to true, any category to which a post is assigned will<br />
automatically be expanded on a single post page.</p>
<ul>
<li>1 (true) (default)</li>
<li>0 (false)</li>
</ul>
</li>
</ul>
</li>
<li>showEmptyCat
<ul>
<li>When set to true, empty categories are shown
<ul>
<li>0 (false) (default)</li>
<li>1 (true) </li>
</ul>
</li>
</ul>
</li>
<li>debug
<ul>
<li>When set to true, extra debugging information will be displayed in the<br />
underlying code of your page (but not visible from the browser). Use<br />
this option if you are having problems</li>
</ul>
</li>
</ul>
<h4>Examples</h4>
<pre><code>collapsCat('catSort=ASC&expand=3&inExcludeCats=general,uncategorized')
</code></pre>
<p>This will produce a list with:<br />
* categories shown in alphabetical order<br />
* using images to mark collapsing and expanding<br />
* exclude posts from  the categories general and uncategorized</p>
<pre><code>`
</code></pre>
<p><?php<br />
                    echo '</p>
<ul>‘ . “\n”;<br />
                    if (function_exists(‘collapsCat’)) {<br />
                      collapsCat(array(<br />
                            ‘postSort’ => ‘postDate’,<br />
                            ‘postSortOrder’ => ‘DESC’,<br />
                        ) );<br />
                    } else {<br />
                      wp_get_categories(‘your_options_here’);<br />
                    }<br />
                    echo “</ul>
<p>\n”;<br />
                    ?><br />
    `</p>
<h3>Demo</h3>
<p>I use this plugin in my blog at http://robfelty.com</p>
<h3>CAVEAT</h3>
<p>Currently this plugin relies on Javascript to expand and collapse the links.<br />
If a user’s browser doesn’t support javascript they won’t see the links to the<br />
posts, but the links to the categories will still work (which is the default<br />
behavior in wordpress anyways)</p>


Collapsing Categories


	doesn't work with WP 4.9.1
	the code is terrible: it adds a big, ugly javascript in page with the widget html content. Never seen such an horror before.


Amateur work, avoid it.

doesn't work, bad coding

Adds a widget which uses Javascript to dynamically expand or collapse the set of posts for each category.

Daniel Floeter

Mark-k

Mrinal Roy

<p>Category Posts Widget is a light widget designed to do one thing and do it well: display the most recent posts from a certain category.</p>
<h4>Term and Category based Posts Widget</h4>
<p>A premium version of that free widget available at <a href="https://tiptoppress.com/" rel="nofollow ugc">tiptoppress.com</a> created for big WordPress sites.</p>
<h4>Premium features</h4>
<ul>
<li>Auto-sizing Grid layout</li>
<li>Custom field support in the Template</li>
<li>Shortcode support in the Template</li>
<li>Image-Slider (or News-Ticker)</li>
<li>Asymmetrical list layouts</li>
<li>Full background images</li>
<li>Masonry responsive grid layout</li>
<li>More complex filter (ANY, NOT, AND, …)</li>
<li>Custom Post Types, Events, Products support</li>
<li>All free features</li>
<li>E-Mail support</li>
<li>More examples on the <a href="https://demo.tiptoppress.com/" rel="nofollow ugc">demo pages</a></li>
</ul>
<h4>Features</h4>
<ul>
<li><a href="https://tiptoppress.com/template-arrange-post-details/" rel="nofollow ugc">Template</a> to arrange the post details.</li>
<li>The Template text can be a post details placeholder, plain text, HTML or a font-icons.</li>
<li>Font-icon support.</li>
<li>‘Load more’ button / Ajax API</li>
<li>Item Title heading level buttons</li>
<li>Excerpt length and item title in lines (line-clamp)</li>
<li>Shortcode (Easily change all Shortcode options in the customizer).</li>
<li>Date range filter</li>
<li>New date format: Time since plublished</li>
<li>Filter by post status: Published, scheduled, private.</li>
<li>Multiple shortcodes at the same site or post.</li>
<li>Add option for post offset (use two or more widgets after another).</li>
<li>Admin UI: Buttons in the editor toolbar to insert shortcode.</li>
<li>Option to touch device friendly “everything is a link”.</li>
<li>For editing shortcode adds a Customizer link to the admin-bar (“With one click to the Customizer”).</li>
<li>Set thumbnail width & height / image crop with CSS (object-fit).</li>
<li>Fluid images (max-width in %).</li>
<li>One thumb dimension can be left empty.</li>
<li>Option to set mouse hover effects for post thumbnail.</li>
<li>Set a default thumbnail.</li>
<li>Hide widget text or text, if there is no post.</li>
<li>Option to hide posts which have no thumbnail.</li>
<li>Option exclude current post.</li>
<li>Option show post author, comment’s count, post date.</li>
<li>Admin UI: Set / find thumbnail size buttons: +, ¼, ½, 2x, -, ratio and Media sizes</li>
<li>Admin UI: Buttons to easy add post details placeholder.</li>
<li>Multi sites support.</li>
</ul>
<h4>Documentation</h4>
<ul>
<li>Full <a href="https://tiptoppress.com/category-posts-widget/documentation-4-9" rel="nofollow ugc">documentation</a></li>
<li>Shortcode: Use [catposts] in the content and <a href="https://tiptoppress.com/use-shortcode-to-add-category-posts-widget-to-the-content/" rel="nofollow ugc">edit in the customizer</a></li>
<li>Formatting date and time: See <a href="https://codex.wordpress.org/Formatting_Date_and_Time" rel="nofollow ugc">Formatting Date and Time</a></li>
</ul>
<h4>Contribute</h4>
<p>While using this plugin if you find any bug or any conflict, please submit an issue at<br />
<a href="https://github.com/DanielFloeter/category-posts-widget" rel="nofollow ugc">Github</a> (If possible with a pull request).</p>


Category Posts Widget

Very easy to customize the view, as a widget or shortcode. Utilizes the customizer to customize the shortcode display. Elegant.

Very useful and works perfect

Adds a widget that shows the most recent posts from a single category.

Collapsing Categories vs Category Posts Widget