menu

Shortcodes

This article cover shortcodes included with the Hotdoy theme. You will need the Shortcode Core Plugin installed and properly setup. If you still need to install it, you can do it from the Grav Admin Panel under Plugins. Then by clicking Add+ (top right) and searching for it by name.
Make sure you set the Custom Shortcodes path to:

/user/themes/hotdoy/shortcodes


Breakpoint

Show content on specific screens.

[portrait][/portrait]

[landscape][/landscape]


Buttons

Add buttons.

[btn href="/my/site-url.com/"]label[/btn]

[link href="/my/site-url.com/"]label[/link]

Add the mi="" attribute to add any Material Icons you might want.


Embed

Add embeded videos from YouTube or Vimeo.

[youtube="https://www.youtube.com/watch?v=dQw4w9WgXcQ"]

[vimeo="https://vimeo.com/148751763"]


Note

Prevent rendering of content on the front-end by wrapping it with the [note] shortcode.

[note] This content will not appear on the front end. [/note]


Material Icons

Add Material Icons

[mi="icon-code"]


Width

In some context, the width of the page is not controlled by the theme and requires you to take some decisions. You can wrap your content with any available width shortcodes.

[site][/site]

[tight][/tight]


Swiper

Add a modern touch slider using the great Swiper library.
The implementation currently only supports images.

[swiper]

![](scjpg.jpg)

![](scjpg.jpg)

![](scjpg.jpg)

[/swiper]


Text Size

Change the size of the text with one of the 4 context (other than the current one) provided by the theme.

[small][/small]

[xsmall][/xsmall]

[big][/big]

[huge][/huge]

Big and Huge are mainly aimed at desktop and should fallback to regular on mobile.


Reveal

Wrap any content to add "reveal" transition.. The default transition will be used if you dont specify any.

[reveal="my-transition"][/reveal]

delays and durations are referenced on github. All times are in milisecond.


For more information on the Shortcode Core plugin, read the offical documentation from the README. If you find a shortcode from the plugin is unsupported by the Hotdoy theme and would like to sponsor it's addition, you can open an issue on github on the theme repo

Oops! Looks like this article is incomplete.
You can help the monkey writer by sending money.