21/05/2022
A scatterplot.
Puede agregar un subtítulo a una diapositiva o sección al incluir texto después del carácter de barra vertical (|). Por ejemplo: Levantarse | Lo que me gusta hacer a primera hora
Los siguientes métodos abreviados de teclado de un solo carácter permiten modos de visualización alternativos: Al presionar Esc se sale de todos estos modos. Consulte las secciones a continuación sobre Resaltado de código y Modo de presentador para obtener detalles adicionales sobre esos modos.
‘f’: habilitar el modo de pantalla completa
‘w’: alternar el modo de pantalla panorámica
‘o’: habilitar el modo de vista general
‘h’: habilitar el modo de resaltado de código
‘p’: muestra las notas del presentador
output:
ioslides_presentation:
incremental: true
Si desea representar viñetas de forma incremental para algunas diapositivas pero no para otras, puede (ab) usar esta sintaxis para las comillas en bloque:
> - Eat eggs > - Drink coffee
Puede mostrar la presentación usando un factor de forma más amplio usando la opción de pantalla ancha. Puede especificar que se use texto más pequeño con la opción más pequeña. Por ejemplo:
output:
ioslides_presentation:
widescreen: TRUE
smaller: TRUE
También puede habilitar la opción más pequeña diapositiva por diapositiva agregando el atributo .smaller al encabezado de la diapositiva:
## Getting up {.smaller}
Puede personalizar la velocidad de las transiciones de diapositivas utilizando la opción de transición. Puede ser “default”, “slower”, “faster” o un valor numérico con una cantidad de segundos (por ejemplo, 0,5). Por ejemplo:
output:
ioslides_presentation:
transition: slower
Las diapositivas también pueden tener un atributo .build que indica que su contenido debe mostrarse de forma incremental. Por ejemplo:
## Levantarse {.build}
Los atributos de diapositiva se pueden combinar si necesita especificar más de uno. Por ejemplo:
## Levantarse {.smaller .build}
Puede especificar una imagen de fondo para una diapositiva usando el atributo data-background y usar otros atributos, incluidos data-background-size, data-background-position y data-background-repeat para modificar el estilo de la imagen. Debe estar familiarizado con CSS para comprender completamente estos cuatro atributos, y corresponden a las propiedades de CSS background, background-size, background-position y background-repeat, respectivamente. Por ejemplo:
## Getting up {data-background=foo.png data-background-size=cover}
El color de fondo se puede lograr agregando {data-background=#00B9E3} después del encabezado.
Puede agregar su propio CSS a una presentación de ioslides usando la opción css:
output:
ioslides_presentation:
css: styles.css
También puede dirigirse a diapositivas específicas o clases de diapositivas con CSS personalizado agregando ID o clases a los encabezados de las diapositivas dentro de su documento. Por ejemplo, el siguiente encabezado de diapositiva:
## Future Steps {#future-steps .emphasized}
Le permitiría aplicar CSS a todo su contenido utilizando cualquiera de los siguientes selectores de CSS:
#future-steps { color: blue; }
.emphasized { font-size: 1.2em; }
Es posible seleccionar subconjuntos de código para un énfasis adicional agregando un comentario especial “resaltado” alrededor del código. Por ejemplo:
X <- 10
y <- x * 2
La región resaltada se mostrará con una fuente en negrita. Cuando desee ayudar a la audiencia a concentrarse exclusivamente en la región resaltada, presione la tecla h y el resto del código se desvanecerá.
La plantilla de ioslides tiene un atractivo estilo predeterminado para las tablas, por lo que no debe dudar en agregar tablas para presentar conjuntos de información más complejos. Pandoc Markdown admite varias sintaxis para definir tablas, que se describen en el Manual de Pandoc.
| Right | Left | Center | Default |
|---|---|---|---|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
| 1 | 1 | 1 | 1 |
Puede centrar el contenido verticalmente para toda la diapositiva agregando {.flexbox .vcenter} al encabezado.
También puede centrar cierto contenido horizontalmente especificando lo siguiente:
Toda esta sección está centrada
<div class="centered">
**Toda esta sección está centrada**
</div>
Se puede hacer un diseño de dos columnas envolviendo dos fragmentos de códigos con una clase específica. Consulte lo siguiente, por ejemplo.
Esto se logra por : {.columns-2 .smaller}
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Puede hacer un diseño de dos columnas usando la clase column-2. Por ejemplo:
<div style="float: left; width: 40%;"> + This text is on the left </div> <div style="float: right; width: 60%;"> + This text is on the right </div>
Bold text can be achieved by Bold.
Italic text can be achieved by Italic
Puede colorear el contenido usando las clases de colores base red, blue, green, yellow, and gray (or variations of them, e.g., red2, red3, blue2, blue3, etc.). For example:
Color text
<div class="red2"> Color text </div>