From 2aa5a83686880e947a6614a42f93550d96b1f87f Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sun, 2 Feb 2025 21:30:23 -0800 Subject: Add and Update Translations --- content/overview-rich-content/index.fr.md | 116 +++++++++++++++++++----------- 1 file changed, 73 insertions(+), 43 deletions(-) (limited to 'content/overview-rich-content/index.fr.md') 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. ## 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 `` 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 `` 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 `` 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 `