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.

Título Um

Título Dois

Título Três

Título Quatro

Título Cinco

Título Seis

Esse é um bloco de subtítulos, no qual você pode adicionar uma pequena informação extra sobre seu post ou página. Legal, não é?

Bloco pré-formatado

The Road Not Taken, de Robert Frost

Duas estradas divergiam em um bosque amarelo,
E lamento não ter podido viajar em ambos os casos
E ser um viajante, há muito tempo eu estava  
E olhei para baixo o máximo que pude
Até onde ele se curvava na vegetação rasteira;
Em seguida, pegou o outro, por ser igualmente justo,
E talvez tenha a melhor reivindicação,
Porque era gramado e queria ser usado;
Mas, quanto a isso, a passagem por lá
Na verdade, eles eram praticamente iguais,
E ambos, naquela manhã, estavam igualmente deitados
Nas folhas, nenhum passo havia pisado em preto.
Ah, eu guardei a primeira para outro dia!
No entanto, saber como o caminho leva ao caminho,
Eu duvidava que algum dia fosse voltar.
Estarei contando isso com um suspiro
Em algum lugar daqui a muitas eras:
Duas estradas divergiam em um bosque, e eu...
Peguei o caminho menos percorrido,
E isso fez toda a diferença.

...e aqui está uma linha de um texto muito, muito, muito, muito longo, só para ver como ele é tratado e descobrir como ele transborda;

Lista ordenada

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

Lista não ordenada

Nullam id dolor id nibh ultricies vehicula ut id elit.
Donec ullamcorper nulla non metus auctor fringilla.
- Nibh commodo vestibulum.
- Aenean eu leo quam.
- Pellentesque ornare sem lacinia.
Cras justo odio, dapibus ac facilisis in.

Verso

Este é um exemplo do bloco de versos do núcleo do Gutenberg.

Um bloqueio para o haicai?  
Por que não?  
Blocos para todas as coisas!

Separador

Aqui estão exemplos dos três estilos de separador do bloco de separador principal do Gutenberg.

Tabela

Aqui está um exemplo do bloco de tabela principal do Gutenberg.

Funcionário	Salário	Posição
Jane Doe	$100k	CEO
John Doe	$100k	CTO
Jane Bloggs	$100k	Engenharia
Fred Bloggs	$100k	Marketing

Postagens mais recentes, Visualização de lista

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

Postagens mais recentes, Visualização em grade

E agora a visualização em grade. O bloco Latest Posts também é exibido nos alinhamentos de largura e largura total, portanto, verifique também esses estilos.

Citação de bloco

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.
Rich Tabor

Citação de bloco alternativa

O estilo alternativo de citação em bloco pode ser definido usando o .wp-block-quote.is-large. Seletor 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.
Rich Tabor

Áudio

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

Um exemplo de legenda de bloco de áudio

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

Botões

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

Botão alinhado ao centro

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

Botão alinhado à esquerda

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

Botão alinhado à direita

Categorias

Arquivos

Colunas

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

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

Citações de Pull

Aqui está um exemplo do bloco de citações pull do núcleo, definido para exibição centralizada. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.
Rich Tabor, ThemeBeans.com

Alinhamento amplo

Aqui está um exemplo do bloco principal de citação pull, configurado para ser exibido com o atributo wide-aligned, se o tema permitir. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed ibendum nulla sed consectetur.
Rich Tabor, fundador da ThemeBeans.com

Largura total

E, por fim, aqui está um exemplo do bloco principal de citação pull, configurado para ser exibido com o atributo full-aligned, se o tema permitir. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Rich Tabor, fundador da ThemeBeans.com

Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Aqui temos uma pullquote alinhada à esquerda.
Rich 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, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

Aqui temos uma pullquote alinhada à direita.
Rich Tabor

Donec ullamcorper nulla non metus auctor fringilla. Aenean 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.

Bloco de imagens

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

Alinhamento amplo

Largura total

Aqui está um exemplo de uma legenda de bloco de imagem

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.

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.

Bloco de vídeo

Vamos verificar o posicionamento e o estilo do bloco central de vídeo. Verificaremos também os alinhamentos largo e completo.

Alinhamento amplo

Os vídeos também podem ter legendas!

Largura total

Bloco de imagens da capa

Confira o posicionamento e o estilo do bloco central da imagem de capa. Verificaremos os alinhamentos amplo e total, bem como o esquerdo/direito.

Alinhamento amplo

Bloco de imagem de capa ampla

Largura total

Imagem de capa com largura total

Imagem de capa alinhada à esquerda

Alinhado à esquerda: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean 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.

Imagem de capa alinhada à direita

Alinhado à direita: 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. Alinhado ao centro:

Imagem de capa alinhada ao centro

Blocos da galeria

Vamos verificar o posicionamento e o estilo dos blocos da galeria.

Galeria de duas colunas

Abaixo, temos um Gallery Block inserido com duas colunas e duas imagens.

Três colunas

Abaixo, temos um Gallery Block inserido com três colunas e três imagens.

Quatro colunas

Abaixo, temos um Gallery Block inserido com quatro colunas e quatro imagens.

Cinco colunas

Abaixo, temos um Gallery Block inserido com cinco colunas e cinco imagens.

Quatro colunas, cinco imagens

Vamos mudar um pouco as coisas. Agora temos um Gallery Block inserido com quatro colunas e cinco imagens.

Três colunas, cinco imagens

Agora temos um Gallery Block inserido com três colunas e cinco imagens.

Abaixo, você verá um Gallery Block inserido com duas colunas e cinco imagens.

Duas colunas, cinco imagens

Três colunas, quatro imagens

Abaixo, você verá um Gallery Block inserido com três colunas e quatro imagens.

Blocos de galeria com alinhamento amplo

Vamos verificar o posicionamento e o estilo dos blocos da galeria…

Galeria de duas colunas

Abaixo, temos um Gallery Block inserido com duas colunas e duas imagens. Ele é definido para ser exibido com o novo alinhamento Wide (se o tema for compatível).

Legendas para imagens da galeria

Três colunas

Abaixo, temos um Gallery Block inserido com três colunas e três imagens. Ele também está configurado para ser exibido com o novo alinhamento Wide.

Quatro colunas

Abaixo, temos um Gallery Block inserido com quatro colunas e quatro imagens. Ele também está configurado para ser exibido com o novo alinhamento Wide.

Cinco colunas

Abaixo, temos um Gallery Block inserido com cinco colunas e cinco imagens. Ele também está configurado para ser exibido com o novo alinhamento Wide.

Quatro colunas, cinco imagens

Vamos mudar um pouco as coisas. Agora temos um Gallery Block inserido com quatro colunas e cinco imagens, também exibido com a nova opção de alinhamento Wide.

Três colunas, cinco imagens

Agora temos um Gallery Block inserido com três colunas e cinco imagens exibidas com a nova opção de alinhamento Wide.

Duas colunas, cinco imagens

Abaixo, você verá um Gallery Block inserido com duas colunas e cinco imagens também exibidas com a nova opção de alinhamento Wide.

Três colunas, quatro imagens

Abaixo, você verá um Gallery Block inserido com três colunas e quatro imagens, também exibido com a nova opção de alinhamento Wide.

Bloco de galeria de largura total

Abaixo, você verá um Gallery Block inserido com três colunas e quatro imagens, também exibido com a nova opção de alinhamento Wide.

Legendas para imagens da galeria