Il 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.
Fare clic sull'icona Più "+" (Aggiungi blocco) (1), tipo "Media & Content" nella casella di ricerca (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.
Personalizzazione dei blocchi
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.
- Colore: Questa funzione consente di modificare il colore del testo, dello sfondo e del link del blocco Ultimi messaggi.
- Tipografia: La tipografia consente di selezionare i font e le dimensioni dei caratteri, l'aspetto, l'altezza delle linee, l'interlinea, l'involucro e la decorazione delle lettere.
- Dimensioni: Le dimensioni consentono di regolare il margine e il padding del blocco Ultimi messaggi.
- Confine: 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.
Panoramica del blocco
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.
- Design reattivo: 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:
- Trasformare in: It allows you to transform your block to the Image, Cover, Details, Columns, and Group Block.
- Trascinare: Allows you to drag and drop the block anywhere in the editor.
- Maniglie di spostamento: Questa opzione consente di spostare il blocco in alto e in basso rispetto a qualsiasi altro blocco.
- 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.
- Altre opzioni: Access additional settings, such as duplicating the block, adding reusable blocks, or removing the block entirely.
Pensieri finali!
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.
Per saperne di più!
