Steps to add images in Wordpress

Steps to add images in Wordpress will solve your problem if you are struggling to figure out the solution to make your website more attractive. By titivating your site with photos or images, the visitors will have greater experience while surfing your website.

Images can be added from 3 different sources in Wordpress, specifically your computer, another website, or your Media Library. For someone who might do not know what Media Library is, it contains all the images uploaded to your website and allows you to view and edit your product. Go to the navigation menu of the dashboard and click Media in order to view it.

Let’s move to the main point here: Adding images in Wordpress. There are 5 main steps to get this procedure done:

Table of content

1. Prepare the image {#1-prepare-the-image}

In the first place, You need to determine your images and also where you want to add your image to your post. To determine your images, make sure that you know the filename and location of the image that you are going to insert in advance.

Note: Your image should be a JPG, GIF or PNG type file. If yours is formed as any other format is likely, it will be inappropriate for the web. You will need to convert them before adding.

Remember to log into your Wordpress account in case.

2. Add media {#2-add-media}

Add Media button is located above the Post editor toolbar. Click it then you will see the Insert Media box.

Steps to add images in Wordpress

Steps to add images in Wordpress

3. Upload files {#3-upload-files}

Next, from your Media Library , you can do both uploading a new file or using an existing file. If you want to upload an image, click the Select files then search for the image you are about to use and click to open it.

4. Adjust the options before inserting {#4-adjust-the-options-before-inserting}

Now that your image has been uploaded into the Media Library. From the right side of this box, the attachment details for your page will turn up to enable you to change these elements:

  • Title: A short text description of the image

  • Caption: Must be included when design supports the display of image captions.

  • Alt Text: Like the title in most cases.

  • Description: This is not required.

  • Alignment: This is required. You can also edit the alignment of the image like center, left or right. Remember that left and right works best when the image is being positioned with text or headings. The Center is often avoided.

  • Link URL: You can decide where to link your inserted image. This could be from another page on your website or an external web page. You also are able to determine the actual URL and the size of the image.

  • Size: In case the sizes displayed are not proper for your design and layout, speak with your web designer. In case the image is too large for the containing element, this may cause the layout to break.

Steps to add images in Wordpress

Steps to add images in Wordpress

Steps to add images in Wordpress

Be sure that your image has a checkbox and when you finish, click the Insert into post button. Your image is now successfully inserted in your post.

5. Changing options {#5-changing-options}

In case you hope to edit the options for your image, click on your image. There will have two boxes appear in the left corner of the image.

Steps to add images in Wordpress

The first one is the image icon. Click it then another box will show up to permit you to edit the details of the image, namely the size of the image based on percentages or the title, alternative text, the caption,and link URL.

If you access the advanced settings tab, the location of your URL on your site will be shown, also with the actual width and height of the image in pixels, the CSS Class, styles and image properties next to the image.

In case you want to move the image out of your post. The next icon in the upper left corner will do that for you.

Conclusion

Eventually, I have shown you the whole parts for adding images to your website in Wordpress. I hope you had a clear vision about the procedure. So let’s start doing it right now!