Multimedia in WordPress: Images

Dec 19, 2013
Ben Schmidt

WordPress supports a variety of multimedia. In this tutorial I will go over embedding images like this one into your posts and pages.

hd-wallpapers-multimedia-wallpaper-nice-representation-webdesign-guideline-1280x1024-wallpaper

****

Images can easily be added to a page or post using the media tools built right into WordPress. Just click the “Add Media” button on the top left side of your post or page editor and choose which image you would like to post. Notice that before you insert the image into a page or post you can edit the size and alignment on the bottom right-hand corner menu. Here are a few example images:

Unknown-2Unknown-3


Note: It’s always good to click the “Preview Changes” button for a post or page before you publish so you can check that your images look the way they are supposed to. They might look good in your post or page editor but end up looking very unprofessional when you actually post (Note: I’ve purposely made these photos look awkward so you can appreciate the problems that can arise):

 

Unknown-1Unknown-2Unknown

 

 

 

 

 

 

 

 


If you’re using the Visual editor for a post or page, you can also click on an image in your post and then click again on the photo icon (it’s a picture of a mountain under a bright blue sky) to edit the size and alignment of that photo.

Screen Shot 2013-12-18 at 9.08.23 AM


If you want to crop, flip, scale, or change the aspect ratio of an image, you can do that right in the Media menu in WordPress. Images can also be reverted to their original state after they have been edited. More advanced edits should done in image-editing software like Photoshop and then uploaded to WordPress.

Screen Shot 2013-12-18 at 9.25.56 AM

Lastly, if you choose to do so, you can insert larger images into a page or post as a thumbnail that will pop open as a full-size image when visitors click on it.  The image above is formatted this way.  Use the menu in the bottom right-hand corner of the pop-up screen to embed large images as this kind of thumbnail:

Screen Shot 2013-12-19 at 5.25.41 PM

That’s a wrap on embedding images. If you are interested in learning how to embed multiple images in a slideshow, check out this tutorial.