Return to Basic Blogging Tips

Picture tips

Every article on our site should have a picture or two.  For some jobs we require you to upload a picture but for most jobs images are found in the Media Library.

To upload a picture click the “Upload/Insert” icon just above the toolbar when you are entering text for your post.  After you click that button you’ll see a panel like this:

Media Library

Upload and inserting pictures is easy.

It may not be obvious immediately but this panel actually offers 3 ways to add pictures or files to your article. The green arrow points to the Media Library.  If you click on this tab you can search for images in our Library and find an appropriate picture for your post.  The yellow arrow points to a tool for adding images from other people’s sites.  We prefer not to use images from other sites.  In rare cases where you use images from other people’s sites, find the URL of the image you wish to use and then insert it using this tab.

The red arrow points to the tools for uploading images from your machine.  By default this tab is already selected. If you are uploading an image from your machine, just click “select files” and then browse to the image you wish to upload and then upload.  If you upload an image to the library you’ll see a panel like this:

Image options

How to manipulate your image

Chimp thinker

Chimp thinker

Click on the image to see a larger view of this panel. On your machine, you might have to scroll down to see the entire pop-up when you are inserting an image.  Title, alternative text, caption and description must be filled in by you when you upload your images.  Among other things this text is how other people will find your images later once your images are in the Media Library.

  • Title — Title appears above the image after you click on the image in the article.  The title should be what the image is.
  • Alternative text — Alternative text was designed to help blind people surf the web.  It’s not also used to help people with slow loading machines.  The alternative text is what appears when if your image does not appear. It also appears if you hover over the image or while the image is loading.
  • Caption — The caption appears just under the image when the image is in your post.
  • Description — The description is what appears under the image after you click on the image.

Next you need to select an alignment.  The screenshots I inserted into this post are both centered.  However sometimes you’ll want to image to appear to the left or to the right of the text that you are writing about. The chimp thinker is inserted to the right, and text automatically wraps him.  If I change my mind and want to move him or otherwise alter the image I click on the image in the edit mode of my post.  Two icons will appear. One says “edit image” when I hover over it. The other is used to delete the image.  I can also click on the image and drag it closer to the text that works with the image. I can also use the “edit image” button to increase or decrease the size of my image so that it works best in the article that I am writing.

Always link your image to an attachment page.

Link you image to an attachment page and NOT to the media.

Link you image to an attachment page and NOT to the media.

Once there are more than one images in a post, another tab will appear called “Gallery”. Gallery is a useful way to add multiple images to a post, as shown below:

2 pings

  1. […] Picture tips […]

  2. […] Picture tips […]

Leave a Reply