Bloques de Gutenberg

Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.


Encabezando uno

Encabezado dos

Encabezado tres

Encabezado cuatro

Encabezado cinco
Encabezando seis

Bloque preformateado

El camino no tomado, Por Robert Frost

Dos caminos se bifurcaban en un bosque amarillo,
Y lamento no haber podido viajar ambos días.
Y ser un viajero, mucho tiempo estuve allí
Y miré hacia abajo hasta donde pude.
Hasta donde se doblaba entre la maleza;
Luego tomó el otro, igual de justo,
Y teniendo quizás el mejor derecho,
Porque estaba cubierto de hierba y necesitaba ser usado;
Aunque en cuanto a eso, el paso allí
Las había usado prácticamente igual.,
Y ambos esa mañana yacían por igual.
En las hojas, ningún paso había pisado nada negro.
¡Oh, guardé el primero para otro día!
Sin embargo, sabiendo cómo un camino lleva a otro,
Dudé si alguna vez volvería.
Lo contaré con un suspiro
En algún lugar, dentro de muchísimos años:
Dos caminos se bifurcaban en un bosque, y yo...
Tomé el menos transitado,
Y eso ha marcado la diferencia.

...y aquí hay una línea de texto realmente, realmente, realmente, realmente largo, solo para ver cómo se maneja y para averiguar cómo se desborda;

Lista ordenada

  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
  2. Donec ullamcorper nulla non metus auctor fringilla.
    1. Condimentum euismod aenean.
    2. Purus commodo ridiculus.
    3. Vestíbulo de Nibh commodo.
  3. Cras justo odio, dapibus ac facilisis in.

Lista no ordenada

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec ullamcorper nulla non metus auctor fringilla.
    • Vestíbulo de Nibh commodo.
    • Aenean eu leo quam.
    • Adornos pellentescos sin lacinia.
  • Cras justo odio, dapibus ac facilisis in.

Versículo

Este es un ejemplo del bloque de versos principal de Gutenberg.

¿Un bloque para haikus? 
¿Por qué no?
¡Bloques para todo!

Separador

Aquí se muestran ejemplos de los tres estilos de separador del bloque separador principal de Gutenberg.




Mesa

Aquí tenéis un ejemplo del bloque de tabla básico de Gutenberg. 

EmpleadoSalarioPosición
Jane Doe
$100kDirector ejecutivo
Juan Doe$100kCTO
Jane Bloggs$100kIngeniería
Fred Bloggs$100kMarketing

Últimas publicaciones, vista de lista

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egetas eget quam. 

Últimas publicaciones, Vista de cuadrícula

Y ahora, la vista de cuadrícula. El bloque de publicaciones más recientes también se muestra con alineaciones de ancho completo y ancho amplio, así que asegúrese de revisar también esos estilos.


Cita en bloque

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

Rico Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Cita alternativa

El estilo de cita en bloque alternativo se puede dirigir utilizando el .wp-block-quote.is-large. Selector CSS. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Rico Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Audio

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Alineado con el centro:

Un ejemplo de subtítulos en bloque de audio

Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.


Botones

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Alineado con el centro

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Entero posuere erat a ante venenatis dapibus posuere velit aliquet. 

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Entero posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Mecenas sed diam eget risus varius.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Entero posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Mecenas sed diam eget risus varius.


Categorías


Archivo


Columnas

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.


Citas destacadas

A continuación se muestra un ejemplo del bloque de cotización de extracción principal, configurado para mostrarse centrado. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.

Rich Tabor, ThemeBeans.com

Ampliamente alineado

A continuación se muestra un ejemplo del bloque de cotización de extracción principal, configurado para mostrarse con el atributo alineado ampliamente, si el tema lo permite. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Aquí tenemos una cita destacada alineada a la izquierda.

Rico Tabor

Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egetas eget quam. Entero posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

Aquí tenemos una cita destacada alineada a la derecha.

Rico Tabor

Donec ullamcorper nulla non metus auctor fringilla. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


Bloque de imagen

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Plantilla vectorial de tipografía 3D con efecto de texto editable por capas

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Alineado a la izquierda: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.

Bloque de vídeo

Vamos a analizar el posicionamiento y el estilo del bloque principal de vídeo. También comprobaremos las alineaciones ancha y completa.

Bloque de imagen de portada

Comprueba la posición y el estilo del bloque principal de la imagen de portada. Verificaremos la alineación horizontal y completa, así como la izquierda y la derecha.

Ejemplo de pie de foto

Alineado a la izquierda: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Enean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.


Ejemplo de pie de foto

Alineado a la derecha: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Alineado al centro:

Ejemplo de superficie animada


Bloques de galería

Analicemos la posición y el estilo de los bloques de la galería.

Galería de dos columnas

A continuación, tenemos un bloque de galería insertado con dos columnas y dos imágenes.

Tres columnas

A continuación, tenemos un bloque de galería insertado con tres columnas y tres imágenes.

Cuatro columnas

A continuación, tenemos un bloque de galería insertado con cuatro columnas y cuatro imágenes.

Cinco columnas

A continuación, tenemos un bloque de galería insertado con cinco columnas y cinco imágenes.

Cuatro columnas, cinco imágenes

Vamos a cambiar un poco las cosas. Ahora tenemos un bloque de galería insertado con cuatro columnas y cinco imágenes.

Tres columnas, cinco imágenes

Ahora tenemos un bloque de galería insertado con tres columnas y cinco imágenes.

A continuación encontrará un bloque de galería insertado con dos columnas y cinco imágenes.

Dos columnas, cinco imágenes

Tres columnas, cuatro imágenes

A continuación encontrará un bloque de galería insertado con tres columnas y cuatro imágenes.