PC Futures

<h4>Basic Instructions</h4>
Once the plugin is installed, go to <code>Settings > General > PCF Countdown Options</code> to input a name and date for the countdown.
Use the shortcode <code>[pcf_bday_countdown]</code> to output the countdown.
The countdown will output in days by default (e.g ‘105 days until <code>name</code>s Birthday’).
<h4>Changing output type</h4>
The shortcode can be given a ‘type’ attribute, like so:
<pre><code>[pcf_bday_countdown type="days|weeks|sleeps"]
</code></pre>
This enables you to change the output type.
There are 3 types to choose from:
<ul>
<li>Days</li>
<li>Weeks</li>
<li>Sleeps</li>
</ul>
If you do not specify the type attribute, or specify an invalid type, it will default to ‘days’.
Example:
<pre><code>[pcf_bday_countdown type="weeks"]
</code></pre>
will output as
<pre><code>It's `x` weeks and `y` days until `name`s Birthday!
</code></pre>
<h4>Styling the output</h4>
Styling the output is an advanced setting, that involves writing custom CSS.
The shortcode can be given an ‘id’ attribute, which can then be used to style the output using CSS.
For example,
<pre><code>[pcf_bday_countdown id="my-id"]
</code></pre>
would output in HTML as
<pre><code>...
</code></pre>
You can then add custom CSS through <code>Appearance > Editor</code>. If your theme supports custom CSS, you may be able to add your styles in Theme Options. If there is a custom css file in Editor, it is advised to use that for custom styles.
Here is an example of some custom styles:
<pre><code>#my-id{
 color: blue;
 font-size: 16px;
 text-decoration: underline;
}
</code></pre>
This will set the output to be blue, underlined, and to have a font size of 16px.

PCF Birthday Countdown

A simple plugin that creates an easy to use birthday countdown for your WordPress sites.

<h4>Basic Instructions</h4>
This plugin works out-of-the-box, so once the plugin is installed, you can place a shortcode wherever you want.
Use the shortcode <code>[pcf_hwn_countdown]</code> to output the countdown.
The countdown will output in days by default (e.g ‘105 days until Halloween!’).
<h4>Changing output type</h4>
The shortcode can be given a ‘type’ attribute, like so:
<pre><code>[pcf_hwn_countdown type="days|weeks|sleeps"] </code></pre>
This enables you to change the output type.
There are 3 types to choose from:
<ul>
<li>Days</li>
<li>Weeks</li>
<li>Sleeps</li>
</ul>
If you do not specify the type attribute, or specify an invalid type, it will default to ‘days’.
Example:
<pre><code>[pcf_hwn_countdown type="weeks"] </code></pre>
will output as
<pre><code>It's `x` weeks and `y` days until Halloween! </code></pre>
<h4>Styling the output</h4>
Styling the output is an advanced setting, that involves writing custom CSS.
The shortcode can be given an ‘id’ attribute, which can then be used to style the output using CSS.
For example,
<pre><code>[pcf_hwn_countdown id="my-id"] </code></pre>
would output in HTML as
<pre><code>... </code></pre>
You can then add custom CSS through <code>Appearance > Editor</code>. If your theme supports custom CSS, you may be able to add your styles in Theme Options. If there is a custom css file in Editor, it is advised to use that for custom styles.
Here is an example of some custom styles:
<pre><code>#my-id{ color: red; font-size: 16px; text-decoration: underline; } </code></pre>
This will set the output to be red, underlined, and to have a font size of 16px.

PCF Halloween Countdown

A simple plugin that creates an easy to use Halloween countdown for your WordPress sites.

PCF Birthday Countdown vs PCF Halloween Countdown