Using WordPress

Save as PDF | Print | About

Adding Media

On the right side of the Post field, there are a series of icons to Add Media to your post. Select the appropriate icon and follow the prompts to upload your content.

 

Add Media icons in WordPress
 

Adding an Image

To add an image into a WordPress post, you can do one of two things:

1) Upload one more  images; or
2) Paste in the URL of an image that is hosted elsewhere

Here's how to upload an image.
 
On the post-writing screen,  click on the gray Add Image icon to the right of the words "Add Media."
 
Adding an image in WordPress
  
 
Note that there are three "tabs" across the top of the media upload screen:
 
Choose File: Lets you uplad media into the current post
Gallery: Lets you view and manage all of the media that has ever been uploaded into the current post
Media Library: Lets you view and manage all of the media that has ever been uploaded into the entire site
 
On the Choose File screen, click  "Choose Files to Upload" and navigate to the image location on your computer.
 
Note:  It's important to make sure your media (images, audio, video, etc.) is "web optimized" before uploading it to a server. File size is critical - you always want to make sure you're using the smallest file possible without degrading is quality. Get friendly with Photoshop's "Save for Web" feature!
 
You can  enter a description of the image (appears when a user leaves their cursor over the image), and you can specify how you want the image to be aligned within the post and at what size. To align your image, you can choose:
 
None: No alignment
Left: The image is aligned to the left and content flows around it
Center: The image is centered and content flows around it
Right: The image is aligned to the right and content flows around it

The sizes range in Thumbnail, Medium and Full Size. If you’ve cropped your image down to a usable scale, then you can simply use Full Size, otherwise, you may want to use one of the other two options.
 
Alignment options in WordPress 
 
Note: For these alignment options to work properly, your theme's CSS stylesheet will need to include the following rules. Your administrator can take care of this if your theme isn't aligning images properly:
 
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { display:block; margin-right:auto; }
.alignright { display:block; margin-left:auto; }
 
When adding an image into a post, you can also control whether or not you want the image to be clickable (linked to some other piece of content). You can choose:

None: You do not want your image to be clickable
File URL: When a user clicks on the image, they see the full image in a new window
Post URL: Users see the image on a different page within the framework of your site, so that users can comment on the image.

When you’re done, click on Insert into Post and the image will be placed where your cursor was last. 
 
If you upload multiple images into a post, WordPress will give you the option to  "Insert as Gallery." If you take this option, your images will appear as a small gallery of thumbnails, each of which links to the full-sized image on a separate page - very handy.

Post a comment

Login to post a comment.