diff options
Diffstat (limited to 'content/overview-rich-content')
| -rw-r--r-- | content/overview-rich-content/index.es.md | 20 | ||||
| -rw-r--r-- | content/overview-rich-content/index.fr.md | 20 | ||||
| -rw-r--r-- | content/overview-rich-content/index.md | 20 |
3 files changed, 30 insertions, 30 deletions
diff --git a/content/overview-rich-content/index.es.md b/content/overview-rich-content/index.es.md index 42ffd2e..222c65f 100644 --- a/content/overview-rich-content/index.es.md +++ b/content/overview-rich-content/index.es.md @@ -1,11 +1,11 @@ +++ date = 2021-05-15T15:00:00Z -description = "Una breve descripción de Shortcodes personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio." +description = "Una breve descripción de Components personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio." draft = false title = "Contenido enriquecido" [extra] -keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes" +keywords = "Images, Videos, Audio, Gif, Rich Content, Components" series = "Features" toc = true @@ -15,10 +15,10 @@ tags = [ "Video", "Audio", "Images", - "Shortcodes", + "Components", ] +++ -Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` los shortcodes `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos. +Se incluyen varios components personalizados para aumentar CommonMark. `video` los components `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos. <!-- more --> @@ -34,7 +34,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l - `muted` cuando está activado, silencia el audio inicialmente. - `playsinline` si está configurado, reproduce el vídeo incrustado en lugar de a pantalla completa en navegadores móviles. -*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)* **Clases opcionales:** @@ -77,7 +77,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l ## Imagen -El shortcode `image` devuelve una etiqueta `<picture>` con múltiples fuentes. +El component `image` devuelve una etiqueta `<picture>` con múltiples fuentes. Cada cadena en la matriz `sources` debe ser una ruta a un archivo de imagen de un tipo diferente (`avif`, `webp`, `png`, `jpg`, etc). La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<img>` para que el navegador recurra a ella si los otros formatos aún no son compatibles. @@ -88,7 +88,7 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<im - `w` establece el ancho de la imagen. - `h` establece la altura de la imagen. -*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)* **Clases opcionales:** @@ -115,7 +115,7 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<im ## GIF -El shortcode `gif` es exactamente igual que el [shortcode video](#video). +El component `gif` es exactamente igual que el [component video](#video). La única diferencia es que automáticamente tiene las propiedades adicionales: `autoplay`, `loop`, `muted`, `playsinline`. El uso de la etiqueta `<video>` en lugar de gifs permite reducir el tamaño de los archivos, @@ -140,7 +140,7 @@ menos fiable. ## Audio -El shortcode `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta +El component `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta `<audio>`. Cada cadena de la matriz `sources` debe ser una ruta a un archivo de audio de un tipo diferente (`ogg`, `mp3`, `flac`, `wav`, etc). El navegador reproducirá el primer tipo que admita, por lo que colocarlos en orden de menor a mayor tamaño utilizará el menor ancho de banda si ese es su objetivo. @@ -152,7 +152,7 @@ El navegador reproducirá el primer tipo que admita, por lo que colocarlos en or - `loop` cuando se establece, reproduce el audio en bucle. - `muted` cuando se establece, establece el audio silenciado inicialmente. -*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)* **Clases opcionales:** diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md index 838280b..4397dd7 100644 --- a/content/overview-rich-content/index.fr.md +++ b/content/overview-rich-content/index.fr.md @@ -1,11 +1,11 @@ +++ date = 2021-05-15T15:00:00Z -description = "Une brève description des shortcodes personnalisés pour Zola qui mettent en œuvre des éléments html modernes : vidéo, image, gif, audio." +description = "Une brève description des components personnalisés pour Zola qui mettent en œuvre des éléments html modernes : vidéo, image, gif, audio." draft = false title = "Un contenu riche" [extra] -keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes" +keywords = "Images, Videos, Audio, Gif, Rich Content, Components" series = "Features" toc = true @@ -15,10 +15,10 @@ tags = [ "Video", "Audio", "Images", - "Shortcodes", + "Components", ] +++ -Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `video` les shortcodes `image`, `gif` et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans vos écrits. +Plusieurs components personnalisés sont inclus pour améliorer CommonMark. `video` les components `image`, `gif` et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans vos écrits. <!-- more --> @@ -34,7 +34,7 @@ Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `vid - `muted` lorsque cette option est activée, le son est initialement coupé. - `playsinline` lorsque cette option est activée, la vidéo est lue en mode intégré plutôt qu'en mode plein écran sur les navigateurs mobiles. -*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)* **Classes optionnelles :** @@ -77,7 +77,7 @@ Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `vid ## Image -Le shortcode `image` renvoie une balise `<picture>` avec plusieurs sources. +Le component `image` renvoie une balise `<picture>` avec plusieurs sources. Chaque chaîne du tableau `sources` doit être un chemin vers un fichier image d'un type différent (`avif`, `webp`, `png`, `jpg`, etc). La dernière image du tableau `sources` est utilisée pour créer une balise `<img>` sur laquelle le navigateur peut se rabattre si les autres formats ne sont pas encore pris en charge. @@ -88,7 +88,7 @@ La dernière image du tableau `sources` est utilisée pour créer une balise `<i - `w` définit la largeur de l'image. - `h` définit la hauteur de l'image. -*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)* **Classes optionnelles :** @@ -115,7 +115,7 @@ La dernière image du tableau `sources` est utilisée pour créer une balise `<i ## GIF -Le shortcode `gif` est exactement le même que le [shortcode vidéo](#video). +Le component `gif` est exactement le même que le [component vidéo](#video). La seule différence est qu'il possède automatiquement les propriétés supplémentaires : `autoplay`, `loop`, `muted`, `playsinline`. L'utilisation de la balise `<video>` à la place des gifs permet de réduire la taille des fichiers, @@ -140,7 +140,7 @@ moins fiable. ## Audio -Le shortcode `audio` prend un tableau de chaînes `sources` et renvoie une balise +Le component `audio` prend un tableau de chaînes `sources` et renvoie une balise `<audio>`. Chaque chaîne du tableau `sources` doit être un chemin vers un fichier audio d'un type différent (`ogg`, `mp3`, `flac`, `wav`, etc). Le navigateur lira le premier type qu'il prend en charge, donc les placer dans l'ordre de la taille la plus petite à la plus grande utilisera le moins de bande passante si c'est votre objectif. @@ -152,7 +152,7 @@ Le navigateur lira le premier type qu'il prend en charge, donc les placer dans l - `loop` lorsque cette option est activée, l'audio est lu en boucle. - `muted` lorsqu'il est défini, met l'audio en sourdine au départ. -*les sources peuvent être le même chemin, un chemin relatif ou le chemin de la racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*les sources peuvent être le même chemin, un chemin relatif ou le chemin de la racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)* **Classes optionnelles :** diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index bed7472..1e34053 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -1,11 +1,11 @@ +++ date = 2021-05-15T15:00:00Z -description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio." +description = "A brief description of custom Components for Zola that implement modern html elements: video, image, gif, audio." draft = false title = "Rich Content" [extra] -keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes" +keywords = "Images, Videos, Audio, Gif, Rich Content, Components" series = "Features" toc = true @@ -15,10 +15,10 @@ tags = [ "Video", "Audio", "Images", - "Shortcodes", + "Components", ] +++ -Several custom shortcodes are included to augment CommonMark. `video`, `image`, `gif`, and `audio` were created to help you take advantage of modern HTML elements in your writing. +Several custom components are included to augment CommonMark. `video`, `image`, `gif`, and `audio` were created to help you take advantage of modern HTML elements in your writing. <!-- more --> @@ -34,7 +34,7 @@ Several custom shortcodes are included to augment CommonMark. `video`, `image`, - `muted` when set, sets the audio muted initially. - `playsinline` when set, plays the video embeded instead of fullscreen on mobile browsers. -*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)* +*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)* **Optional Classes:** @@ -77,7 +77,7 @@ Several custom shortcodes are included to augment CommonMark. `video`, `image`, ## Image -The `image` shortcode returns a `<picture>` tag with multiple sources. +The `image` component returns a `<picture>` tag with multiple sources. Each string in the `sources` array should be a path to an image file of a different type (`avif`, `webp`, `png`, `jpg`, etc). The last image in the `sources` array is used to create an `<img>` tag for the browser to fall back on if the other formats are not yet supported. @@ -88,7 +88,7 @@ Each string in the `sources` array should be a path to an image file of a differ - `w` sets the width of the image. - `h` sets the height of the image. -*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)* +*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)* **Optional Classes:** @@ -115,7 +115,7 @@ Each string in the `sources` array should be a path to an image file of a differ ## GIF -The `gif` shortcode is exactly the same as the [video shortcode](#video). +The `gif` component is exactly the same as the [video component](#video). The only difference is it automatically has the additional properties: `autoplay`, `loop`, `muted`, `playsinline`. Using the `<video>` tag in place of gifs allows for reduced file sizes, @@ -140,7 +140,7 @@ less reliable. ## Audio -The `audio` shortcode takes a `sources` array of strings and returns an +The `audio` component takes a `sources` array of strings and returns an `<audio>` tag. Each string in the `sources` array should be a path to an audio file of a different type (`ogg`, `mp3`, `flac`, `wav`, etc). The browser will play the first type it supports, so placing them in order of size smallest to largest will use the least bandwidth if that is your goal. @@ -152,7 +152,7 @@ The browser will play the first type it supports, so placing them in order of si - `loop` when set, plays the audio on a loop. - `muted` when set, sets the audio muted initially. -*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)* +*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)* **Optional Classes:** |