This is Module 4 of my comprehensive guide to Build a WordPress Website in 2 days.
Lesson 13 – How to Add Images in your Content
Most of the time you will be adding images in your WordPress content such as your pages or posts, but there are other circumstances when you will need to add an image somewhere else and I will show you how here as well.
Before you add an image to your post or page, you need to have it already the right size and also optimized, which means that you can’t add let’s say a photo you took with your camera or phone directly, the dimension and file size will be way too big and will slow down your site.
The width should be the same or a bit over that of your post/page paragraph. Usually between 700 – 900px, unless you are using a full width page layout, with no sidebar.
Always keep aspect ratio (proportions) when resizing
Resize, Compress & Optimize
To resize: http://pixlr.com/editor/ – it’s a free online editor – You can crop, change exposure, etc. but what we are interested here is resizing it.
So when you get on that page, click on ‘open image from computer’ to select an image from your computer. Then mouse over Image in the top menu and click on Image Size.
In the little window that opens up, change the width…make sure the “Constrain Proportions” is checked. Now click ok. Image is resized.
Go to top menu, “File” and Save. You can change the name and format if you want. Click ok and save to your computer.
On both of these sites, you just drop your image from your computer, and the program will compress your files which you then download to your computer again.
Now we’re ready to add an image to our text
In the left sidebar of your dashboard, near the top you will see a section called Media and this is where you will be adding new images or find ones already added in that library.
Since your WordPress is new, there is nothing in the library. Any images you want to upload need to be on your computer already.
Let’s go to Posts, add new, or if you have one written already just go to all posts and click on edit on the post you want.
In the editor section (space where you write your text), move your mouse to where you want to add an image, then click on the button above the editor Add Media. The Upload Files tab should be open in this new window that opens. Drop or select file from your computer. Wait for it to upload and a right sidebar shows up.
There you will see a thumbnail, with the size, width and height. Then Url of the image, the title which is the same as the name of the file, caption if you want to add text under the image.
alt text that always needs to be filled with keywords for SEO. Example, let’s say it’s an image for a Mac&Cheese recipe, well in the alt text, I would write The best Mac&Cheese recipe or whatever my keywords are.
Description is useful to add it here as this will show when someone pins the image to Pinterest.
Then you have alignment options, link to which I would leave to none unless it’s a product you are selling on your site that you want the image to link to.Then size, if the image is on your post or page, choose the full size.
Then click on the Insert into post button and you will see the image has been added to your text.
You can always edit the image by clicking on it and a little box opens up at the top of it. You can directly move it left right or centre or use the pencil to edit other options.
If you need to upload an image that will not be used in post or page, then you just go the Media in sidebar, add new and follow the same procedure, except the image will only be added to the library.
Tasks Before Launching your WordPress Site
Uncheck the ‘discourage search engines’
Remember when we first did the set up of WordPress, I had you check this box because we didn’t want Google search engine to find your site until it was ready to launch.
Now it’s time to let the world know about your beautiful site.
So go to your WordPress dashboard and in the left sidebar, find Settings -> Reading and uncheck the box which is all the way at the bottom and save.
Change UpdraftPlus settings
Again in your left sidebar, go to Settings -> UpdraftPlus Backup and change the schedule to backup weekly and either keep it at 2 copies or change it to one copy if you need space in your Dropbox. Save
Add your site to Google Search Console
If you don’t already have a Google account, you need to create one…it’s free.
To set up your account, go here to Sign Up for Google and follow the instructions.
Now go to https://www.google.com/webmasters/tools and if you are logged in, you will end up on your Search Console. You need to add your site as a new property.
So click on the red button top right, Add a Property – in the next window, leave it as website and then add your site URL in full, example: http://wpwithoutstress.com and click add.
If you don’t know how to FTP a file (means uploading it using a special software) to your host, then choose Alternate methods. Select the HTML tag and then copy the meta tag showing in full.
Now go to your WordPress dashboard, under Genesis in the left sidebar, click on theme settings, go all the way to the bottom and paste the code you just copied in the Head Scripts section, like shown in the picture below. Save changes.
Now go back to the Google Search Console page where you got the html code and click the red button Verify at the bottom.
You should get an instant response saying Congratulations, you have successfully verified your ownership of (your site name)– press continue.
On the next page, in the Sitemaps section, click on the >> and then the red button add/test Sitemap.
Enter sitemap_index.xml into the text box that appears and submit.
Google will start crawling your site.
Your blog is now ready for you to do the following:
- Write your Contact and About Pages if not done yet.
- Write 2 – 3 blog posts
- Create images for each post, as well as a long one for Pinterest
CONGRATULATIONS! YOU MADE IT
You now have a great functional and mobile friendly website, which is the foundation for your business to attract traffic and eventually make money with it.
Tasks you can do after launch
- Set up an email ending with your site’s URL, example: email@example.com (a tutorial will be soon on my site)
- Connect that new email address to a gmail account (tutorial coming)
- Set up your email subscription forms using Mailerlite so that you can build your email list
Promote your site
- Set up a Facebook page for your new site
- If you don’t have a Pinterest business account, it’s time to set it
- Join Facebook groups relating to your niche
- Join Pinterest groups relating to your niche
- Set up a marketing strategy for Social Medias
A few resources to help you along the way
I hope this course was helpful and please let me know if I missed anything or something was not clear for you.
And I would love to hear from you with a link to your site once it’s live or once you have made changes.
You can do so by going to my contact form here.