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.

malihu

<p><strong>Page scroll to id</strong> is a fully featured plugin which replaces browser’s “jumping” behavior with a <a href="http://manos.malihu.gr/repository/page-scroll-to-id/demo/demo.html" rel="nofollow ugc">smooth scrolling animation</a>, when links with href value containing # are clicked. It provides all the basic tools and advanced functionality for single-page websites, in-page navigation, back-to-top links etc. with features like:</p>
<ul>
<li>Adjustable scrolling animation <a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress/#plugin-settings-scroll-type-easing" rel="nofollow ugc">duration and easing (over 30 easing types)</a></li>
<li>Link and target highlighting via ready-to-use CSS classes</li>
<li><a href="http://manos.malihu.gr/repository/page-scroll-to-id/demo/demo.html" rel="nofollow ugc">Vertical</a> and/or <a href="http://manos.malihu.gr/repository/page-scroll-to-id/demo/demo-horizontal-layout.html" rel="nofollow ugc">horizontal</a> scrolling</li>
<li>Scrolling from/to different pages (scrolling to target id on page load)</li>
<li>Offset scrolling by pixels or element selector with custom expressions</li>
<li>Insert link and target id buttons in post visual editor </li>
<li>Link-specific offset, scrolling duration, highlight target etc.</li>
</ul>
<p><a href="http://manos.malihu.gr/repository/page-scroll-to-id/demo/demo.html" rel="nofollow ugc">Demo (default animation duration/easing, link highlighting etc.)</a></p>
<h4>Plugin resources, links and tutorials</h4>
<ul>
<li><a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress/" rel="nofollow ugc">Plugin homepage</a></li>
<li><a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress/2/" rel="nofollow ugc">Knowledge Base – FAQ</a></li>
<li><a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress-tutorial/" rel="nofollow ugc">Basic tutorial</a> – <a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress-tutorial/#video-tutorial" rel="nofollow ugc">Video tutorial</a>
<ul>
<li><a href="http://manos.malihu.gr/using-page-scroll-to-id-with-the-divi-builder-plugin/" rel="nofollow ugc">Using Page scroll to id with the Divi Builder plugin</a></li>
<li><a href="http://manos.malihu.gr/using-page-scroll-to-id-with-siteorigin-page-builder/" rel="nofollow ugc">Using Page scroll to id with SiteOrigin Page Builder</a></li>
<li><a href="http://manos.malihu.gr/using-page-scroll-to-id-with-wpbakery-page-builder/" rel="nofollow ugc">Using Page scroll to id with WPBakery Page Builder</a></li>
<li><a href="http://manos.malihu.gr/page-scroll-to-id-elementor-guide/" rel="nofollow ugc">Using Page scroll to id with Elementor Page Builder</a></li>
</ul>
</li>
<li><a href="https://wordpress.org/support/plugin/page-scroll-to-id" rel="ugc">Support</a></li>
</ul>
<h4>Requirements</h4>
<p>Page scroll to id requires WordPress version <strong>3.3</strong> or higher (jQuery version <strong>1.7.0</strong> or higher) and your theme <strong>must</strong> (and should) have <code>wp_head()</code> and <code>wp_footer()</code> functions. In some Microsoft Windows based web servers some plugins might produce an error 500 (depends on server/PHP configuration). To pinpoint the issue <a href="https://codex.wordpress.org/Debugging_in_WordPress" rel="nofollow ugc">enable debugging</a> in <code>wp-config.php</code> and check <code>wp-content/debug.log</code> file for relevant errors.</p>
<h4>GDPR (General Data Protection Regulation)</h4>
<p>The plugin is GDPR compliant. It does not use or store any kind of user information/data. In fact, it’s functionality has nothing to do with user data (personal or otherwise). So there’s that.</p>
<h4>Quick usage and tips</h4>
<ol>
<li><a href="https://wordpress.org/plugins/page-scroll-to-id/installation/" rel="ugc">Install the plugin</a>. </li>
<li>The plugin is enabled by default on your WordPress Menu links, so you can start adding custom links and set their URL to the id/target you want to scroll to. </li>
<li>Create id targets within your content using plugin’s “Insert Page scroll to id target” button and/or shortcode (see contextual “Help” menu in plugin settings page) in post visual/text editor. Create targets in widgets areas using “Page scroll to id target” widget. </li>
<li>Create links within your content using plugin’s “Insert/edit Page scroll to id link” button and/or shortcode in post visual/text editor. You can also add the class <code>ps2id</code> on any existing link you want to be handled by the plugin. </li>
</ol>
<p>For more info <a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress-tutorial/" rel="nofollow ugc">see plugin’s basic tutorial</a></p>
<h3>License</h3>
<p>MIT</p>
<p>You should have received a copy of the MIT License along with this program.<br />
If not, see <a href="http://opensource.org/licenses/MIT" rel="nofollow ugc">http://opensource.org/licenses/MIT</a>.</p>
<h3>Donate</h3>
<p>If you like this plugin and find it useful, consider making a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=UYJ5G65M6ZA28" rel="nofollow ugc">donation</a> :).</p>
<h3>Plugin previous/other versions</h3>
<p><a href="http://manos.malihu.gr/page-scroll-to-id-for-wordpress/#plugin-versions" rel="nofollow ugc">All plugin versions</a></p>
<h3>Other/external resources</h3>
<ul>
<li><a href="https://www.virfice.com/how-to-create-anchor-links-on-wordpress-gutenberg-editor/" rel="nofollow ugc">How to create anchor links on WordPress Gutenberg editor</a></li>
<li><a href="http://manos.malihu.gr/using-page-scroll-to-id-with-the-divi-builder-plugin/" rel="nofollow ugc">Using Page scroll to id with the Divi Builder plugin</a></li>
<li><a href="https://www.youtube.com/watch?v=ZJt7-0W-DeE" rel="nofollow ugc">One Page WordPress Smooth Scrolling Menu – How to Use Page Scroll to ID Plugin 2017</a></li>
<li><a href="http://sridharkatakam.com/smooth-scrolling-page-sections-using-page-scroll-id/" rel="nofollow ugc">Smooth scrolling between page sections using Page scroll to id</a></li>
<li><a href="http://www.pootlepress.com/2013/02/video-tutorial-a-beginners-guide-on-how-to-create-a-single-page-wordpress-website/" rel="nofollow ugc">Video tutorial: How to create a single page WordPress website</a></li>
<li><a href="http://snifflevalve.com/tutorials/generatepress-elementor-page-scroll-id-one-page-website/" rel="nofollow ugc">GeneratePress – Elementor – Page Scroll to ID – One Page Website</a></li>
<li><a href="https://www.youtube.com/watch?v=XZ4SbV3aZb8" rel="nofollow ugc">Onepage WordPress – Page scroll to iD plugin</a></li>
</ul>


Page scroll to id


This works well.  As someone else noted, the verbose documentation makes it seem harder than it actually is.


Couldn't be much easier

Create links that scroll the page smoothly to any id within the document.

Collapsing Categories vs Page scroll to id