Creating your blog post/ continued

We’ve covered steps 1 to 4. Now let’s look at steps 5 and 6.

steps 1-6


Step 5 – Upload your image

So far, everything we’ve done is the same whatever your GiteWise design.
Now we come to something that varies from one GiteWise website design to another. The Featured Image.
featured image grabOne of the key aspects of clean design is consistency. Professional designers usually design a page template with imaginary lines that hold text blocks and images together.

As you go from page to page, you’ll find text and images carefully sized and placed so they line up.

Images fit the column width or are cropped to work in a designate space across a certain type of page or design element.

This meets to the readers’ expectations and makes the page look neat and well laid-out.

For your blog to look the way its designers meant it to look, you should follow the same principle.

The Featured Image is a great tool that helps make this easy.

You use it to add one key image to each post. Your design will then use this image in several ways. It may be used to as a thumbnail picture in the sidebar or on index page of your most recent blog posts.

And, depending on your design, the featured image may also automatically appear at the top of your post without you needing to place it there yourself. However, you’ll need to check this by doing a test post.

Gitewise-blog-post-demo


If you’re still a bit unsure what to do, your best approach will always be to follow the setup of any demo posts already included in your GiteWise blog.


How to check the size of an image on a web page. Right-click on the image. Choose View Image Info (this is what you see if you use Firefox – the words will be slightly different in other browsers). Read off the dimensions.

How to insert your image

Look on the right-hand side for the section titled Featured Image.

set-featured-image1

Click on the words Set featured image. This opens up a window asking you to select the image you want to upload.

select-files

Click Select Files

… then navigate to the image file on your computer. Click Open. The file will start uploading.

When the file has finished uploading, you’ll see something like this:

Set-featured-image-library

The image you’ve just uploaded will be automatically selected. To use a different image – one already in your media library – you can simply click on it.

If you want to, you can edit the image title now, add alt text and a caption, but you can always come back and change these later. Next click the Set featured image button.

You’ll now see your image to the right under the Featured Image heading.

To see how your page looks, scroll back to the top of your screen and click Preview post on the left or the Preview button on the right. This opens a new window where you can see the post as it now looks on your site.


Step 6 – Publish your post

Just as you might want to group all articles of one type together, you have the option to assign each post to a category. This is simply a way to organise and manage your posts.

Each new post will automatically be placed in the default category, unless you check a different box in the Categories section on the right to place it somewhere else.

To begin with, you’ll probably only have one or maybe two categories to choose from. You can add new categories as your blog develops.

categories

Once you’re happy that your post title, main text and featured image are all the way the want them to be, you can click the Publish button.

 

publish

 

To see how your published page looks, click View Post at the top of your screen.

 

view-post

 

If you spot something you need to change, no problem. You can change, delete or add anything any time.

More to check out: