Posted on

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]
Star Wars
Target Content
Star Trek
Target Content
Battlestar Galactica
Target Content
Space Race
Target Content
Ansari X Prize
Target Content

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]
Star Wars
Target Content
Star Trek
Target Content
Battlestar Galactica
Target Content
Space Race
Target Content
Ansari X Prize
Target Content

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]
Star Wars
Target Content
Star Trek
Target Content
Battlestar Galactica
Target Content
Space Race
Target Content
Ansari X Prize
Target Content

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]
Monkeys
Target Content
Donkeys
Target Content
Tigers
Target Content
Bears
Target Content
Porsche
Target Content
Volvo
Target Content
Mercedes
Target Content

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]
Star Wars
Target Content
Star Trek
Target Content
Battlestar Galactica
Target Content
Space Race
Target Content
Ansari X Prize
Target Content

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]
123
this is a number group
456
this is also a number group
Posted on

Archive-Pro-Matic – Quarterly and Seasonal Archives

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:

Season names and dates are easily defined. Only the month and day is used, the year is ignored.

Simple example of seasonal archives:

[archives type="seasonally" limit="10" /]

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" /]
Posted on

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]
test
hidden content
Posted on

Archive-Pro-Matic Category Test

This is a test for displaying archive-pro-matic category archives.

Single Category

[archives type="monthly" cat="collapse-pro-matic" /]

But what about taxonomies, post tags for example? We can get a monthly archive for a specific post tag like so:

[archives type="monthly" term="manhole" taxonomy="post_tag" /]

Or all post tags by month. The following will list only posts that have at least one post tag assigned, grouped by month:

[archives type="monthly" taxonomy="post_tag" /]

And as a drop-down list:

[archives type="monthly" taxonomy="post_tag" sep=" > " format="option" /]

Special request: Years and each year’s tags as a subsets in a select drop-down:

[archives type="yearly" taxonomy="post_tag" sep="—" format="option" sub_options="true"/]

New “Quarterly” type:

[archives type="quarterly" /]
[archives type="quarterly" format="option" sep=" - " sub_options="true" /]

Nes Archive Type “Seasonally”:

[archives type="seasonally" /]
[archives type="seasonally" format="option" sep=" - " sub_options="true" /]
Posted on

Inline Test

Leo Love and Sex

Leo’s, being of a Fire sign, are heartfelt and passionate, being capable of expressing their feelings effortlessly and with transparency. Toward their beloved they […CLICK TO EXPAND] are giving, respectful, devoted and fun. They are strongly independent and driven, and so will try to be the dominate party of the relationship. The partner of a Leo may grow tired of being domineered, in particular if the Leo imposes their will upon matters that are not of their concern. In order to tolerate the Leo’s strong imposing will, the partner of a Leo needs to be learned and at an equivalent intellect. They also need to be willing to speak up for themselves and to defend their ground, else the blazing Sun of the Leo will scorch their personality. The Leo’s sex life is dynamic, fun and adventurous. They are very aware of the fine line separating love and sex, which can cause them trouble within an established relationship if they too often neglect to show intimacy or connect emotionally with their partner during love making. Ultimately, Leo’s want that their partners peer past their self-centered shell and look deep into their subconscious sensitive core, so as to search out their want of satisfaction resulting from a purposeful relationship. Leo Love Compatibility: Aries, Gemini, Libra, Sagittarius! [CLICK TO HIDE]

Posted on

T(-) Countdown Gutenberg Test

This is a test for integrating T(-) Countdown with Gutenberg Blocks.
First, we need to tidy up how the Javascript is being used. Here is a basic countdown that uses a shortcode.

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
5
Seconds
0
0

Now let’s try a shortcode with a launch target of an external element.

This is a block with an id of ‘monkeymonk’


[tminus t="+10 secs" launchtarget="monkeymonk"]monkey is in space… space monkey![/tminus]

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0
Years
0
0
Months
0
0
Weeks
0
0
Days
0
1
Hours
0
0
Minutes
0
0
Seconds
0
0
Posted on

T(-) Countdown 2.0 Style Tests

Jedi

Dealing with 2, 3 and 4 digits
[tminus t="+1366 days +10 sec" omityears="true" omitmonths="true" omitweeks="true" style="jedi"/]

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Darth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonlite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po-mini

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

carbonite-responsive

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

circle

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

cloud-city

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

hoth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

naboo

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

sith

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

TIE-fighter

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0