WordPress allows you to add Paragraph and Picture blocks individually. Nevertheless, you may as well place each varieties of components facet by facet, because of the Media and Textual content block. It even contains a number of layouts which you could select from, if you understand how to navigate its settings.
On this article, we’ll present you the right way to add this versatile block to your posts and pages. We’ll go over configuration choices, and talk about suggestions and methods to get probably the most out of this factor.
Let’s get to work!
Learn how to Add the Media and Textual content Block to Your Publish or Web page
The Media and Textual content block allows you to add written content material, movies, and picture information facet by facet utilizing a number of layouts. To make use of it, open the submit or web page you need to edit. Click on on the plus signal and choose the Media and Textual content choice:
By default, the Media and Textual content block will use a format that locations picture or video information to the left and written content material to the fitting. You possibly can click on on the Add or Media Library choices to pick a file:
When you place a picture or a video file, you’ll be able to transfer to the Content material… facet of the block and begin writing. Right here’s a fast instance of what it would seem like after you add some content material:
Discover that there are particular person formatting menus for every a part of the block. By default, WordPress locations a Paragraph factor subsequent to your media file. Nevertheless, you’ll be able to change it with different text-based components:
The power to decide on between a number of varieties of written components makes the Media and Textual content block an extremely versatile choice. Within the subsequent part, we’ll present you the right way to configure its settings.
Media and Textual content Block Settings and Choices
When working with the Media and Textual content block, you should use two units of configuration choices. One is a formatting toolbar with customized choices for each block you employ. The second is a settings menu with extra complete styling changes. Let’s begin with the formatting toolbar.
Toolbar Settings
Should you hover over the picture or video portion of the Media and Textual content block, you’ll see a formatting menu that features the next choices:
- Reworking the block into one other sort of factor
- Altering the block’s format by selecting from two choices
- Including a hyperlink to the media file throughout the block
- Changing the media file with a special choice
Right here’s a fast cheat sheet that exhibits the place every of these choices is throughout the formatting toolbar:
As you’ll be able to see, the Media and Textual content block allows you to decide on between a number of format choices. The first distinction in every case is the location of the video or picture:
In contrast to with the Picture block, the formatting toolbar for the Media and Textual content factor doesn’t embody choices for modifying pictures. Nevertheless, we’ll present you the right way to additional modify your photos in a minute.
For now, let’s flip to the written portion of the Media and Textual content block. By default, it is going to use a Paragraph factor, however you’ll be able to change that to another text-based choice supported by the Block Editor.
The text-based block you select will alter the formatting choices that seem if you mouse over it. Right here you’ll be able to see the settings that correspond to a Paragraph block:
If you wish to study extra in regards to the completely different formatting choices for every sort of textual content factor, we suggest that you simply try our weblog archives. We’ve full guides for an important Block Editor components that present you the right way to add and configure particular person blocks.
Further Choices
Subsequent, click on on the gears icon within the top-right nook of the modifying important menu whereas choosing the Media and Textual content block. There, you’ll acquire entry to a sidebar with further configuration choices:
Let’s go over what every of these settings covers:
- Types: This allows you to add a border to the block. Understand that the boundary’s formatting will rely in your theme’s settings.
- Shade: This allows you to change the textual content and hyperlink colours throughout the block and its background.
- Media & Textual content Settings: You possibly can add alt textual content to your picture file and resize it right here. This part additionally contains choices for adapting the block for cell shows and cropping the picture.
Right here’s a fast take a look at the colour choices for the block:
Transferring on, when you allow the Stack on cell choice throughout the Media & Textual content settings tab, it is going to collapse the block when guests view your web site from a cell system. Right here’s how that appears:
This covers all the pieces it’s essential to learn about altering the formatting and settings for the Media and Textual content block. Now it’s time to speak about sensible functions for this factor.
Suggestions and Greatest Practices for Utilizing the Media and Textual content Block Successfully
The Media and Textual content block is simple to make use of, and it incorporates seamlessly into most posts and pages. Basically, you’re coping with two grouped blocks and two format decisions.
You can replicate the look and elegance of the block utilizing columns so as to add Picture and Paragraph block facet by facet. Nevertheless, there’s little motive to go for that method when the Media and Textual content function exists.
Since that is such a simple block, our solely suggestion is to format the written portion of the factor to pair nicely with the media file you select. For instance, you most likely wouldn’t need to put an enormous photograph subsequent to a single-word paragraph or a small listing. You’ll need the 2 components to seem balanced. Keep in mind which you could resize the picture throughout the block.
Lastly, remember the fact that any pictures you add utilizing the Media and Textual content block nonetheless depend for Search Engine Optimization (website positioning) functions. Which means you must nonetheless contemplate following primary picture website positioning pointers.
Steadily Requested Questions In regards to the Media and Textual content Block
Though utilizing the Media and Textual content block is comparatively easy, you may nonetheless have some questions on this explicit factor. With that in thoughts, let’s go over a number of the mostly requested questions regarding this function.
When Ought to I Use the Media and Textual content Block?
The Media and Textual content block could be a good way to showcase a picture or video subsequent to written content material. Do not forget that the Block Editor allows you to decide on between a number of varieties of text-based components.
Can I Separate the Media and Textual content Parts of This Block?
You possibly can rework Media and Textual content blocks into columns. Doing so separates the 2 components into particular person blocks, however preserves the unique format.
Can I Change Font Settings for the Media and Textual content Block?
The Media and Textual content block doesn’t allow you to vary font settings. Nevertheless, you’ll be able to change the colour of the textual content and any included hyperlinks. If you need entry to extra superior font-related configurations, you’ll want to remodel the block into columns.
Conclusion
The Media and Textual content block might change into considered one of your most-used components in WordPress. Pictures and textual content pair collectively superbly, and this block allows you to put them facet by facet with a easy format that matches into any theme and web page.
Whereas utilizing this function, do not forget that you don’t have to stay with easy paragraphs. By default, the block provides a Paragraph factor subsequent to your picture or video file. Nevertheless, you’ll be able to swap it out for different text-based choices throughout the Block Editor’s library (akin to a listing or heading).
Do you’ve any questions on the right way to use this WordPress block? Let’s discuss them within the feedback part beneath!
Featured Picture by way of PureSolution / shutterstock.com
The submit Learn how to Use the WordPress Media and Textual content Block appeared first on Elegant Themes Weblog.