Adding images to articles
Let’s use the article we were previously working with. The first thing we want to do is go back to the Visual tab in the editor:
When we want to use images in our articles, we first need to upload them to the Impact website. We then need to include a bit of code in our article to make the image appear. Fortunately, much of this is done for you. Before we add an image though, let’s make a space for one in our article:
Simple image addition
Make sure the cursor is where you want to insert the image and then click the ‘Add an Image’ button:
The following dialog should appear over the top of your editing window:
Let’s assume that we’ve already downloaded the picture we want to use. Click on ‘Select files’:
Select the file you want to use with your computer’s file browser and then click ‘OK’, ‘Select’ or whatever is in that file browser to confirm. The website will then upload your file, showing a grey bar and then load a screen like this when it’s finished:
For now, we want to insert the picture in between the two paragraphs in the centre of the page. Click ‘Center’ as the alignment and then leave the size as ‘Medium’. On a side note, the ‘Medium’ sized image will always be resized to fit the with of the main column on the website.
Now click ‘Insert into Post’ and you should be taken back to your article with the picture of the cat has been inserted:
Adding images inline with the text
The above steps are essentially all you need to do to add images to your article. Let’s add another image though, taking a look at the other options we have available in the process.
We’ll add the same image again, but have it smaller and make the text flow around it. Scroll down in your article and place your cursor at the very beginning of a paragraph:
Now click the ‘Add an Image’ button as before, then once the dialog loads, find the image you need. Here it’s in the Gallery because we’ve just uploaded it. You can also find images in the Media Library if they’ve previously been added.
Click on the ‘Show’ button next to the image to view the options for the image. This time we’re going to click on the ‘None’ button for the link, then choose ‘Left’ and ‘Thumbnail’:
Click ‘Insert into Post’ as before and you should see your image sitting nicely amongst the text:
Don’t worry, there’ll be some space around the image when it’s actually published; this is just a rough preview.
You can do exactly the same thing except on the right hand side by selecting the appropriate option in the dialog.
Now we’ve got some images in our article, let’s format the actual text some more.