The 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.
Click the Plus icon “+” (Add Block) (1), type “Media & Content” in the search box (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.
Block Customization
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.
- Color: This function lets you change the color of the text, background, and link of the Latest Posts Block.
- Typography: The typography lets you select fonts & font size, appearance, line height, letter spacing, letter casing, and letter decoration.
- Dimensions: Dimensions allow you to adjust the margin and padding for your Latest Posts block.
- Border: 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.
Overview of the Block
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?
- Flexible Layout: Place media on the left or right with text on the opposite side.
- Responsive Design: 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:
- Transform To: It allows you to transform your block to the Image, Cover, Details, Columns, and Group Block.
- Drag: Allows you to drag and drop the block anywhere in the editor.
- Moving Handles: This option lets you move the block up and down to any other block.
- 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.
- More Options: Access additional settings, such as duplicating the block, adding reusable blocks, or removing the block entirely.
Final Thoughts!
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.
Read More!
