Seasonal Pro Shortcodes

Seasonal Pro uses shortcodes to achieve some fancy in-page content elements that includes:

  • Drop caps
  • Dividers
  • Content Titles

To take advantage of these, you will need to install the Seasonal Pro Shortcodes plugin that you get with this theme. It can be found in the original theme download package as:

seasonalpro-shortcodes.php

Installing the Plugin

  1. Go to Plugins >> Add New
  2. Upload the Seasonal Pro Shortcodes plugin
  3. Activate it

Drop Caps

The drop caps shortcode that you put into your page is this: [dropcap]A[/dropcap]

Copy & paste the shortcode and simply change the “A” you see in the code with your own. This is going to be the first letter of the first word in the first paragraph of your page, just like this:

[dropcap]T[/dropcap]his is my example of using a drop cap at the start of my paragraph.

You can also change the colour of your drop cap from the default dark grey to one of these colours:

  • blue
  • green
  • orange
  • taupe
  • light-taupe

Do add a colour, your shortcode will be: [dropcap colour="blue"]A[/dropcap]

Content Dividers

With this theme, you get several dividers, each with an attribute style you apply to your shortcode, depending on which one you want to use. To see these on the live demo site, go HERE.

Available divider styles are:

Seasonal Pro Double

[divider style="seasonalpro-double"]

Seasonal Pro Fade

[divider style="seasonalpro-fade"]

Seasonal Pro Spacer

[divider style="seasonalpro-spacer"]

Top Link

You also get one more special divider that includes a top link. When someone clicks on the linked text, it takes them back to the top of the page. You can change what the link text says, but I recommend keeping it simple like “To the Top” or just simply “Top“. The shortcode for this one is:

[toplink text="To the Top"]

Content Titles

Content Titles are a nice way to add some extra styling to in-page titles with sub title content as well. To show you what these look like, check out the live demo site HERE.

When you add a content title set to your page content, you will be using a shortcode, but you also get to add the option of type of Heading Tag and Alignment.  For your Heading Tag (titlesize), you can use them in conbinations like:

  • h1 for the content title + h2 for the subtitle
  • h2 for the content title + h3 for the subtitle
  • h3 for the content title + h4 for the subtitle

Alignment can be left, center, or right.

 

Left Aligned Content Title with Subtitle

[contenttitle titlesize="h2"]Exploring Content Titles[/contenttitle]
[contentsubtitle titlesize="h3"]Adding a sub title to your content title[/contentsubtitle]x

 Centered Content Title with Subtitle

[contenttitle titlesize="h2" align="center"]Content Centered Title[/contenttitle]
[contentsubtitle titlesize="h3" align="center"]Adding a sub title to your content title[/contentsubtitle]x