From 8d0dd0dea5859be4d273a265c3015af829f4f65d Mon Sep 17 00:00:00 2001 From: Jieiku Date: Fri, 14 Aug 2026 21:28:41 -0700 Subject: Update Documentation --- content/overview-images/index.es.md | 8 ++++---- content/overview-images/index.fr.md | 12 ++++++------ content/overview-images/index.md | 14 +++++++------- 3 files changed, 17 insertions(+), 17 deletions(-) (limited to 'content/overview-images') diff --git a/content/overview-images/index.es.md b/content/overview-images/index.es.md index 5fff0cc..743e63a 100644 --- a/content/overview-images/index.es.md +++ b/content/overview-images/index.es.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un shortcode se evita CLS al establecer explícitamente la anchura y la altura." +description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un component se evita CLS al establecer explícitamente la anchura y la altura." draft = false title = "Códigos cortos de imagen" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,11 +13,11 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -Este post cubre los **shortcodes imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse. +Este post cubre los **components imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse. diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md index 82c1bd6..1981c94 100644 --- a/content/overview-images/index.fr.md +++ b/content/overview-images/index.fr.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un shortcode empêche CLS en définissant explicitement la largeur et la hauteur." +description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un component empêche CLS en définissant explicitement la largeur et la hauteur." draft = false title = "Codes courts d'image" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,15 +13,15 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -Cet article couvre les **shortcodes imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. +Cet article couvre les **components imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un component afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. -# img Shortcode +# img Component - src est le chemin et le nom de fichier de l'image par défaut. (obligatoire) - class définit une classe pour l'image. @@ -96,7 +96,7 @@ Cours optionnels: -# imgswap Shortcode +# imgswap Component Par défaut, main_src est l'image affichée, swap_src est affiché au survol de la souris. diff --git a/content/overview-images/index.md b/content/overview-images/index.md index 77a596b..93df27d 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height." +description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a component prevents CLS by explicitly setting the width and height." draft = false -title = "Image Shortcodes" +title = "Image Components" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,15 +13,15 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -This post covers the **imgswap and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. +This post covers the **imgswap and img components**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a component so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. -# img Shortcode +# img Component - src is the path and filename of the image. (mandatory) - class sets a class for the image. @@ -96,7 +96,7 @@ Optional Classes: -# imgswap Shortcode +# imgswap Component By default main_src is the image displayed, swap_src is displayed on mouse hover. -- cgit v1.3.1