From b0adc8cdf604806a889708c5639020181b9a625c Mon Sep 17 00:00:00 2001 From: BernatBC Date: Sun, 14 Jan 2024 10:46:39 +0100 Subject: [PATCH] Translate Shortcodes to spanish --- content/posts/shortcodes/index.es.md | 264 +++++++++++++++++++++++++++ 1 file changed, 264 insertions(+) create mode 100644 content/posts/shortcodes/index.es.md diff --git a/content/posts/shortcodes/index.es.md b/content/posts/shortcodes/index.es.md new file mode 100644 index 00000000..8225c0e7 --- /dev/null +++ b/content/posts/shortcodes/index.es.md @@ -0,0 +1,264 @@ +--- +title: "Los Shortcodes" +date: 2020-06-08T08:06:25+06:00 +description: Los Shortcodes +menu: + sidebar: + name: Los Shortcodes + identifier: shortcodes + weight: 700 +hero: boat.jpg +--- + +Esta es una publicación de ejemplo con el objectivo de testear lo siguiente: + +- Imagen de hero determinada. +- Los distintos shortcodes. + +## Alerta + +Las siguientes alertas están disponibles en este tema. + +#### Éxito + +**Código:** + +```markdown +{{}} +Esto es un ejemplo de alerta con `type="success"`. +{{}} +``` + +**Resultado:** + +{{< alert type="success" >}} +Esto es un ejemplo de alerta con `type="success"`. +{{< /alert >}} + +#### Peligro + +**Código:** + +```markdown +{{}} +Esto es un ejemplo de alerta con `type="danger"`. +{{}} +``` + +**Resultado:** + +{{< alert type="danger" >}} +Esto es un ejemplo de alerta con `type="danger"`. +{{< /alert >}} + +#### Precaución + +**Código:** + +```markdown +{{}} +Esto es un ejemplo de alerta con `type="warning"`. +{{}} +``` + +**Resultado:** + +{{< alert type="warning" >}} +Esto es un ejemplo de alerta con `type="warning"`. +{{< /alert >}} + +#### Inforamción + +**Código:** + +```markdown +{{}} +Esto es un ejemplo de alerta con `type="info"`. +{{}} +``` + +**Resultado:** + +{{< alert type="info" >}} +Esto es un ejemplo de alerta con `type="info"`. +{{< /alert >}} + +## Imagen + +#### Una imagen de ejemplo sin ningún atributo. + +**Código:** + +```markdown +{{}} +``` + +**Resultado:** + +{{< img src="/posts/shortcodes/boat.jpg" title="Una barca en el mar" >}} + +{{< vs 3 >}} + +#### Una imagen de ejemplo con los atributos `height` y `width`. + +**Código:** + +```markdown +{{}} +``` + +**Resultado:** + +{{< img src="/posts/shortcodes/boat.jpg" height="400" width="600" title="Una barca en el mar" >}} + +{{< vs 3 >}} + +#### Una imagen de ejemplo centrada con los atributos `height` y `width`. + +**Código:** + +```markdown +{{}} +``` + +**Resultado:** + +{{< img src="/posts/shortcodes/boat.jpg" height="400" width="600" align="center" title="Una barca en el mar" >}} + +{{< vs 3 >}} + +#### Una imagen de ejemplo con el atributo `float`. + +**Código:** + +```markdown +{{}} +``` + +**Resultado:** + +{{< img src="/posts/shortcodes/boat.jpg" height="200" width="500" float="right" title="Una barca en el mar" >}} + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. Praesent tellus risus, eleifend vel efficitur ac, venenatis sit amet sem. Ut ut egestas erat. Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. Suspendisse nec ipsum eu erat finibus dictum. Morbi volutpat nulla purus, vel maximus ex molestie id. Nullam posuere est urna, at fringilla eros venenatis quis. + +Fusce vulputate dolor augue, ut porta sapien fringilla nec. Vivamus commodo erat felis, a sodales lectus finibus nec. In a pulvinar orci. Maecenas suscipit eget lorem non pretium. Nulla aliquam a augue nec blandit. Curabitur ac urna iaculis, ornare ligula nec, placerat nulla. Maecenas aliquam nisi vitae tempus vulputate. + +## División + +Este tema suporta dividir la página en tantas columnas como desee. + +#### División en dos columnas + +**Código:** + +```markdown +{{}} +##### Columna Izquierda + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. + +--- + +##### Columna Derecha + +Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. + +{{}} +``` + +**Resultado:** + +{{< split 6 6>}} + +##### Columna Izquierda + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. + +--- + +##### Columna Derecha + +Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. + +{{< /split >}} + +#### División en tres columnas + +**Código:** + +```markdown +{{}} +##### Columna Izquierda + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. + +--- + +##### Columna Central + +Aenean dignissim dictum ex. Donec a nunc vel nibh placerat interdum. + +--- + +##### Columna Derecha + +Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. + +{{}} +``` + +**Resultado:** + +{{< split 4 4 4 >}} + +##### Columna Izquierda + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. + +--- + +##### Columna Central + +Aenean dignissim dictum ex. Donec a nunc vel nibh placerat interdum. + +--- + +##### Columna Derecha + +Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. + +{{< /split >}} + +## Espacio Vertical + +Da espacio vertical entre dos líneas. + +**Código:** + +```markdown +Esta es la primera línea. +{{}} +This is line two. It should have `4rem` vertical space with previous line. +Esta es la segunda línea. Debería tener un espacio vertical `4rem` con la línea previa. +``` + +**Resultado:** + +Esta es la primera línea. +{{< vs 4>}} +Esta es la segunda línea. Debería tener un espacio vertical `4rem` con la línea previa. + +## Vídeo + +**Código:** + +```markdown +{{}} +``` + +**Resultado:** + +{{< video src="/videos/sample.mp4" >}} + + +Video by [Rahul Sharma](https://www.pexels.com/@rahul-sharma-493988) from [Pexels](https://www.pexels.com).