diff options
author | Yoshiharu Yamashita <yoshiharuyamashita@outlook.com> | 2017-07-30 09:29:34 +0300 |
---|---|---|
committer | Yoshiharu Yamashita <yoshiharuyamashita@outlook.com> | 2017-07-30 09:29:34 +0300 |
commit | 307ad99b0ff51a3641d7792ddf4941a650e4cd92 (patch) | |
tree | 36ce81c5d6ef8e47f93a14043348d661722dc263 /README.md | |
parent | 6378e9a42fc7776843b757cbccafb459ffec2b21 (diff) |
Add shortcode to show multiple images
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 24 |
1 files changed, 22 insertions, 2 deletions
@@ -199,13 +199,33 @@ paginate = 10 ## Shortcodes -### Positional +### fluid_imgs + +``` +{{< fluid_imgs + "class|src|alt" + "class|src|alt" + "... and so on" +>}} +``` + +where each positional parameter is separated by the vertical bar (i.e., |). + +- `class`: specifies a Pure CSS unit class name (**required**) +- `src`: specifies the URL of an image (**required**) +- `alt`: specifies an alternate text for an image (optional) + +See [here](http://yoshiharuyamashita.com/post/hugo-shortcode-to-show-multiple-images/) for examples. + +### fluid_img (obsolete) + +#### Positional ``` {{% fluid_img "/path/to/img" %}} ``` -### Named +#### Named ``` {{% fluid_img class="pure-u-1-2" src="/path/to/img" alt="img description" %}} |