How to add an image to your WordPress page

This post will show you how to add an image from your computer to your WordPress page or post.

It’s very straightforward so let’s get started.

Add an image to a WordPress page – Step-by-step

The easiest and quickest way to add an image to your WordPress page or post is to drag & drop it directly into the Visual Editor.

  1. Ensure that your WordPress Visual Editor screen is open and displaying the page or post that you want to add the image to.
  2. Place your cursor where you want the image to go.
  3. Navigate to the folder on your computer that contains the image you want to add to your WordPress page or post.
  4. Select the image with your mouse and drag it onto the Visual Editor.
  5. Drop it in the position you want the image to appear.
  6. The image will automatically upload and a Media Library window will open where you can edit the image’s details.
  7. You can also align your image, link it to the Media File and choose the size you want it to appear in the Attachment Display Settings to the right.
  8. When you’re happy with your settings, click on the ‘Insert into post’ button at the bottom of the window.
  9. You will now be taken back to the Visual Editor, where you will see your image in your page or post.

Tip: Make sure you give your media ‘Alt Text’ using the Attachment Details in the box on the right, which gives it search engine visibility.

Remember, the image is automatically added to your Media Library and can be used elsewhere on your website in other pages and posts as well.

Add image to WordPress page

Is there another way to do this?

Yes, you can also add images to your page or post by clicking on the ‘Add Media’ button above the formatting Toolbar in Editor, as explained in our post ‘Add Media from Library’.

This opens the Media Library and allows you to drag & drop images from your computer directly into your Media Library. From there you can create a Gallery, which will be talked about in our ‘Image Galleries’ post or just add a single image as we did above.

When you’ve finished, click on the ‘Preview Changes’ button in the Publisher box to the right, so you can view how your image will appear on your website.

Once you’re satisfied with how it appears to the rest of the world, click on the ‘Update’ or ‘Publish’ button to make your changes live.

Contact us at anytime

Just email or phone for a chat.

Our number is: 01579 559 699

Services we use & recommend

We use the software and services below in our own and most of our client websites. We recommend them because we use and believe in what they can do to improve the experience you provide your website’s visitors and even your rankings in search engines such as Google. For your information, the links are affiliate links, which means we earn a small commission if you click through and make a purchase. There is no extra cost to you and we only recommend products and services we use and have had good results with.

‘Green’ Website Hosting

Why we use it…

Kualo is a website hosting company that uses 100% renewable energy. Data centres consume huge amounts of energy so Kualo’s 100% green energy policy ensures a cleaner and greener future for us all. Using renewable energy is also good for business as customers love buying from ‘green’ suppliers.

Faster Websites

Why we use it…

WP Rocket makes your WordPress website faster. This means your website will load quicker on your visitor’s computer, smartphone or tablet. Visitors read and buy more from fast websites. Google likes fast websites too, so WP Rocket can also help improve your search engine rankings!

Website Security

Why we use it…

iThemes Security Pro is a comprehensive and easy-to-use security plugin which helps keep your WordPress website secure and the bad guys out. ‘Hacked’ websites are bad for business, bad for visitor experience and can negatively affect your Google rankings if flagged. iTSP helps you stay secure.

Project Communication

Why we use it…

ProjectHuddle helps web designers, graphic designers, illustrators, photographers and other creatives, get targeted feedback from clients on projects they are working on together. It’s easy for clients to use and an efficient way for you to manage their changes and corrections. Our clients love it and it’s more affordable for us, which is a bonus!

Simple CMS – No Database!

Why we use it…

Sitecake CMS is very easy to implement into a static HTML or PHP websites and even easier for website admins (your clients) to use. WordPress is overkill for most small businesses websites and has many hidden costs. However, when a client wants to edit their site a simple CMS is essential, and this is when we use Sitecake. Try a demo here.

Best WordPress Page Builder

Why we use it…

Elementor is the best and easiest to use WordPress page builder on the market today and we know because we’ve used almost all the others! We use it for almost all our own and our client websites. We cannot recommend it highly enough, as it gives you so much flexibility and makes creating and updating a website very quick and easy.