Shotcodes

2019-11-26

hotdoy

This article cover shortcodes included with the Hotdoy theme. You will need the Shortcode Core Plugin installed properly and 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

You can show content on specific devices

[portrait][/portrait]

[landscape][/landscape]

Buttons

Add buttons.

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

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

You can also 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 the rendering of content on the front-end by wrapping anything in 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 those decisions. You can then wrap your content 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)

[/swiper]

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 shortcodes providded by the plugin, you can 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