aboutsummaryrefslogtreecommitdiff
path: root/content/overview-rich-content/index.fr.md
diff options
context:
space:
mode:
authorJieiku2025-02-02 21:30:23 -0800
committerJieiku2025-02-02 21:30:23 -0800
commit2aa5a83686880e947a6614a42f93550d96b1f87f (patch)
tree0a55e8aae25f88d6d963da3af4e15bcbcf326e43 /content/overview-rich-content/index.fr.md
parente77219e6fb57fa956971e3ce4a76aad2a25a3000 (diff)
downloadabridge-2aa5a83686880e947a6614a42f93550d96b1f87f.tar.gz
abridge-2aa5a83686880e947a6614a42f93550d96b1f87f.tar.bz2
abridge-2aa5a83686880e947a6614a42f93550d96b1f87f.zip
Add and Update Translations
Diffstat (limited to 'content/overview-rich-content/index.fr.md')
-rw-r--r--content/overview-rich-content/index.fr.md116
1 files changed, 73 insertions, 43 deletions
diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md
index 77cc21c..acd9374 100644
--- a/content/overview-rich-content/index.fr.md
+++ b/content/overview-rich-content/index.fr.md
@@ -1,8 +1,8 @@
+++
date = 2021-05-15T15:00:00Z
-description = "Une brève description des Shortcodes personnalisés pour Zola qui implémentent des éléments html modernes : vidéo, image, gif, audio."
+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."
draft = false
-title = "Contenu riche"
+title = "Un contenu riche"
[extra]
keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
@@ -18,135 +18,165 @@ tags = [
"Shortcodes",
]
+++
-Plusieurs codes abrégés personnalisés sont inclus pour augmenter CommonMark. `video`, `image`, `gif`, et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans votre écriture.
+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.
<!-- more -->
## Vidéo
-- `sources` sont un tableau de chemins de fichiers vidéo. (obligatoire)
+- `sources` est un tableau de chemins d'accès aux fichiers vidéo. (obligatoire)
- `class` définit une classe pour la vidéo.
- `caption` définit le texte de la légende sous la vidéo.
- `w` définit la largeur de la vidéo.
- `h` définit la hauteur de la vidéo.
-- `autoplay` lorsqu'il est défini sur "true", lit automatiquement la vidéo au chargement.
-- `loop` lorsqu'il est défini sur "true", lit la vidéo en boucle.
-- `muted` lorsqu'il est défini sur "true", règle le son initialement coupé.
+- `autoplay` lorsque cette option est activée, la vidéo s'affiche automatiquement au chargement.
+- `loop` lorsque cette option est activée, la vidéo est lue en boucle.
+- `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, un chemin relatif ou un chemin racine, comme le [img shortcode](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 [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
-**Cours optionnels:**
+**Classes optionnelles :**
- `ci` peut être utilisé pour centrer l'image.
- `fr` peut être utilisé pour faire flotter l'image à droite.
-- `fl` peut être utilisé pour faire flotter l'image vers la gauche.
+- `fl` peut être utilisé pour faire flotter l'image à gauche.
- `b1` peut être utilisé pour ajouter une bordure de 1px.
-### Usage
+### Utilisation
+
```rs
{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}}
```
-### Sortir
+
+### Sortie
+
```html
{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
```
+
{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
-### Usage
+### Utilisation
+
```rs
{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") */}}
```
-### Sortir
+
+### Sortie
+
```html
{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }}
```
+
{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }}
## Image
Le shortcode `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 pourra s'appuyer si les autres formats ne sont pas encore pris en charge.
+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.
-- `sources` sont un tableau de chemins de fichiers image. (obligatoire)
+- `sources` est un tableau de chemins d'accès aux fichiers d'images. (obligatoire)
- `class` définit une classe pour l'image.
- `caption` définit le texte de la légende sous l'image.
- `w` définit la largeur de l'image.
- `h` définit la hauteur de l'image.
-** les sources peuvent être le même chemin, un chemin relatif ou un chemin racine, comme le [img shortcode](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 [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
-**Cours optionnels:**
+**Classes optionnelles :**
- `ci` peut être utilisé pour centrer l'image.
- `fr` peut être utilisé pour faire flotter l'image à droite.
-- `fl` peut être utilisé pour faire flotter l'image vers la gauche.
+- `fl` peut être utilisé pour faire flotter l'image à gauche.
- `b1` peut être utilisé pour ajouter une bordure de 1px.
-### Usage
+### Utilisation
+
```rs
-{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"], w=640, h=480, alt="ITS OVER 9000!") */}}
+{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") */}}
```
-### Sortir
+
+### Sortie
+
```html
-{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"], w=640, h=480, alt="ITS OVER 9000!") }}
+{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }}
```
-{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"], w=640, h=480, alt="ITS OVER 9000!") }}
+
+{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }}
## GIF
-Le `gif` shortcode est exactement le même que le [shortcode vidéo][#video].
- La seule différence est qu'il possède automatiquement les propriétés supplémentaires: `autoplay`, `loop`, `muted`, `playsinline`.
+Le shortcode `gif` est exactement le même que le [shortcode 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 `<video>` balise à la place des gifs permet de réduire la taille des fichiers, ce qui est particulièrement important dans les régions où Internet est plus lent ou moins fiable.
+L'utilisation de la balise `<video>` à la place des gifs permet de réduire la taille des fichiers,
+, ce qui est particulièrement important dans les régions où l'internet est plus lent ou
+moins fiable.
+
+### Utilisation
-### Usage
```rs
{{/* gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}}
```
-### Sortir
+
+### Sortie
+
```html
{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
```
+
{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
-## l'audio
+## Audio
-Le `audio` shortcode prend un `sources` tableau de chaînes et renvoie une `<audio>` balise. Chaque chaîne du `sources` tableau doit être un chemin vers un fichier audio d'un type différent (`ogg`, `mp3`, `flac`, `wav`, etc). Le navigateur jouera 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 tel est votre objectif.
+Le shortcode `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.
-- `sources` est un tableau de chemins de fichiers. (obligatoire)
+- `sources` est un tableau de chemins d'accès aux fichiers. (obligatoire)
- `class` définit une classe pour l'audio.
- `caption` définit le texte de la légende sous l'audio.
-- `autoplay` lorsqu'il est défini, lit automatiquement l'audio au chargement.
-- `loop` lorsqu'il est défini, lit l'audio en boucle.
-- `muted` lorsqu'il est défini, définit le son initialement coupé.
+- `autoplay` lorsque cette option est activée, l'audio s'affiche automatiquement au chargement.
+- `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 un chemin racine, comme le [img shortcode](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 [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
-**Cours optionnels:**
+**Classes optionnelles :**
- `ci` peut être utilisé pour centrer l'image.
- `fr` peut être utilisé pour faire flotter l'image à droite.
-- `fl` peut être utilisé pour faire flotter l'image vers la gauche.
+- `fl` peut être utilisé pour faire flotter l'image à gauche.
- `b1` peut être utilisé pour ajouter une bordure de 1px.
-### Usage
+### Utilisation
+
```rs
{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) */}}
```
-### Sortir
+
+### Sortie
+
```html
{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) }}
```
+
{{ audio(sources=["over9000.ogg", "over9000.mp3"]) }}
-### Usage
+### Utilisation
+
```rs
{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") */}}
```
-### Sortir
+
+### Sortie
+
```html
{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") }}
```
+
{{ audio(sources=["over9000.ogg", "over9000.mp3"] class="ci b1" caption="It's Over 9000!!") }}