How do I add images into an article?

Step by step instructions...

You can create some great looking web pages with some smart placement of images.  Here we show you how to do that in Content King.

Please follow these steps: you may wish to print this page to help you.  Once you have done it a few times you will find it very easy to do.

Work out what size image and save it to your machine

One of the important things to do first is determine the optimal size for the images based on which web page/s your artilce will show on.  You need to know the maximum width that an image can be before it starts over stretching the web page/s, making for a bad look.  Your Content King representative can inform you of this width - it is based on the layout of the pages we have designed for you.  Or you can utilise some very helpful browser tools to determine this (click here for info on these tools - advanced user stuff, but very handy for this sort of thing).

Once you know your maximum width, you can get to work creating the images that you want to upload for your article.  Save them to your machine: when it comes to naming your images, we recommend using underscores ( _ ) rather than spaces and give it a nice descriptive name - this helps twofold in that you can recognise it later should you wish to use it again, plus this will help your image feature well in the likes of Google Image Search (so can help your website's search engine rating).  Examples of good image file names: akarana_golf_first_tee.jpg, acme_bolts_logo.gif.

Create your article

It is best to build a great deal of your article before adding images.  You then get a feel for the layout and can determine if you are going to add images that take up the full width of the area you have or whether you might use a smaller image and float it left or right.

Add the image

Now it is time to add the image.  Enter the HTML Editor that you use to write your story and look for the add image button in your toolbar;

Now we are getting to the fun bit.  You can upload an image directly from this screen, but we strongly recommend you take the extra step of clicking the "Browser Server" button as this will allow you to organise your images a bit better;

The Add Image window

Once you are in the Browse Server window, you may see a list of files and folders if work has already been done in here.  Either way, this is where you save/organise your images (it is independent of the Content King File Library).  We suggest you maintain a decent folder structure in here, otherwise things can quickly get messy and you'll start have trouble finding images later.  Here is a good example of a well structured folder list;

 Image folder view

So now you navigate to the folder you wish to upload your image to (or create it via the "Create New Folder" button).  You then click the "Browse" button, find your image, click Save and you will then see it referenced as shown below;

 Browse Server window

To actually upload the file to your web site's web server, you still need to click the Upload button.  The system will then go about uploading your image and it will refresh the list of files.  Locate and click your new image (this is where giving your file appropriate names will help) and it will now be sent to the Add Image window as shown below;

 

There are various attribute fields in this window, but we recommend using only the Border and Alternative Text fields: for the Alternative Text enter some descriptive text you want users to see when they hover over the image (or if they have images disabled).  Hit save you will now see the image inserted into the body of article where you had your cursor.  You can cut and paste the image should you find it not positioned to your liking.

You may also - if it suits your layout -  'float' the image by using the Style dropdown in your HTML Editor screen;

 

Floating aligns the image either left or right and text & other items will flow around it.  Beware having multiple floating images close to each other: that can lead to a messy layout.

If you have got this far then great!  It may seem like a drawn out process but we have tried here to show you all the little secrets that make for good management of images for your web site.  Once you have done it a few times, you will find it quite easy and the results can be what makes your web pages stand out from the rest.  Good luck!

Some FAQs

Can I see thmbnails of the images on the web server?

Unfortunately no.  The 3rd party product we use does not offer this feature, however the team at Content King are working on it.

Can I replace existing files that are already up there?

No, the 3rd party product we use does not allow this, probably for the good reason that the image may be used in other places on your web site and replacing it with an image of different dimensions may cause some layout issues on those other pages.

What does happen however is that if you try and upload an image of the same name (to the same location), you get a warning window telling you it will save the image with a slightly different name (it adds something like (1) to the end of the image file name.

Help

How do I add images into an article?

Step by step instructions...

Add ImageHere we show you how to add and align images within your article, allowing you to create great magazine-like web pages for maximum impact...

RSS Feeds and Content King

An easy way to get your content read...

Here we tell you what an RSS Feed is and show you how easy it is to set up RSS Feeds of your content.

What's happening

Content King 2.3.1 - some great new features

my favsConstantly improving, one of our new features means you are just one click away from your oft-used content...

Mobile Devices and the Web

Mobile DevicesEvery day more and more people are using their mobile devices such as smartphones to view web content. What does this mean to you, the website owner?...

When Should I Use CMS For My Website?

Many business owners either wonder if they need CMS for their website or ask for it without understanding the benefits....

Contract Management

Keyboard - smallThe finance and asset management industry is one of the most complex business structures with the leasing company acting as contract manager. They will offer a wide range of products and services which they may 'own' or may just be agent/manager for.