O Media & Text Block lets you create engaging content by letting you add Media and text side by side. You can easily capture your visitor’s attention by combining images or videos with text without coding.
Again, it is perfect for sharing a story, showcasing your best-selling products, or highlighting a key message you want to spread to your visitors.
Today, we will explore how to use the Media & Text Block in WordPress and its overview. Make sure to stay with us from the start to the end.
How to Use the Media & Text Block in WordPress?
Using the Media & Text Block is simple. Anyone can easily use the block if he or she follows our tutorial.
Insert the Block
Go to your post and pages where you want to use the block.
Clique no ícone Plus "+" (Adicionar bloco) (1), digite "Media & Content" na caixa de pesquisa (2), and click on the block after finding it (3).
Insert Your Media & Text
Insert your image or video content using any of the options (1). After that, you insert your content in the content area (2).
Here is how it looks.
Personalização de blocos
You can decide if you want to swap the position of your image and content.
Again, you can also decide if you want to add your content from the top, middle, or bottom.
If you enable “Crop image to fill”, it will let you highlight the special portion of the image.
You can choose the media width and resolution from the Block Settings if you like.
Next, you can adjust the additional styles from the Style Tab.
- Cor: Essa função permite que você altere a cor do texto, do plano de fundo e do link do bloco Latest Posts.
- Tipografia: A tipografia permite que você selecione as fontes e o tamanho da fonte, a aparência, a altura da linha, o espaçamento entre as letras, o revestimento das letras e a decoração das letras.
- Dimensões: As dimensões permitem que você ajuste a margem e o preenchimento do bloco Latest Posts.
- Fronteira: The Border option allows you to set the border and adjust the border-radius.
After customizing, save or publish the post.
Here is a demo of the block.
Visão geral do bloco
What is the Media & Text Block in WordPress?
The Media & Text Block is a core block designed to display an image or video alongside text. It is used to create visually appealing sections that break up long paragraphs and add dynamic elements to a page or post.
What are the Key Features of the Media & Text Block?
- Layout flexível: Place media on the left or right with text on the opposite side.
- Design responsivo: Automatically adjusts for different screen sizes, ensuring a consistent look on desktops, tablets, and mobiles.
- Background Color Options: Customize background colors to match your brand or highlight specific content.
- Media Alignment: Control vertical alignment to ensure the media aligns perfectly with your text.
- Linking Capability: Add links to images or text to direct users to other pages or external websites.
What are the Toolbar Features of the Media & Text Block?
When you select the Media & Text block, a toolbar appears above it with several useful options:
- Transformar para: It allows you to transform your block to the Image, Cover, Details, Columns, and Group Block.
- Arrastar: Allows you to drag and drop the block anywhere in the editor.
- Alças móveis: Essa opção permite que você mova o bloco para cima e para baixo em relação a qualquer outro bloco.
- Alignment Tools: Adjust the block’s alignment within the page (left, center, right, wide, or full-width).
- Media Replacement: Easily replace the media file with a new image or video without deleting the block.
- Show Media on Left: It moves the media to the left side of the section.
- Show Media on Right: It moves the media ro the right side of the section.
- Mais opções: Access additional settings, such as duplicating the block, adding reusable blocks, or removing the block entirely.
Considerações finais!
The Media & Text block in WordPress is a robust tool to highlight your product or service in an effective way. It lets you create dynamic and professional-looking pages without any special skill.
Isn’t it easy to follow the tutorial? Let me know in the comment section below. Also, share this on your social media and let others know about it.
Leia mais!
