Inserting images, pictures and photos into a post and page

Print Friendly

Effective use of images grab your readers attention and encourage them to read your posts.

Directly above your post/page editor is your Add Media icon which you use to insert images, pictures, photos, photo galleries, videos and audio files into your posts or pages.

You use the Add Media icon to add images to posts or pages by either:

A. Uploading an image from your computer
B. Linking to the location of an image on the Internet
C. Adding an image from your media library

Please note:

  1. You can’t just use any image you like in a post or page.
  2. Unless stated otherwise the law automatically grants full “copyright” over any creative work a person makes.
  3. Refer Fair use, copyright and introductions to using images to learn more about copyright, creative commons and using images from digital cameras

From Your Computer

Video

Watch the video below to learn how to upload an image from your Computer
 

You insert an image from your hard drive into a post or page as follows:

1.  Go to Posts > Add New or Pages > Add New or open an existing post or page in editing mode.

2.  Place your cursor where you want the image to appear and then click on the Add Media icon above your post/page editor.

2. In the Add Media window click on the Select Files button.

3.  Locate the images on your hard drive

Use your Shift or Crtl key to select more than one image.

4.  Click Open to start uploading the images.

5. While your images are uploading you will see a progress bar.

  • If you upload more than one image you will need to click on the Show link to edit the image details and insert an image into a post.

6.  Now all you need to do is:

  • Add a title for the image
  • choose how you want the image align (None, Left, Center or Right)
  • select size of image you want to insert (Thumbnail, Medium, Large or Full Size)
  • and then click Insert into Post

7.  Your Add Media window should be closed and your image should now be inserted in your post.

About Image Size

When you upload an image it automatically creates a thumbnail and medium size versions of this image. You can choose to insert Thumbnail, Medium, Large or Full Size images.

It is good practice to resize your image to the size you want to use in your post or page before uploading and then insert into your post or page as Full size image.

As a general rule:

  1. To make image use entire width of your blog post area: resize image to 450 pixels wide
  2. To wrap text next to image resize image to 150-200 pixels wide

TIP:

You are able to change the size of thumbnail and medium sized images under Settings > Miscellaneous.

From URL

Video

Watch the video below to learn adding an image from a URL
 

You insert an image from a location on the Internet into a post or page as follows:

1.  Go to Posts > Add New or Pages > Add New or open an existing post or page in editing mode.

2.  Place your cursor where you want the image to appear and then click on the Add Media icon above your post/page editor.

3.  Click on From URL

4.  Paste the image location, add image title, Link Image to original photo location and click Insert into Post.

4.  Your Add Media window should be closed and your image should now be inserted in your post.

From your media library

Video

Watch the video below to learn adding an image from your media library
 

You insert an image from your media library into a post or page as follows:

1.  Go to Posts > Add New or Pages > Add New or open an existing post or page in editing mode.

2.  Place your cursor where you want the image to appear and then click on the Add Media icon above your post/page editor.

3.  In the Add an Image window click on the Media library tab

4.  Locate the image and then click Show next to the image you want to add.

4.  Add image title, select image alignment, choose your image size and then click Insert Into Post

5. Your Add Media window should be closed and your image should now be inserted in your post.

Edublogs Support Manager @suewaters on Twitter

Tagged with: , , , ,
Posted in Help, Media