feat(shortcodes): add inline option to image shortcodes (#315)

This commit is contained in:
Óscar 2024-05-18 14:52:39 +02:00 committed by GitHub
parent 6a4f4244e0
commit 27525fc13f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 101 additions and 39 deletions

View file

@ -1,7 +1,7 @@
+++
title = "Custom shortcodes"
date = 2023-02-19
updated = 2024-05-03
updated = 2024-05-18
description = "This theme includes some useful custom shortcodes that you can use to enhance your posts. Whether you want to display images that adapt to light and dark themes, or format a professional-looking reference section, these custom shortcodes have got you covered."
[taxonomies]
@ -17,11 +17,13 @@ social_media_card = "social_cards/blog_shortcodes.jpg"
## Image shortcodes
**Note**: all image shortcodes have two optional parameters: `full_width`, which defaults to `false` (see [below](#full-width-image)), and `lazy_loading`, which defaults to `true`.
All image shortcodes support absolute paths, relative paths, and remote sources in the `src` parameter.
**Note 2**: as of [PR #222](https://github.com/welpo/tabi/pull/222) (commit [7796162](https://github.com/welpo/tabi/commit/7796162e378cacb9b4d6129f95138121224714f1)), all image shortcodes support relative paths in the `src` parameter.
All image shortcodes have three optional parameters:
**Note 3**: as of [PR #280](https://github.com/welpo/tabi/pull/280), all image shortcodes support remote images in the `src` parameter.
- `inline`. Defaults to `false`. If set to `true`, the image will be displayed inline with the text.
- `full_width`. Defaults to `false` (see [below](#full-width-image))
- `lazy_loading`. Defaults to `true`.
### Dual theme images