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.

PressTigers

<p>Flexy Breadcrumb by <a href="https://www.presstigers.com" rel="nofollow ugc">PressTigers</a> is one of the simple and robust breadcrumb menu system available for the WordPress site. By using this plugin, you can display breadcrumb navigation anywhere in your website via [flexy_breadcrumb] shortcode.<br />
With the help of this plugin you can style and format the text, links and separators of breadcrumbs according to your own taste.</p>
<h4>Plugin Features</h4>
<ul>
<li>SEO Friendly(added schema structure).</li>
<li>Use via [flexy_breadcrumb] shortcode. </li>
<li>Allow users to change breadcrumb separator.</li>
<li>Set Home text and End text.</li>
<li>Set Word/Character limit for navigation menu.</li>
<li>Font Awesome icon picker for Home.</li>
<li>Color options for text, link, separator and background through global settings.</li>
<li>Set font size of breadcrumb trail.</li>
</ul>
<h4>Shortcode</h4>
<p>This goes somewhere near the bottom of your theme’s header.php template. However, you can add it anywhere you want in your theme, and it’ll work.</p>
<pre><code> <?php echo do_shortcode( '[flexy_breadcrumb]'); ?> 
</code></pre>
<h4>Submit Patches</h4>
<p>If you’ve identified a bug and have a fix, we’d welcome it at our <a href="https://github.com/presstigers/flexy-breadcrumb/" rel="nofollow ugc">GitHub page</a> for Flexy Breadcrumb. Simply submit a pull request so we can review and merge into the codebase if appropriate from there. Happy coding!</p>
<h3>Credits</h3>
<ol>
<li>Google Fonts(https://fonts.google.com)</li>
<li>jQuery UI(https://jqueryui.com)</li>
<li>WP Color Picker Alpha(https://github.com/23r9i0/wp-color-picker-alpha)</li>
<li>Font Awesome Icon Picker(https://github.com/itsjavi/fontawesome-iconpicker)</li>
</ol>


Flexy Breadcrumb

Flexy Breadcrumb is a super light weight plugin that is easy to navigate through current page hierarchy.

Collapsing Categories vs Flexy Breadcrumb