WEN Solutions

Archives are categorized under category name and date. It filters archives based on the category and clicked date when they are being displayed in archives page. Archives page will only show posts from the clicked date and also the posts that belong to that category. So, all in all there will be two filters while viewing archives page.
<h3>Banner</h3>
The image shown on the banner is my own creation which is CC0 and is free to copy, share or modify.

Archives by Category and Date

This plugin shows archives in a categorized way that is archives are categorized under category name and date.

webvitaly

<ul>
<li><a href="http://web-profile.net/wordpress/plugins/sitekit/" title="Plugin page" rel="nofollow ugc">Sitekit</a></li>
<li><a href="http://web-profile.net/donate/" title="Support the development" rel="nofollow ugc">Donate</a></li>
<li><a href="https://github.com/webvitalii/sitekit" title="Fork" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Settings:</h4>
<ul>
<li>Google Analytics code</li>
<li>Show/hide google analytics code if user is logged in</li>
<li>Head code</li>
<li>Footer code</li>
</ul>
<h4>Widgets:</h4>
<ul>
<li>Archives</li>
<li>Categories</li>
<li>Pages</li>
<li>Search</li>
</ul>
<h4>Shortcodes:</h4>
<ul>
<li><code>[sitekit_posts]</code></li>
<li><code>[sitekit_archives]</code></li>
<li><code>[sitekit_categories]</code></li>
<li><code>[sitekit_bloginfo]</code></li>
<li><code>[sitekit_iframe]</code></li>
</ul>
<h4>Parameters for [sitekit_posts]:</h4>
<ul>
<li>post_type – show posts associated with certain type: <code>[sitekit_posts post_type="page"]</code>; by default posts are shown: <code>[sitekit_posts post_type="post"]</code>; Possible params: post | page | revision | attachment | nav_menu_item | any | your_custom_post_type</li>
<li>orderby – the column to use for ordering posts list: <code>[sitekit_posts orderby="id"]</code>; by default list is sorted by date: <code>[sitekit_posts orderby="date"]</code>; Possible params: modified | title | name | ID | rand</li>
<li>order – how to sort posts list: <code>[sitekit_posts order="DESC"]</code>; by default list is sorted by ascending order (A-Z): <code>[sitekit_posts order="ASC"]</code>;</li>
<li>posts_per_page – how many posts to show in the list: <code>[sitekit_posts posts_per_page="50"]</code>; by default: <code>[sitekit_posts posts_per_page="100"]</code>;</li>
</ul>
[sitekit_posts] is based on <a href="https://codex.wordpress.org/Class_Reference/WP_Query" rel="nofollow ugc">WP_Query class</a>.
<h4>Parameters for [sitekit_archives]:</h4>
<ul>
<li><code>[sitekit_archives]</code> – list of monthly archives links sorted by date;</li>
<li><code>[sitekit_archives type="yearly"]</code> – list of yearly archives links;</li>
<li><code>[sitekit_archives type="monthly"]</code> – list of monthly archives links;</li>
<li><code>[sitekit_archives type="weekly"]</code> – list of weekly archives links;</li>
<li><code>[sitekit_archives type="daily"]</code> – list of daily archives links;</li>
<li><code>[sitekit_archives type="postbypost"]</code> – list of all posts links sorted by date;</li>
<li><code>[sitekit_archives type="alpha"]</code> – list of all posts links sorted by title;</li>
<li>limit – how many links to be included in the list: <code>[sitekit_archives limit="10"]</code>; by default all links are shown: <code>[sitekit_archives limit=""]</code>;</li>
<li>format – format for the archive: <code>[sitekit_archives format="option"]</code> – show as a dropdown; by default unordered list is shown: <code>[sitekit_archives format="html"]</code>;</li>
<li>show_post_count – display counter of posts in the archive: <code>[sitekit_archives show_post_count="1"]</code>; by default counter is not shown: <code>[sitekit_archives show_post_count="0"]</code>;</li>
<li>order – how to sort archives links: <code>[sitekit_archives order="ASC"]</code>; by default links are sorted by descending order (Z-A): <code>[sitekit_archives order="DESC"]</code>;</li>
</ul>
[sitekit_archives] is based on <a href="https://codex.wordpress.org/Function_Reference/wp_get_archives" rel="nofollow ugc">wp_get_archives function</a>.
<h4>Parameters for [sitekit_categories]:</h4>
<ul>
<li>orderby – the column to use for ordering categories list: <code>[sitekit_categories orderby="id"]</code>; by default list is sorted by title: <code>[sitekit_categories orderby="name"]</code>;</li>
<li>order – how to sort categories list: <code>[sitekit_categories order="DESC"]</code>; by default list is sorted by ascending order (A-Z): <code>[sitekit_categories order="ASC"]</code>;</li>
<li>show_count – display counter of posts in the categories list: <code>[sitekit_categories show_count="1"]</code>; by default counter is not shown: <code>[sitekit_categories show_count="0"]</code>;</li>
<li>hide_empty – the column to use for ordering categories list: <code>[sitekit_categories hide_empty="0"]</code>; by default empty categories are hidden: <code>[sitekit_categories hide_empty="1"]</code>;</li>
<li>hierarchical – show tree-like categories list: <code>[sitekit_categories hierarchical="0"]</code>; by default the list is hierarchical: <code>[sitekit_categories hierarchical="1"]</code>;</li>
<li>depth – how many levels to include in categories list: <code>[sitekit_categories depth="5"]</code>; by default depth is unlimited: <code>[sitekit_categories depth="0"]</code>;</li>
<li>taxonomy – which taxonomy to show in the list: <code>[sitekit_categories taxonomy="post_tag"]</code>; by default categories are shown: <code>[sitekit_categories taxonomy="category"]</code>;</li>
<li>child_of – term ID to retrieve child terms of: <code>[sitekit_categories child_of="77"]</code>; by default all categories are shown: <code>[sitekit_categories child_of="0"]</code>;</li>
<li>exclude – comma/space-separated string of term IDs to exclude: <code>[sitekit_categories exclude="77"]</code>; by default all categories are shown: <code>[sitekit_categories exclude=""]</code>;</li>
<li>exclude_tree – comma/space-separated string of term IDs to exclude, along with their descendants: <code>[sitekit_categories exclude_tree="77"]</code>; by default all categories are shown: <code>[sitekit_categories exclude_tree=""]</code>;</li>
</ul>
[sitekit_categories] is based on <a href="https://developer.wordpress.org/reference/functions/wp_list_categories/" rel="nofollow ugc">wp_list_categories function</a>.
<h4>Parameters for [sitekit_bloginfo]:</h4>
<ul>
<li><code>[sitekit_bloginfo show="name"]</code> – <a href="https://developer.wordpress.org/reference/functions/bloginfo/" rel="nofollow ugc">sitekit_bloginfo params</a>;</li>
</ul>
[sitekit_bloginfo] is based on <a href="https://developer.wordpress.org/reference/functions/bloginfo/" rel="nofollow ugc">bloginfo function</a>.
<h4>Parameters for [sitekit_iframe]:</h4>
<ul>
<li>src – source of the iframe: <code>[sitekit_iframe src="http://www.youtube.com/embed/4qsGTXLnmKs"]</code>; by default src=”http://www.youtube.com/embed/4qsGTXLnmKs”;</li>
<li>width – width in pixels or in percents: <code>[sitekit_iframe width="100%"]</code> or <code>[sitekit_iframe width="600"]</code>; by default width=”100%”;</li>
<li>height – height in pixels: <code>[sitekit_iframe height="500"]</code>; by default height=”500″;</li>
<li>scrolling – with or without the scrollbar: <code>[sitekit_iframe scrolling="no"]</code>; by default scrolling=”yes”;</li>
<li>frameborder – with or without the frame border: <code>[sitekit_iframe frameborder="0"]</code>; by default frameborder=”0″;</li>
<li>marginheight – height of the margin: <code>[sitekit_iframe marginheight="0"]</code>; removed by default;</li>
<li>marginwidth – width of the margin: <code>[sitekit_iframe marginwidth="0"]</code>; removed by default;</li>
<li>allowtransparency – allows to set transparency of the iframe: <code>[sitekit_iframe allowtransparency="true"]</code>; removed by default;</li>
<li>id – allows to add the id of the iframe: <code>[sitekit_iframe id="custom_id"]</code>; removed by default;</li>
<li>class – allows to add the class of the iframe: <code>[sitekit_iframe class="custom_class"]</code>; by default class=”iframe-class”;</li>
<li>style – allows to add the css styles of the iframe: <code>[sitekit_iframe style="margin-left:-30px;"]</code>; removed by default;</li>
<li>any_other_param – allows to add new parameter of the iframe <code>[sitekit_iframe any_other_param="any_value"]</code>;</li>
<li>any_other_empty_param – allows to add new empty parameter of the iframe (like “allowfullscreen” on youtube) <code>[sitekit_iframe any_other_empty_param=""]</code>;</li>
</ul>
<h4>Parameters for [sitekit_menu]:</h4>
The <code>[sitekit_menu]</code> shortcode allows you to display a custom menu. It supports all the parameters of the WordPress <a href="https://developer.wordpress.org/reference/functions/wp_nav_menu/" rel="nofollow ugc">wp_nav_menu()</a> function.
<ul>
<li>menu – The menu that should be displayed. Accepts (matching in order) id, slug, name. Default: empty. Example: <code>[sitekit_menu menu="main-menu"]</code></li>
<li>container – Whether to wrap the ul, and what to wrap it with. Default ‘div’. Example without a container: <code>[sitekit_menu menu="main-menu" container=""]</code></li>
<li>container_class – The class that is applied to the container. Default ‘menu-{menu slug}-container’. Example: <code>[sitekit_menu menu="main-menu" container_class="custom-container"]</code></li>
<li>container_id – The ID that is applied to the container. Default empty.</li>
<li>menu_class – CSS class to use for the ul element which forms the menu. Default ‘menu’. Example: <code>[sitekit_menu menu="main-menu" menu_class="custom-menu"]</code></li>
<li>menu_id – The ID that is applied to the ul element. Default empty.</li>
<li>echo – Whether to echo the menu or return it. Default false.</li>
<li>fallback_cb – If the menu doesn’t exist, a callback function will fire. Default ‘wp_page_menu’.</li>
<li>before – Text before the link markup. Default empty.</li>
<li>after – Text after the link markup. Default empty.</li>
<li>link_before – Text before the link text. Default empty.</li>
<li>link_after – Text after the link text. Default empty.</li>
<li>items_wrap – How the list items should be wrapped. Default <code><ul id="%1$s" class="%2$s">%3$s</ul></code>.</li>
<li>depth – How many levels of the hierarchy are to be included. 0 means all. Default 0. Example: <code>[sitekit_menu menu="primary-menu" depth="2"]</code></li>
<li>walker – Custom walker object to use. Default empty.</li>
</ul>

Sitekit

Widgets: search, archives and categories. Shortcodes: archives, bloginfo, iframe and categories.

Archives by Category and Date vs Sitekit