Hugo Shortcode for Call-to-Phone Link #
When you click on Call-to-Phone (tel) link, your mobile phone or device will try to call the number which is set in this link.
Read more about this feature in RFC 2806.
Minimal example #
For minimum usage you have to specify phone number: +447911123456
Code:
{{< tel number="+447911123456" />}}
Full example #
You can change text of the link: call me
Code:
{{< tel number="+447911123456" >}}call me{{</ tel >}}
Parameters #
Parameter | Default | Description |
---|---|---|
number | — | The phone number to call. Consider using an international phone code, because the Internet is worldwide :) |
inner text | number param value | The text to show |
Installation #
Don’t forget to install shortcode before usage.
Install all shortcodes at once
If you need dozens of them, it’s better to attach this repository as a theme to your website.
First, add the theme as a git submodule:
git submodule add -b theme https://github.com/isqua/hugo-shortcodes.git themes/hugo-shortcodes
Then add the theme to your config.toml
. Most likely you have the following line in your config:
theme = 'ananke'
There may be another theme in place of “ananke”.
Then surround the theme with square brackets, and appends 'hugo-shortcodes'
with a comma at the end:
theme = [ 'ananke', 'hugo-shortcodes' ]
That’s it! If your hugo server is running, it is better to restart it to avoid unexpected behavior.
Now you can use all the shortcodes on any content page of your site.
Install only current shortcode
If you need only one shortcode or installing a theme is too complicated, you may get it easier.
- First, download shortcode file.
- Put the file into your
layouts/shortcodes
folder.
That’s it! If your hugo server is running, it is better to restart it to avoid unexpected behavior.
Now you can use the shortcode on any content page of your site.