A Pluginoven Test Site
[archives type="birthmonth" order="ASC" /]However, this (or any) unordered list can be formatted using css. Here is an example of how to turn the list in to a grid using the CSS columns attribute:
First, we define a UL class that we can later assign:
ul.grid {
list-style: none;
columns: 4;
}Now we just need to assign this class to our list:
[archives type="birthmonth" order="ASC" class="grid" /]As of Archive-Pro-Matic version 1.1.10 we have added two filters two filters for the decade archives list:
apm_decade_archive_title is used to display how the decade appears in the archive list. The default list is YYYY’s, for example:
2010’s
2000’s
apply_filters('apm_decade_archive_list', $text, $decade);This filter can be used to change how the decade list is displayed by adding the following to the function.php file in the child-theme.
add_filter( 'apm_decade_archive_list', 'list_decade_range', 10, 2 );
function list_decade_range($text, $decade){
$text = $decade.' - '.($decade + 9);
return $text;
}apm_decade_archive_title is used to display the title of the decade archive page. The default title is The YYYY’s for example:
The 2000’s
apply_filters('apm_decade_archive_title', $title, $decade);And would be used by adding the following to the child theme’s function.php file:
add_filter( 'apm_decade_archive_title', 'decade_range_title', 10, 2 );
function decade_range_title($title, $decade){
$title .= ' ('.$decade.' - '.($decade + 9).')';
return $title;
}Here is an example shortcode that will list an archive of posts by decade:
[archives type="decade"/]Currently archives only accept one post type like so:
[archives post_type="monkey"/]But what happens if we provide multiple, comma separated post types?
[archives post_type="monkey, donkey"/][archives post_type="monkey, donkey" show_post_count="true"/]The trick to keeping the excerpt in line with the trigger text, is simply to use the excerpttag attribute to have the excerpt use a span tag like so:
[expand title="trigger text" tag="span" excerpt="excerpt" excerpttag="span"]target text[/expand]this is a test that will show nested collapse elements with a twist: only the first sub element will be shown. once it has been expanded, the next expand element will be displayed… and so on until the all elements visible.
This is a test of two new types of Archive-Pro-Matic archive lists:
Birthday: Show all posts published on the same day of the year
Birth Month: Show all post published on the same month, regardless of year
[archives type="birthmonth" order="ASC" /][archives type="birthday" order="ASC"/][archives type="birthday" order="ASC" sub_options="true" sub_order="ASC"/][archives type="birthday" order="ASC" sub_options="true" sub_order="ASC" show_empty="true"/][archives type="birthday" order="ASC" sub_options="block" sub_order="ASC" show_empty="true" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" empty_class="grey"/]This is a test of nesting grouping. First, nested highlander grouping:
[expand title="This" rel="main-highlander"]
[expandsub1 title="This One" rel="this-highlander"]One[/expandsub1]
[expandsub1 title="This Two" rel="this-highlander"]Two[/expandsub1]
[expandsub1 title="This Three" rel="this-highlander"]Three[/expandsub1]
[/expand]
[expand title="That" rel="main-highlander"]
[expandsub1 title="That One" rel="that-highlander"]One[/expandsub1]
[expandsub1 title="That Two" rel="that-highlander"]Two[/expandsub1]
[expandsub1 title="that Three" rel="that-highlander"]Three[/expandsub1]
[/expand]This is a test of the new findme options available with collapse-o-matic. In addition to the values of ‘auto’ and a fixed numeric offset, the findme attributes now supports ‘trigger’ and ‘target’.
[expand title="trigger" findme="target"]hidden content[/expand]For target to make sense, there would need to be content between the trigger and target. We do this using the roll-your-own method:
<div class="collapseomatic find-me" id="my_example" title="trigger text" data-offset="-60" data-findme="target">trigger text</div>
some bulky content. Notice the offset of -60, this is to compensate for the sticky menu element at the top of the page.
<div id="target-my_example" class="collapseomatic_content ">Target Content</div>This is some bulky content… how about a picture of a donkey.
Building on the new block-style archive described in the last post, we now try with categories:
[archives type="monthly" taxonomy="category" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/][archives type="monthly" taxonomy="category" term="archive-pro-matic" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/]or use the cat attribute:
[archives type="monthly" cat="special1-posts" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/]or use the category attribute (alias for cat):
[archives type="monthly" category="special1-posts" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/]For an archive of multiple categories, the cat_id attribute must be used:
[archives type="monthly" cat_id="55,43" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/]This is a test to create a category archive in the following format:
Step one: allow the sub_options attribute to work with standard monthly archives.
[archives type="monthly" sub_options="true" limit="10" /]Step two: add new feature to allow sub_options to be sorted ASC (1 – 12) or DESC (default: 12 – 1). New attribute: sub_order
[archives type="monthly" sub_options="true" sub_order="ASC" limit="10" /]
Step three: add the ability show empty months as placeholders. New attribute: show_empty
[archives type="monthly" sub_options="true" show_empty="true" limit="10" /]Step four: allow month date to be formatted: January becomes Jan. New attribute: month_format just use the date_format attribute
[archives type="monthly" sub_options="true" month_format="M" sub_order="ASC" show_empty="true" limit="10" /]Step five: test that this works with category filters. Here we use cat_id to only show archives for category id 55:
[archives type="monthly" cat_id="55" sub_options="true" sub_order="ASC" show_empty="true" limit="10" month_format="M"/]A single category archive can be shown using the category slug with the cat attribute:
[archives type="monthly" cat="collapse-pro-matic" sub_options="true" sub_order="ASC" show_empty="true" month_format="m" limit="10" /]Step six: adjust format so year and months are displayed in a single line. The following attributes have been added to add classnames to the archive elements for styling:
To test this we first need to define some simple classes:
.my_clean_achive {
border: 1px dotted black;
}
.my_sub_achive {
border: 1px dotted red;
}
.red a {
color: red;
font-weight: bold;
}
.green a {
color: green;
}
.grey {
color: #999999;
}Now we just need to assign the classes to the archive elements:
[archives type="monthly" cat="collapse-pro-matic" sub_options="true" sub_order="ASC" show_empty="true" month_format="M" limit="10" class="my_clean_achive" sub_ul_class="my_sub_achive" li_class="red" sub_li_class="green" empty_class="grey"/]Now that we can control the CSS of every element we can finally create a block style archive using the following css:
.block_archive_item {
display:inline;
margin-left: 5px;
white-space: nowrap;
}
.block_archive_item a {
color: red;
}
[archives type="monthly" cat="collapse-pro-matic" sub_options="true" sub_order="ASC" show_empty="true" month_format="M" limit="10" li_class="block_archive_item" empty_class="grey"/]Nearly there:
Now if we do not want the sub_options (months in this case) to be in a separate element (ul) we need a way let the system know: new accepted value ‘block’ for the sub_options attribute: sub_options=”block”.
[archives type="monthly" sub_options="block" limit="10" /]We also no longer need to wrap the entire archive in a UL element, so we use tag=”div”. Finally we need to assign a sub_ul_class to slim down the sub_ul elements:
.my_slim_ul {
margin: 0;
}
[archives type="monthly" cat="collapse-pro-matic" sub_options="block" sub_order="ASC" show_empty="true" date_format="M" limit="10"
tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" empty_class="grey"/]The final result:
Done!
Here is a test using the new link_atts attribute:
[archives type="monthly" cat="collapse-pro-matic" sub_options="block" sub_order="ASC" show_empty="true" date_format="M" limit="10"
tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" empty_class="grey" link_atts="target='_blank'"/]