How To Add Pictures In WordPress – A Picture Tells A Thousand Words

You instantly know on arrival to a blog post, you are in the surroundings of a successful website due to the quality written content and it’s delightful presentation.

In other words, it looks stunning. The beautiful design is simply down to relevant images associated with the written content. Images are powerful, choosing the right ones can tell a blog post’s story on their own.

Notice how the Social Media platforms, Instagram and Pinterest are so popular, it’s simply because most of us are visual by nature. Photography can be a huge draw for obtaining visitors to a website.

How To Add Pictures In WordPress

How To Add Pictures In WordPress

In order to make money online – blogging successfully, consider inserting powerful imagery into your blog posts. A captured audience that reads your written content can lead to a prosperous online business.

How to add pictures in WordPress is a very straightforward operation. Once accomplished, the standard practice of inserting divine imagery becomes automatic.

How I create a blog post:


  • Decide on the subject for my written post
  • Choose the appropriate Keywords for Google to find me
  • The Keywords become my title
  • Write out my quality content
  • Use descriptive headers throughout the post
  • Make the paragraphs into small bite sized chunks
  • Display the post with plenty of white space
  • Create a folder for my images
  • Search for relevant imagery – Save to my folder
  • Upload images into Media library
  • Insert images into  my web post
  • Publish my new blog post

Why is WordPress the No1 website builder?


WordPress

WordPress

This website suite requires very little technical experience to insert imagery into blog posts.

Once shown, the process becomes standard practice.

WordPress is designed to display stunning posts containing photography across a whole spectrum of devices including mobiles, tablets, laptops and computers.

They have basically designed website building with ease making it possible for any newbie to get involved and create a successful website of their very own. Powerful Imagery will go a long way in helping create an affluent website.

The benefits of inserting Imagery into WordPress:


  • Insert thumbnail, medium, large or custom sized images
  • Insert images to the left, right or centre of a post
  • Wrap text around photographs
  • Add a caption below an image
  • Link an image to another web page
  • Add a caption that appears when hovering over the image

Sounds like a lot of stuff to learn but it’s very straightforward.
Now that my written content in complete, designed to my satisfaction is time to source these images.

Getting Organised and Sourcing Images


Picture Folder

Picture Folder

Firstly, I create a folder, right click and rename to my web post’s name. This makes it easy to save images and find them in order to upload into my website.

I am a Wealthy Affiliate member and have a ‘Wealthy Affiliate’ folder within my Picture Gallery. I create a new folder for each web post within this folder to store my post’s images.

Whether you are an affiliate member of a company like Amazon Associates and choosing their images or sourcing Free images from the web you have the option to either download them or right click to save.

I generally use Windows Snipping Tool nowadays because it’s so quick and easy to do. Simply drag the cursor around the image and it asks you to save.

When these 3 examples ask to save, find your saved folder, give the image a name and save as a jpeg or PNG file.

For your own photos, just copy and paste into the newly created folder. Right click on the image if you wish to re-name it.

Now it’s time to upload the images into the Media file in the website’s back office, then insert them into my newly created blog post.

How to upload pictures to a website


For a left or right aligned image I first left click the mouse at the beginning of the written text on the left hand side. The arrow below shows where the top of the image will be located.

My intention here is to place the image to the right of the post and have the text wrapping around, down the left hand side. This process is for the ‘WordPress’ image above.

If the desired place for the image is centre with text above and below, left click at the end of the written text, press enter to open up a new line and the top of the image will be placed centre at this point.

Choosing where to insert an image

Choosing where to insert an image

To locate images, first click the ‘Add Media’ button at the top of the post in your back office:

Add Media Button

Add Media Button

Then choose ‘Upload Files’

Upload Files

Upload Files

Then ‘Select Files’ from your computer:

Select Files

Select Files

Here you are presented with your Pics Library.

I select my ‘Wealthy Affiliate’ folder, then the folder I created to store these images.

Simply left click an image and select open:

Open File

Open File

The selected images are automatically copied into the website’s Media Library ready for inserting into the blog post.

Media Library

Media Library


How to add an Image in WordPress

Simply left click to highlight your chosen image and look at the right hand side of the Media Library as shown:

Image Details

Image Details

Here you are presented with details for your highlighted image.

URL: This is the web-post’s URL.

Title: Give the image a name.

Caption: If you want a Caption under your image, write it here.

Alt Text: This displays written text when a cursor hovers over the image.

Description: Give the image a description.

Alignment: In the ‘Attachment Display Settings’ you can chose whether to have your image to the left or right and text will wrap around the opposite side. This is why, in the beginning the cursor is placed at the specific point we want the top of the image to be placed. Once we click ‘Insert Into Post’ our image will be displayed on the side of the page we choose.

Choose Centre if your chosen image placement is in the centre of the page.

Link To: You have the choice of  ‘Media File’- ‘Attachment Page’-  ‘Custom URL’ – or ‘None’ – I always choose ‘None’ for my images.

Size: You can choose the size you want your image to be, for example: Thumbnail, Medium or Large.

Click ‘Insert Into Post‘ when you’re done.


In this post I have added the top photograph ‘How To Add Pictures In WordPress’ as a large image in the centre with text above and below.

The second image ‘WordPress’ is a medium sized image, aligned to the right with text wrapping to the left.

The third image down, ‘Picture Folder’ is a thumbnail image, aligned to the left with text wrapping to the right.

Notice I have also incorporated the ‘Caption’ text which always sits beneath the image. I have made the text bold and blue.

Just to give an idea of different image sizes .


Editing an image in the website post

You are able to edit the image once inserted into the post. Here’s how it’s done:

Click on an image to present these tools:

Edit an Image

Edit an Image

You can alter where your image is situated here – left, right or centre.

Selecting the pencil icon opens up the ‘Image Details’ box to further edit an image:

Image Details Edit Box

Image Details Edit Box

This Image Details box is a great feature if you decide to change your mind or alter an image attributes.

Here you can enter your ‘Caption’ or ‘Alternative Text’ as previously explained.

Align your image to a different side of a post or choose the centre option.

Alter the size – thumbnail, medium, large, full size or set a custom size:

The custom size is a great feature if you want all your centred images to have the same width or any images to have specific dimensions.

Custom Size Images

Custom Size Images

I usually select 700 on the left hand box for my centred images, the right side alters automatically in relation to the new size submitted.

In the Advanced Options is the ‘Image title attributes’ – This is where you can place text to show up rather than seeing the web-post address when you link an image to another web post. The text shows up when the cursor hovers over the image, providing your visitors with more information.

As far as linking an image to send a visitor to another blog post or web address is concerned, I prefer to link the image this way:

Click on the desired image you wish to link to another address:

Up above, in the tool bar click the link icon as shown:

Linking an Image

Linking an Image

You are presented with this box below the image: Click the icon next to the blue arrow:

Linking an Image

This opens up the Insert/Edit Link box:

Linking an Image

Linking an Image to a Web Address

Copy and paste the chosen URL address into the URL box. This will take visitors to the linked address when they click on the image. Choose the option whether to automatically open up a new tab when the image / photo is clicked.

How to choose a niche online

This image contains the Caption: ‘Learn How To Create A Successful Online Business’ instead of the web address text.

This Caption was created in the ‘Image title attributes’ section in the ‘Advanced Options’ of the ‘Image Details’ box as previously explained.

The web address linked to this image is: http://stressfreeincomebuilding.com/getting-started, another blog post of mine.

The look of written text looks much better and more professional than a web address. Hover your mouse over the image to see the caption text.

This is how the experienced bloggers operate; it’s just getting to know their secrets.

Fancy learning all this wonderful stuff?


This seems one heck of a long process in written style. Believe me, once you have done this twice you’ll fly through this. It’s a very straightforward process.

If you fancy uncovering these blogging secrets and learning how to legitimately make money online, Getting Started will show how anyone has the potential to create a prosperous online business. These 3 essentials are paramount for your success:

  • Expert Training from starting up through to prosperity
  • How to build a beautiful website
  • Live help and support whenever you need it

SimonNo experience is required.

Thanks for reading.

Any questions you have, please ask in the comments section below.

Simon.


 

4 Comments

  1. Hi, Simon.
    Thank you for your sharing!
    Your article is very informative. I think it is very easy for newbies to understand how to include some photos in the article.
    I will recommend other beginners to read this!
    Anthony

    • Hi Anthony,
      Thanks for taking your time to comment.

      I am glad you found this article beneficial. Pictures can be a great source to make you blog stand out and look professionally designed. It’s worth spending the time to find stunning photos / pictures to create a great looking blog page. It usually keeps visitors interested, reading all your content.

      I have another post regarding how to source free images on the web too. I use these sources daily:
      http://stressfreeincomebuilding.com/where-to-get-free-images-from-free-non-copyrighted-images

      I learnt all this info from Wealthy Affiliate, they have very detailed yet simplistic approach to teaching that suits me down to the ground. They’ve been really beneficial to my success.

      It all looks more complicated on screen than it is applying it. A few clicks and you’ve inserted your images. It’s like riding a bike – Once done, you’re away.

      Thanks again,
      Simon.

    • Hi Joshua,
      Thanks for your comment and taking your time reading.

      Yeah, pictures can make a blog post look very professional. Just make sure you insert relevant ones for your web post.

      If you are promoting a product and are an affiliate member of Amazon for example, you have the authority to use their images. These images are usually professionally taken and can make a blog page look stunning when inserted.

      If you are after free images, take a look at this post. There’s an infinite amount of free images available on the web for all niches:
      http://stressfreeincomebuilding.com/where-to-get-free-images-from-free-non-copyrighted-images

      When I started with Wealthy Affiliate I chose plastic sheds for my niche. The product images really help me create delightful posts.

      Also, don’t forget your own camera or mobile. It’s amazing what personal photos you can take yourself to enhance your blog.

      Thanks again,
      Simon.

Leave a Reply

Your email address will not be published. Required fields are marked *