Then, either upload an image from your computer or choose a graphic from your WordPress Media Library. You can select the block when it appears: Simply click on the black + icon, and then start typing “Image”. To start, you’ll need to create an Image block and upload your media. The Gutenberg editor comes with a complete set of alignment settings that you can use to position your images alongside text. Here are three easy ways to place images next to text in the Block Editor. With that in mind, let’s make sure you have full control over how these graphics interact with the rest of your WordPress site. Whether they’re breaking up text, illustrating a point, or simply adding interest, images play a crucial role in web design. 3 Easy Ways to Place Images Next to Text in the Block Editor In fact, there’s even a block designed to ensure that your text and images are perfectly positioned, every time. The good news is that the Block Editor greatly improves on the Classic Editor’s image alignment functionality. Occasionally, you were left with an image that wasn’t sized or aligned correctly. However, alignment and wrapping in the Classic Editor didn’t always work as expected. You would then have the option to align the image left or right, or wrap your text around the graphic. In the Classic Editor, you could position images alongside text by placing your cursor at the beginning of the paragraph and selecting the Add Media button: It can also be a great way to break up chunks of text, or add some interest and variety to your page by using alternating blocks of content: This is particularly useful for illustrating the point you’re making in the accompanying text. This may include using them as banners, arranging them in columns, incorporating them into your WordPress sidebars and your widgets – or perhaps even placing them alongside a piece of text: To get the most out of your images, you’ll want to position them carefully on the page. Let’s get started! An Introduction to Image Alignment in WordPress We’ll then explore three ways to place images next to text in the Block Editor. In this post, we’ll explore why image alignment needed an overhaul in Gutenberg. With these techniques at your fingertips, you’ll find aligning text and images in Gutenberg far easier when compared to the Classic Editor. However, sometimes your graphics may benefit from a little extra explanation in the form of supporting text.įortunately, there are several ways to position images next to text in the Block Editor. As the old saying goes, a picture is worth a thousand words.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |