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.
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?
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
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.
To locate images, first click the ‘Add Media’ button at the top of the post in your back office:
Then choose ‘Upload Files’
Then ‘Select Files’ from your computer:
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:
The selected images are automatically copied into the website’s Media Library ready for inserting into the blog post.
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:
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:
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:
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.
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:
You are presented with this box below the image: Click the icon next to the blue arrow:
This opens up the Insert/Edit Link box:
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.
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
No experience is required.
Thanks for reading.
Any questions you have, please ask in the comments section below.