Skip to content

Commit 558ea10

Browse files
authored
picture is an inline literal
1 parent e29ace9 commit 558ea10

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

docs/classic-ui/images.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -285,10 +285,10 @@ To access image scales, which are normally not accessible to the current user, o
285285

286286
## Responsive image support
287287

288-
Plone supports the generation of picture tags with `srcset`s for image optimization.
288+
Plone supports the generation of `picture` tags with `srcset`s for image optimization.
289289
Additionally, you can define [media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries) for [art direction](classic-ui-images-responsive-image-support-art-direction) and further optimization.
290290

291-
The configuration allows you to define different picture variants, such as `Large`, `Medium`, or `Small`.
291+
The configuration allows you to define different `picture` variants, such as `Large`, `Medium`, or `Small`.
292292
Users can choose from them in editors, such as TinyMCE, and developers can use them in templates.
293293

294294
To generate a `picture` tag, use:
@@ -302,9 +302,9 @@ tag = scale_util.picture("image", scale='larger', picture_variant='large')
302302

303303
(classic-ui-images-responsive-image-support-picture-variants)=
304304

305-
### Picture variants
305+
### `picture` variants
306306

307-
In `/@@imaging-controlpanel` Plone allows you to define picture variants with a list of available image scales.
307+
In `/@@imaging-controlpanel` Plone allows you to define `picture` variants with a list of available image scales.
308308
These are used for HTML {term}`srcset` attributes.
309309
A `srcset` attribute can help the browser to serve the best fitting image size for the current user's display.
310310

@@ -404,10 +404,10 @@ This means the generated `srcset` will contain the scales from `preview` up to `
404404

405405
(classic-ui-images-responsive-image-support-picture-variant-in-editor)=
406406

407-
#### Hiding a picture variant in editors
407+
#### Hiding a `picture` variant in editors
408408

409-
It is possible to hide a picture variant in editors.
410-
This is useful when you want to define a picture variant to be used in templates only.
409+
It is possible to hide a `picture` variant in editors.
410+
This is useful when you want to define a `picture` variant to be used in templates only.
411411

412412
```json
413413
"leadimage": {

0 commit comments

Comments
 (0)