O bloco Mídia e Texto preenche uma lacuna no design do WordPress que muitos usuários nem perceberam que existia. É claro que você poderia usar blocos separados para imagens, vídeos ou texto, mas fazer com que eles se encaixem perfeitamente lado a lado muitas vezes se transformava em um ato de malabarismo com colunas, alinhamentos e layouts.
Esse bloco é a resposta objetiva para aqueles que desejam que a mídia e o texto se complementem sem complicações.
Pense em um blogueiro de culinária que exibe uma foto de receita com instruções, uma empresa que destaca um novo produto com detalhes ao lado ou até mesmo um contador de histórias que combina imagens e palavras para atrair os leitores.
O bloco Mídia e Texto torna tudo isso possível com apenas alguns cliques.
Este guia o orienta em tudo para que você possa dominar rapidamente o bloco e levar seu conteúdo a outro nível.
Etapa 1: Adicionar o bloco de mídia e texto
Digite o post ou a página do WordPress onde você deseja adicionar o bloco. Clique no botão + Inseridor de blocos para abrir a biblioteca de blocos. Tipo de bloco "Mídia e texto" na barra de pesquisa e selecioná-lo para adicionar o bloco. Também podemos digitar /mídia em uma nova linha e pressione Enter para inserir o bloco rapidamente.
Etapa 2: Inserir mídia
Dentro do bloco, clique em Carregar para adicionar uma nova imagem, escolha uma da lista Biblioteca de mídiaou use o Imagem em destaque se já estiver definido.
Etapa 3: Adicionar texto
Comece digitando seu texto na área ao lado da mídia. Você também pode utilizar o botão + Inseridor de blocos dentro da seção de texto para adicionar seu bloco preferido nessa seção.
Etapa 4: Personalizar o bloco
Dividimos o processo de personalização em três partes.
4.1 Personalizar com a barra de ferramentas
Na barra de ferramentas acima do bloco, você pode alterar o tipo de bloco, arrastar o bloco, movê-lo para cima ou para baixo, ajustar a largura e o alinhamento, alternar a posição da mídia entre esquerda e direita e adicionar um link à mídia ou substituí-la.
4.2 Personalizar o texto
Vá até o conteúdo do texto, clique nele e acesse a barra de ferramentas acima. A partir daí, você pode transformar o texto em diferentes tipos de bloco, como Título, Lista ou Citação, aplicar opções de formatação, como negrito, itálico, tachado ou código inline, ajustar o alinhamento do texto para esquerda, centro ou direita e adicionar hiperlinks ao texto selecionado. Para este exemplo, transformamos nosso texto em uma citação.
4.3 Personalização por meio das configurações do bloco
Abra o painel Block Settings (Configurações do bloco) na barra lateral direita para explorar mais opções de personalização. Em Configurações geraisSe você quiser usar o Stack on Mobile, poderá ativar o Crop Image to Fill Entire Column, ajustar a largura da mídia, adicionar texto alternativo e escolher a resolução.
Agora, se você for para a guia Styles (Estilos), poderá modificar a cor do texto e do plano de fundo, a tipografia, as dimensões e as configurações de borda.
Etapa 6: Visualizar e publicar
Revise o bloco e verifique a Pré-visualização para ver como o bloco ficará em sua página ou postagem. Se necessário, faça os ajustes finais. Quando estiver satisfeito, clique em Publish (Publicar) ou Update (Atualizar) para salvar suas alterações.
Conclusão
O bloco Mídia e texto foi introduzido para fazer com que seu conteúdo flua naturalmente com mídia e texto trabalhando juntos em perfeita harmonia. Em vez de juntar blocos separados e se preocupar com layouts, esse bloco oferece uma maneira rápida e confiável de criar designs lado a lado que ficam ótimos em qualquer dispositivo. Leia o artigo com calma, entenda cada etapa e comece a criar com confiança.