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.
Archive-Pro-Matic Birthday and Birthmonth types
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
Birth Month
[archives type="birthmonth" order="ASC" /]
Birthday
[archives type="birthday" order="ASC"/]
- January 3
- January 5
- January 6
- January 7
- January 8
- January 9
- January 11
- January 13
- January 14
- January 15
- January 17
- January 18
- January 20
- January 23
- January 24
- January 25
- January 27
- January 28
- January 29
- February 1
- February 6
- February 8
- February 9
- February 10
- February 11
- February 18
- February 19
- February 21
- February 23
- March 1
- March 3
- March 5
- March 6
- March 7
- March 11
- March 18
- March 20
- March 22
- March 30
- April 1
- April 2
- April 5
- April 8
- April 17
- April 18
- April 25
- April 26
- April 28
- April 29
- May 1
- May 10
- May 11
- May 12
- May 13
- May 15
- May 16
- May 22
- May 23
- May 26
- June 2
- June 3
- June 4
- June 5
- June 7
- June 10
- June 11
- June 12
- June 13
- June 15
- June 16
- June 17
- June 18
- June 20
- June 21
- June 22
- June 23
- June 24
- June 26
- June 27
- June 28
- June 29
- July 2
- July 4
- July 5
- July 7
- July 8
- July 11
- July 12
- July 14
- July 15
- July 19
- July 22
- July 23
- July 26
- July 27
- July 30
- August 4
- August 5
- August 6
- August 7
- August 9
- August 10
- August 11
- August 15
- August 16
- August 20
- August 21
- August 22
- August 23
- August 25
- August 27
- August 29
- August 30
- August 31
- September 3
- September 4
- September 7
- September 8
- September 9
- September 10
- September 12
- September 15
- September 16
- September 17
- September 18
- September 22
- September 23
- September 24
- September 25
- September 27
- September 30
- October 1
- October 6
- October 8
- October 11
- October 12
- October 14
- October 15
- October 18
- October 19
- October 21
- October 24
- October 26
- October 28
- October 30
- November 2
- November 5
- November 6
- November 7
- November 11
- November 14
- November 15
- November 16
- November 20
- November 21
- November 22
- November 23
- November 24
- November 25
- November 26
- November 27
- December 1
- December 2
- December 3
- December 4
- December 5
- December 6
- December 7
- December 8
- December 10
- December 12
- December 15
- December 16
- December 17
- December 18
- December 19
- December 26
- December 29
- December 30
- December 31
[archives type="birthday" order="ASC" sub_options="true" sub_order="ASC"/]
- January
- February
- March
- April
- May
- June
- July
- August
- September
- October
- November
- December
[archives type="birthday" order="ASC" sub_options="true" sub_order="ASC" show_empty="true"/]
- January
- February
- March
- April
- May
- June
- July
- August
- September
- October
- November
- December
[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"/]
- January
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- February
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- March
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- April
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- May
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- June
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- July
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- August
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- 31st
- September
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
- October
- 1st
- 2nd
- 3rd
- 4th
- 5th
- 6th
- 7th
- 8th
- 9th
- 10th
- 11th
- 12th
- 13th
- 14th
- 15th
- 16th
- 17th
- 18th
- 19th
- 20th
- 21st
- 22nd
- 23rd
- 24th
- 25th
- 26th
- 27th
- 28th
- 29th
- 30th
Collapse-O-Matic Nested Grouping
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]
Collapse-O-Matic New Findme Options
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’.
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.

Archive-Pro-Matic Advanced Category Archives
Building on the new block-style archive described in the last post, we now try with categories:
All Categories:
[archives type="monthly" taxonomy="category" sub_options="block" tag="div" sub_ul_class="my_slim_ul" li_class="block_archive_item" limit="10"/]
Single Category
[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"/]
Multiple Categories
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"/]
Archive-Pro-Matic – Advanced Monthly Sub Archives
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" /]
- 2022
- December
- November
- October
- September
- August
- July
- June
- May
- April
- March
- February
- January
- 2021
- 2020
- December
- November
- October
- September
- August
- July
- June
- May
- April
- March
- February
- January
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:
- class – classname for the archive element
- li_class – classname for a LI element
- sub_ul_class – classname for a sub ul element
- sub_li_class – classname for a sub LI element
- empty_class – classname for an empty LI element
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:
- Jan
- Feb
- Mar
- Apr
- May
- Jun
- Jul
- Aug
- Sep
- Oct
- Nov
- Dec
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'"/]
Grouping with Rel vs Togglegroup Attbitues
Rel Attribute
Here is an example of using the rel attribute. Notice how selecting a member of one group will auto-collapse members of all other groups.
[expand title="Star Wars" rel="fiction" swaptitle="Not Star Trek"]Target Content[/expand]
[expand title="Star Trek" rel="fiction"]Target Content[/expand]
[expand title="Battlestar Galactica" rel="fiction"]Target Content[/expand]
[expand title="Space Race" rel="history"]Target Content[/expand]
[expand title="Ansari X Prize" rel="history"]Target Content[/expand]
Togglegroup Attribute
Here is an example using the togglegroup attribute. Members of multiple togglegroups may be open at the same time.
[expand title="Star Wars" togglegroup="togfiction"]Target Content[/expand]
[expand title="Star Trek" togglegroup="togfiction"]Target Content[/expand]
[expand title="Battlestar Galactica" togglegroup="togfiction"]Target Content[/expand]
[expand title="Space Race" togglegroup="toghistory"]Target Content[/expand]
[expand title="Ansari X Prize" togglegroup="toghistory"]Target Content[/expand]
Rel Highlander Grouping
Here is an example using the rel attribute with highlander grouping:
[expand title="Star Wars" rel="fiction-highlander" swaptitle="Not Star Trek"]Target Content[/expand]
[expand title="Star Trek" rel="fiction-highlander"]Target Content[/expand]
[expand title="Battlestar Galactica" rel="fiction-highlander"]Target Content[/expand]
[expand title="Space Race" rel="history-highlander"]Target Content[/expand]
[expand title="Ansari X Prize" rel="history-highlander"]Target Content[/expand]
Highlander Grouping using Togglegroup Attribute
[expand title="Monkeys" togglegroup="animal-highlander"]Target Content[/expand]
[expand title="Donkeys" togglegroup="animal-highlander"]Target Content[/expand]
[expand title="Tigers" togglegroup="animal-highlander"]Target Content[/expand]
[expand title="Bears" togglegroup="animal-highlander"]Target Content[/expand]
[expand title="Porsche" togglegroup="car-highlander"]Target Content[/expand]
[expand title="Volvo" togglegroup="car-highlander"]Target Content[/expand]
[expand title="Mercedes" togglegroup="car-highlander"]Target Content[/expand]
Group Attribute
This is a test of the group attribute which is being considered to replace rel, will be used as an alias for now:
[expand title="Star Wars" group="gfic" swaptitle="Not Star Trek"]Target Content[/expand]
[expand title="Star Trek" group="gfic"]Target Content[/expand]
[expand title="Battlestar Galactica" group="gfic"]Target Content[/expand]
[expand title="Space Race" group="ghis"]Target Content[/expand]
[expand title="Ansari X Prize" group="ghis"]Target Content[/expand]
Quick test to make to see if our ‘number’ issue has been fixed:
[expand title="123" rel="123"]this is a number group[/expand]
[expand title="456" rel="456"]this is also a number group[/expand]
Archive-Pro-Matic – Quarterly and Seasonal Archives
Notice: Undefined variable: url in /var/www/vhosts/spacedonkey.de/httpdocs/wp-content/plugins/archive-pro-matic/archive-pro-matic.php on line 623
Archive-Pro-Matic has two new archive types (Quarterly and Seasonally) and a couple new advanced shortcode attributes to manage seperators (sep) and sub options as described below:
Quarterly Archives
Example of the new quarterly archive type:
[archives type="quarterly" limit="10" /]
Seasonal Archives
Seasonal archives are a bit more complex. First the plugin is currently limited to only four (4) seasons per year. The season names and starting dates can be defined in the plugin options as shown in the following screanshot:

Simple example of seasonal archives:
[archives type="seasonally" limit="10" /]
- 2021 Winter
- 2021 Autumn
- 2021 Summer
- 2021 Spring
- 2020 Winter
- 2020 Autumn
- 2020 Summer
- 2020 Spring
- 2019 Winter
- 2019 Summer
New Attribute: sub_options
Setting sub_options to ‘true’ for quarterly or seasonally archive types will present the year with the quarterly or seasonal archives below like so:
[archives type="seasonally" sub_options="true" limit="10" /]
Of course this also works in a drop-down select element:
[archives type="seasonally" format="option" sub_options="true" limit="10" /]
However, when setting format=”option” the sub_options could use a little separation. Therefore we have created a new sep attribute:
New Attribute: sep
Same example as above, this time with some fancy sub_option separation, and highlight current season if on archive page:
[archives type="seasonally" format="option" sub_options="true" sep="— " highlight="active-season" limit="20" /]
Collapse-Pro-Matic Cookie Based Expand
This is a demo of how to use a cookie to auto-collapse a expand element that is expanded by default. The idea is to set up an expand element this is expanded by default, but if a user collapses it once, it will no longer load auto-expanded for that user until the cookie expires.
For example the following expand element should be auto-expanded until it is manually collapsed. After this, the element will remain collapsed when the page is revisited.
[expand title="test" expanded="once" cookiename="my_cookie"]hidden content[/expand]
Print-O-Matic Button
This is a test to use a accessible button as the print trigger.
[print-me printicon="false" tag="button" title="print-me" /]