Home » Add An Image To WordPress

Tag: Add An Image To WordPress

How To Add An Image

Adding an image to WordPress is easy peasy lemon squeezy. We’ll walk you through every step of adding an image through the WordPress admin.


In addition, we’ll provide step by step instructions uploading an image to your WordPress website. Adding an image to a WordPress page or post can augment the page’s appearance. The content is broken up into sections on the page rather than one long section of text. Images compliment the page’s message for the reader, which allow the user to scan the web page more quickly. In this tutorial, how to add an image to WordPress, we’ll provide steps with screenshots you can perform in order to add an image.

The first step is to log into the WordPress admin. The WordPress admin area is accessed by typing in the website’s domain name followed by /wp-admin or wp-login.php. If the domain name followed by either one of the directories provided does not display the login page please contact your web developer.


WordPress Login

Once you log in, you’ll be on the WordPress Admin area. Let’s head to the Media menu item on the left hand side. Click on Add New. Here you’ll be on the Upload New Media page. You will have two options when adding an image. The first option is to drag the image from your desktop and onto the dotted square area. The other option is to click on the Select Files button within the dotted square area. A window will pop up asking you to pick an image from the desktop.


WordPress Login Screen



WordPress Dashboard



Add An Image

Below is a screenshot of what the page looks like when you click on Add New. As a WordPress admin you have the option of controlling what images to add to the website. You will have the ability to add large, medium, or small images. Before you add an image, you’ll want to make sure the image is compressed to the smallest size possible. An image that is compressed and optimized for a website will load faster. Search engines will thank you when images are optimized for websites by helping you rank better in the search results page. Don’t forget about mobile websites. An optimized image for desktop and mobile is a win win for the website owner.



Upload New Media WordPress Page
Add New Media



WordPress Media Library

The WordPress Media library consists of images, videos, audio, and files that you can use in your page or blog post. The WordPress admin can access the Media Library by clicking on the Library menu item. In the Media Library page you will have the ability to edit the image. Simply click on the image and an Attachment Details module will pop up. We highly recommend including a title and alt text for the image. Including an alt text description specifies an alternate text for an image, in case the image cannot be displayed. Search engines recommend websites to include alt text for every image on the website.



WordPress Media Library
WordPress Media Library



Attachment Details Overview



How To Add An Image To A Page Or Blog Post

This next step will show you how to add an image to a Page or Blog Post. For this example, we’ll demonstrate how to add an image to a Page on your WordPress website. You’ve already uploaded the image to the Media Library. From here will insert the image into the page. Within any page click on the Add Media button located in the top portion of the website editor. Once you click on the Add Media button, you’ll find yourself in a recognizable place. An insert media module will display on top of the existing page. From here, you will notice all of the images you have uploaded are in one location. Pretty neat huh! Select an image to add to the page. Include the alt text in the Attachment Display Settings for search engine optimization purposes. Voila! Image has been added.



Insert Media Module




Now that you have mastered adding an image to WordPress you are ready for prime time. Head over to your WordPress website and give this tutorial a try! Start by drafting a blog post for your business and add images to each section of the post. Separate the content out by adding images to each section. By adding images to the blog post, you are breaking up the content into sections. Therefore, helping readers scan the post quickly for their desired content. If you have any questions, let’s chat in the comments section below!