bartboy011

<p>This plugin adds a collection of WordPress shortcodes for <a href="http://bulma.io/" rel="nofollow ugc">Bulma</a> components as well as a simple TinyMCE dropdown to add them.</p>
<h3>Usage</h3>
<p>The easiest way to add shortcodes is through the Bulma dropdown in the WordPress editor. Alternatively, you can manually type out the shortcodes.</p>
<h3>Columns</h3>
<p>Columns are used to create a responsive grid:</p>
<pre><code>[bulma-columns]
[bulma-column]
Your content...
[/bulma-column]
[bulma-column]
Your content...
[/bulma-column]
[/bulma-columns]
</code></pre>
<p>The <code>[bulma-column]</code> shortcode accepts a type argument:</p>
<pre><code>[bulma-column type="is-8"][/bulma-column]
</code></pre>
<p>Due to limitations within the WordPress shortcode system, nesting identical shortcodes will break. To work around this, there are additional shortcodes you can use that will also produce columns:</p>
<pre><code>// Will break
[bulma-columns]
    [bulma-column]
        [bulma-columns]
            [bulma-column][/bulma-column]
            [bulma-column][/bulma-column]
        [/bulma-columns]
    [/bulma-column]
    [bulma-column]
        [bulma-columns]
            [bulma-column][/bulma-column]
            [bulma-column][/bulma-column]
        [/bulma-columns]
    [/bulma-column]
[/bulma-columns]

// Will Work
[bulma-columns]
    [bulma-column]
        [bulma-columns-1]
            [bulma-column-1][/bulma-column-1]
            [bulma-column-1][/bulma-column-1]
        [/bulma-columns-1]
    [/bulma-column]
    [bulma-column]
        [bulma-columns-1]
            [bulma-column-1][/bulma-column-1]
            [bulma-column-1][/bulma-column-1]
        [/bulma-columns-1]
    [/bulma-column]
[/bulma-columns]
</code></pre>
<p>You can nest up to five levels deep with this system (column, column-1, column-2, column-3, column-4).</p>
<h3>Button</h3>
<p>Creates the tag <code><a href="#" class="button">Your Content</a></code>.</p>
<p>Accepts three arguments:</p>
<ul>
<li><code>type</code> – Accepts class names – defaults to ‘is-primary’</li>
<li><code>link</code> – Accepts strings – defaults to ‘#’</li>
<li><code>icon</code> – Accepts valid <a href="http://fontawesome.io/" rel="nofollow ugc">font-awesome</a> icon names</li>
</ul>
<p>Ex: <code>[bulma-button type="is-primary" link="www.example.com" icon="github"]Star on GitHub[/bulma-button]</code>.</p>
<h3>Icon</h3>
<p>Creates the tag <code><span class="icon"><i class="fa fa-<icon name>></i></span>"</code>.</p>
<p>Accepts two arguments:</p>
<ul>
<li><code>type</code> – Accepts class names – defaults to ‘is-primary’</li>
<li><code>icon</code> – Accepts valid <a href="http://fontawesome.io/" rel="nofollow ugc">font-awesome</a> icon names</li>
</ul>
<h3>Box</h3>
<p>Adds a Bulma box element.</p>
<p>Accepts one argument, type. Defaults to NOT full-width box as this element in WordPress is mostly helpful for adding emphasis to an item like a photo. If type is set to full-width, it’ll behave like a normal Bulma box.</p>
<p>Ex:</p>
<pre><code>// NOT full-width
[bulma-box]Your content...[/bulma-box]

// Full-width
[bulma-box type="full-width"]Your Content...[/bulma-box]
</code></pre>
<h3>Notification</h3>
<p>Adds a Bulma notification element.</p>
<p>Accepts one argument, type.</p>
<p>Ex: <code>[bulma-notification type="is-primary"]Alert[/bulma-notification]</code></p>
<h3>Card</h3>
<p>Creates a Bulma Card element. This shortcode has several child codes:</p>
<pre><code>[bulma-card]
[bulma-card-header][/culma-card-header]
[bulma-card-content][/bulma-card-content]
[bulma-card-footer][/bulma-card-footer]
[/bulma-card]
</code></pre>
<p>None of the shortcodes accept arguments.</p>
<pre><code>[bulma-card-footer] can be given multiple footer items:


[bulma-card-footer]Item1|Item2|Item3[/bulma-card-footer]

// Will generate:

<footer class="card-footer">
    <div class="card-footer-item">
        Item1
    </div>
    <div class="card-footer-item">
        Item2
    </div>
    <div class="card-footer-item">
        Item3
    </div>
</footer>
</code></pre>
<h3>Menu</h3>
<p>Creates a Bulma menu.</p>
<p>Ex:</p>
<pre><code>[bulma-menu]
[bulma-menu-label]Label[/bulma-menu-label]
[bulma-menu-list]<a href="#">Item1</a>|<a href="#">Item2</a>[/bulma-menu-list]
[/bulma-menu]
</code></pre>


Bulma Shortcodes

This plugin adds a collection of WordPress shortcodes for Bulma components as well as a simple TinyMCE dropdown to use them.

Denra.com

Ivaylo Tinchev

<p>Shortcode to show any <strong>current, past, and future date or time</strong>. Display this, previous, or next year, month, day, etc. in your posts and pages.</p>
<p>This is probably the last date and time shortcode plugin you will ever need for your websites since it is very rich in features.</p>
<p><em>It takes lots of efforts to develop and support a plugin. Please send us your feedback and questions to fix your issue before leaving a bad review.</em></p>
<p>Are you satisfied by using this plugin? Consider leaving a <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/reviews/?rate=5#new-post" rel="ugc">5 star review</a>. You can also <a href="https://www.paypal.com/paypalme/itinchev" rel="nofollow ugc">donate</a>.</p>
<p>If you need support or more information about this free plugin please read the description and the F.A.Q. section below or write in the <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/" rel="ugc">Support Forum</a>.</p>
<h3>How it works?</h3>
<p>Just put one of these shortcodes in your post or page content and they will work out of the box.</p>
<ul>
<li><code>[wpdts]</code> – the main shortcode which works with all attributes; equals to <code>[wpdts-date-time]</code> by default;</li>
<li><code>[wpdts-date-time]</code> – default date and time format from WordPress general settings</li>
<li><code>[wpdts-date]</code> – default date format from WordPress general settings</li>
<li><code>[wpdts-time]</code> – default time format from WordPress general settings</li>
<li><code>[wpdts-custom]</code>– custom format using the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li><code>[wpdts-years]</code>, <code>[wpdts-year]</code> – 4-digit year e.g. 1999 or 2134</li>
<li><code>[wpdts-year-short]</code> – 2-digit year e.g. 99 or 34</li>
<li><code>[wpdts-months]</code>, <code>[wpdts-month]</code> – month as number (1-12)</li>
<li><code>[wpdts-month-name]</code>– month as name (January-December)</li>
<li><code>[wpdts-month-name-short]</code> – month as 3-letter name (Jan-Dec)</li>
<li><code>[wpdts-days]</code>, <code>[wpdts-day]</code> – day of month (1-31)</li>
<li><code>[wpdts-hours]</code>, <code>[wpdts-hour]</code> – hours (0-24)</li>
<li><code>[wpdts-minutes]</code>, <code>[wpdts-minute]</code> – minutes (0-60)</li>
<li><code>[wpdts-seconds]</code>, <code>[wpdts-second]</code> – seconds (0-60)</li>
<li><code>[wpdts-timestamp]</code> – Unix timestamp</li>
<li><code>[wpdts-day-of-year]</code> – day of the year as number (1-366)</li>
<li><code>[wpdts-days-in-month]</code> – number of days in the month (28-31)</li>
<li><code>[wpdts-days-in-february]</code> – number of days in the month of February for the year (28-29)</li>
<li><code>[wpdts-days-in-year]</code> – number of days in the year (365 or 366)</li>
<li><code>[wpdts-day-of-week]</code>– day of the week as number (1-7)</li>
<li><code>[wpdts-day-of-week-name]</code>– day of the week as full name (Monday-Sunday)</li>
<li><code>[wpdts-day-of-week-name-short]</code> – day of the week as short 3-letter name (Mon-Sun)</li>
<li><code>[wpdts-week-of-year]</code> – week of year, since first Monday of the year (1-52)</li>
<li><code>[wpdts-am-pm]</code>– am/pm or AM/PM according to the am_pm attribute (“L” or “U”)</li>
<li><code>[wpdts-time-zone]</code>– the current time-zone for the shortcode result</li>
</ul>
<p>If you need to use the shortcodes in other places (like titles, navigation menus, footers, widgets, etc.) additional code or plugins may be needed to turn them on in your theme if they are not supported by default. See F.A.Q. section for details.</p>
<p><strong>EXAMPLES</strong><br />
If you need to view <em>real-time examples</em> of usage or set up custom attributes to show specific date or time please see the page of <a href="https://denra.com/products/wordpress/plugins/wp-date-and-time-shortcode/" rel="nofollow ugc">WP Date and Time Shortcode</a> on <a href="https://www.denra.com/" rel="nofollow ugc">Denra.com</a>.</p>
<p><strong>ATTRIBUTES</strong><br />
If you need more detailed features please use the shortcode attributes.</p>
<h3>Features</h3>
<ul>
<li>Show date and/or time in the default WordPress formats.</li>
<li>Show date and/or time in custom format based on the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li>Show date and/or time based on fixed SQL/date/time format or any <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">relative date and time format</a>. See the Relative Formats section.</li>
<li>Show year separately as 4 or 2-digit number (e.g. 1999 or 99).</li>
<li>Show month as number (1-12), full name (January-December) or 3-letter name (Jan-Dec).</li>
<li>Show day as number with or without leading zero, with or without suffix (st, nd, rd, th).</li>
<li>Show hour, minutes, seconds with or without leading zero.</li>
<li>Show day of week as number (1-7), full name (Monday-Sunday) or three letters (Mon-Sun).</li>
<li>Show the day of the year (1-366).</li>
<li>Show the number of days for the month (28-31).</li>
<li>Show the number of days in February for the year (28 or 29).</li>
<li>Show the day of the year (365 or 366).</li>
<li>Show the week of the year (1-52).</li>
<li>Show currently used time-zone.</li>
<li>Show the first day from a list of next coming weekdays, days of month, or the last day of the current month.</li>
<li>Add or subtract years, months, days, hours, minutes and/or seconds before showing the final result.</li>
<li>Set post/page creation or modification time (including GMT variants) as “init” attribute.</li>
</ul>
<h4>Attributes and values</h4>
<p>You can add the following attributes to <strong><code>[wpdts]</code></strong> to show the date and time that you need:</p>
<ul>
<li><code>item</code> – what date and time information to show. The used values are:
<ul>
<li><code>date-time</code> – default WP date and time format (default value)</li>
<li><code>custom</code> – custom format using the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li><code>date</code> – default WP date format</li>
<li><code>time</code> – default WP time format</li>
<li><code>year</code>, <code>years</code> – 4-digit year</li>
<li><code>year-short</code>, <code>years-short</code> – 2-digit year</li>
<li><code>month</code>, <code>months</code> – month as number (1-12)</li>
<li><code>month-name</code> – month as name (January-December)</li>
<li><code>month-name-short</code> – month as 3-letter name (Jan-Dec)</li>
<li><code>day</code>, <code>days</code> – day of month (1-31)</li>
<li><code>hour</code>, <code>hours</code> – hours (0-24)</li>
<li><code>minute</code>, <code>minutes</code> – minutes (0-60)</li>
<li><code>second</code>, <code>seconds</code> – seconds (0-60)</li>
<li><code>timestamp</code> – Unix timestamp</li>
<li><code>day-of-year</code> – day of the year as number (1-366)</li>
<li><code>days-in-month</code> – number of days in the month (28-31)</li>
<li><code>days-in-february</code> – number of days in the month of February for the year (28-29)</li>
<li><code>day-of-week</code> – day of the week as number (1-7)</li>
<li><code>day-of-week-name</code> – day of the week as full name (Monday-Sunday)</li>
<li><code>day-of-week-name-short</code> – day of the week as short 3-letter name (Mon-Sun)</li>
<li><code>week-of-year</code> – week of year, since first Monday of the year (1-52)</li>
<li><code>am-pm</code> – am/pm or AM/PM according to the am_pm attribute (“L” or “U”)</li>
<li><code>time-zone</code> – the current time-zone for the shortcode result</li>
</ul>
</li>
<li><code>format</code> – date format used with the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a> only when <code>item</code> is set to <code>custom</code></li>
<li><code>start</code> – set the basic date and time for the shortcode; defaults to the WordPress time in the current timezone.
<ul>
<li>initial date and/or time string based on fixed SQL/date/time formats (e.g. 2019-09-16 17:45:53 or Sep 16, 2019 17:45:53) or any <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">relative date and time format</a>. See the Relative Formats section.</li>
<li><code>now</code> – the default initial current date and time based on the WordPress General settings time-zone</li>
<li><code>post-created</code> – gets the post/page creation date and time</li>
<li><code>post-created-gmt</code> – gets the post/page creation date and time GMT</li>
<li><code>post-modified</code> – gets the post/page last modification date and time</li>
<li><code>post-modified-gmt</code> – gets the post/page last modification date and time GMT   </li>
</ul>
</li>
<li><code>next</code> – move the start date and time to the next coming selected (can have more than one value separated by comma)
<ul>
<li><code>mon</code>, <code>tue</code>, <code>wed</code>, <code>thu</code>, <code>fri</code>, <code>sat</code>, <code>sun</code> – weekday shortname (and with first letter in uppercase)</li>
<li><code>1</code>–<code>31</code> – day of month</li>
<li><code>last-day-of-month</code> – the last day of month – 28, 29, 30, or 31</li>
</ul>
</li>
<li><code>time_zone</code> – select the time-zone for which to display the result from the available PHP <a href="https://www.php.net/manual/en/timezones.php" rel="nofollow ugc">time-zones</a>.</li>
<li><code>i18n</code> – set months and weeks names to be displayed in the current language (‘yes’ by default)</li>
<li><code>days_suffix</code> – set suffix st, nd, rd, th for the <code>day</code> and <code>days</code> item e.g. 1st, 2nd, 3rd, 4th, etc.</li>
<li><code>hours_24</code> – set 12 or 24 hours format for the <code>hours</code> item.</li>
<li><code>am_pm</code> – used with the <code>am-pm</code> item when 12 hours format is preferred: “L” for lowercase (am, pm) or “U” for uppercase (AM, PM)</li>
<li><code>post_id</code> – post ID from which to get post-created(-gmt) or post-modified(-gmt)</li>
<li><code>options</code> – additional options e.g. key1=value1|key2=value2|key3=value3|etc. which may be used with the <code>denra_wpdts_result</code> filter</li>
<li><code>years</code> – change in years e.g. <code>years="+1"</code> or <code>years="-1"</code> before showing</li>
<li><code>months</code> – change in months e.g. <code>months="+2"</code> or <code>months="-2"</code> before showing</li>
<li><code>days</code> – change in days e.g. <code>days="+7"</code> or <code>days="-7"</code> before showing</li>
<li><code>hours</code> – change in hours e.g. <code>hours="+12"</code> or <code>hours="-12"</code> before showing</li>
<li><code>minutes</code>, <code>minutes_change</code> – change in minutes e.g. <code>minutes="+30"</code> or <code>minutes="-30"</code> before showing</li>
<li><code>seconds</code>, <code>seconds_change</code>  – change in seconds e.g. <code>seconds="+45"</code> or <code>seconds="-45"</code> before showing</li>
<li><code>zero</code> – show leading zero when months, days, hours, minutes and seconds are displayed. Old ones ‘<em>x</em>-zero’ for each separate item are still supported for compatibility.</li>
</ul>
<h4>Filter Hooks</h4>
<ul>
<li><code>denra_wpdts_result</code> ($result, $timestamp, $atts, $options) – for additional processing of the shortcode result</li>
</ul>
<h3>(COMING ASAP) 3.0 PRO EDITION with an annual subscription plan</h3>
<p>WP Date and Time Shortcode is fully FREE and contains all main features that are needed by most users. Check them out!</p>
<p>However, since we want to continue supporting this plugin and adding new non-basic features, we have decided to offer a Pro edition with an annual subscription plan offered at a very affordable price per website. We are working hard to release the Pro edition although it took us a little bit more time to prepare it than expected in the beginnig.</p>
<p><strong>What will you get with WP Date and Time Shortcode Pro in the near future?</strong></p>
<ul>
<li>Technical support by <a href="mailto:support@denra.com" rel="nofollow ugc">email</a> and Facebook Messenger chat on our <a href="https://www.denra.com/" rel="nofollow ugc">website</a>. The free version will be supported by the <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/" rel="ugc">Support Forum</a> only.</li>
<li>JavaScript display of the shortcode result even on cached pages. You won’t need to turn off the caching for any page and post!</li>
<li>Additional pre-defined date and time initialization values like:
<ul>
<li>First visit on the website (saved as cookie, session and user option if possible)</li>
<li>Last visit on the website (saved as cookie, session and user option if possible)</li>
<li>Catholic and Orthodox Easter dates</li>
<li>Passover</li>
<li>Hanukkah</li>
<li>Mother’s day</li>
<li>Father’s day</li>
<li>Columbus day</li>
<li>Thanksgiving day</li>
<li>Black Friday</li>
<li>Cyber Monday</li>
<li>Christmas</li>
<li>New year</li>
<li>Chinese new year</li>
<li>and more.</li>
</ul>
</li>
<li>Additional items and attributes:
<ul>
<li><code>style</code> – change font face, color and size;</li>
<li><code>time-zone</code> browser/IP parameter – modify the shortcode result to the visitor’s timezone (not 100% accurate since it gets the timezone by IP address);</li>
<li><code>counter</code> – dynamically change displayed values as a ticking text clock;</li>
</ul>
</li>
<li>Shortcode Wizard – create shortcodes using an easy to use step-by-step wizard.</li>
<li>Menu Location – change the menu display – main admin menu, settings menu, top menu, or turn off all.</li>
<li>And more.</li>
</ul>
<p><strong>IMPORTANT NOTE:</strong> Not all Pro features will be released in the first Pro version since more work and testing is needed for some of them.</p>


WP Date and Time Shortcode

Shortcode to show any current, past, and future date or time. Display this, previous, or next year, month, day, etc.

Bulma Shortcodes vs WP Date and Time Shortcode