5. Select Your Image Options and Click
Posted: Sat Dec 28, 2024 5:19 am
5. Select Your Image Options and Click “Insert into post”
Finally, you’ll have a few options to define for your image. This includes:
Controlling the alignment of how your image appears within your post (I always select Center alignment)
Making your image link to another page or post on your blog (or an external link you want to direct readers to)
Display size (I always recommend uploading as full size to avoid a loss in image quality)
Image Options in WordPress
After selecting these options, you’re ready to click “Insert into post” and you’re good to go!
That button will be right here in the bottom right-hand corner of your screen:
Insert Image Button in WordPress
Now, you’ll be taken back to your editor window and you’ll see the image you just added sitting right there where you uploaded it.
Keep in mind that you still have some quick & easy editing options if you decide you want to change something with the display of your new image:
You can resize it manually by grabbing one of the corners and dragging it up or down in size
You can click down on the center of the image and drag it around within your post to reposition it
You can always delete the image by clicking “backspace” or “delete” on buy afghanistan number list keyboard and start over
And that’s it! You’ve learned how to add an image to WordPress with the Classic Editor.
2. Adding Images to Posts in the Gutenberg WordPress Editor
In the Gutenberg WordPress Editor, your post editing options will look a lot different than what you’ll see from the Classic Editor.
Gutenberg takes an approach of adding/editing content through a system of “blocks” like text blocks, header blocks, image blocks and so on. So let’s dive into adding images in Gutenberg.
1. Select the “Add Image” Icon
After making sure you’re adding an image in the right location within your post, select the “Add Image” icon. It’ll look like this right here:
How to Add Images in Gutenberg WordPress Editor
Once you click on the “Add image” icon, you’ll have a few options for how you can add an image to your post.
2. Choose How You’ll Add the Image
In Gutenberg, you’ve got a few quick options for how to add an image in WordPress. That includes:
Upload (which will open a selector screen that allows you to pick the image file from your computer)
Media Library (which takes you to your existing library of images—from which you can also drag & drop in an image)
Insert from URL (if there’s an image located somewhere online that you’d like to import, you can paste in that link here)
Here’s a snapshot of those options (personally, I just click “Upload” and quickly grab the image I want from my desktop):
Finally, you’ll have a few options to define for your image. This includes:
Controlling the alignment of how your image appears within your post (I always select Center alignment)
Making your image link to another page or post on your blog (or an external link you want to direct readers to)
Display size (I always recommend uploading as full size to avoid a loss in image quality)
Image Options in WordPress
After selecting these options, you’re ready to click “Insert into post” and you’re good to go!
That button will be right here in the bottom right-hand corner of your screen:
Insert Image Button in WordPress
Now, you’ll be taken back to your editor window and you’ll see the image you just added sitting right there where you uploaded it.
Keep in mind that you still have some quick & easy editing options if you decide you want to change something with the display of your new image:
You can resize it manually by grabbing one of the corners and dragging it up or down in size
You can click down on the center of the image and drag it around within your post to reposition it
You can always delete the image by clicking “backspace” or “delete” on buy afghanistan number list keyboard and start over
And that’s it! You’ve learned how to add an image to WordPress with the Classic Editor.
2. Adding Images to Posts in the Gutenberg WordPress Editor
In the Gutenberg WordPress Editor, your post editing options will look a lot different than what you’ll see from the Classic Editor.
Gutenberg takes an approach of adding/editing content through a system of “blocks” like text blocks, header blocks, image blocks and so on. So let’s dive into adding images in Gutenberg.
1. Select the “Add Image” Icon
After making sure you’re adding an image in the right location within your post, select the “Add Image” icon. It’ll look like this right here:
How to Add Images in Gutenberg WordPress Editor
Once you click on the “Add image” icon, you’ll have a few options for how you can add an image to your post.
2. Choose How You’ll Add the Image
In Gutenberg, you’ve got a few quick options for how to add an image in WordPress. That includes:
Upload (which will open a selector screen that allows you to pick the image file from your computer)
Media Library (which takes you to your existing library of images—from which you can also drag & drop in an image)
Insert from URL (if there’s an image located somewhere online that you’d like to import, you can paste in that link here)
Here’s a snapshot of those options (personally, I just click “Upload” and quickly grab the image I want from my desktop):