avada.io
AVADA logo
Avada
Published on
Appearance

Steps to add images in Wordpress

754 words4 min read
Author
  • Author
    Author:
    tudc
    Twitter

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:

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. Pro tip: You should also optimize your images for WordPress to achieve the best performance.

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

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

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

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!

Exclusive Offer: Shopify Deal for PageFly Audience

Start Your Online Business with Shopify 12 Day Free Trial + Pay Only 1$ For Your First Month

Exclusive Offer: The Online Store Starter Kit

Get the Shopify Free Trial plus the premium package designed especially for new Shopify merchants - all for FREE!

What’s in it for you?

  • The Shopify free trial
  • Ecommerce CRO checklist: set up a high-converting Shopify store - with over 300+ checkpoints to boost your conversion rate, AOV, and more (value)
  • Enjoy 2 months free on all AVADA paid apps (value)
  • Exclusive discounts on top-rated Shopify apps and themes + Additional perks (value)

How can I get it?

The Online Store Starter Kit will be delivered to your email after signing up for Shopify using the custom landing page Shopify made for AVADA’s audience. There’s no additional cost for you!

Start your Shopify Free Trial now and get it for free!

Advertisement
img Advertisement