Edit a WordPress Theme to Include Photo Gallery Styles
How to Insert an Image From a PC into a WordPress Post or Page
Uploading Images from Your Computer to Your WordPress Blog

How to Upload Images from Your Computer to Your WordPress Blog

WordPress makes adding images to a post easy with the WordPress image uploader. To add an image from your own computer’s hard drive after you click the Add Media button, follow these steps:

1

Click the Add Media link and then click the Select Files button.

A dialog box opens from which you can select an image (or multiple images) from your hard drive.

2

Select your image(s); then click Open.

The image is uploaded from your computer to your web server. WordPress displays a progress bar on the upload and displays an image options box when the upload is finished.

3

Edit the details for the image(s) by configuring the options that display to the right of the Insert Media window.

After an image is uploaded, the right side of the Insert Media window contains several image options:

Title: Type a title for the image.

Caption: Type a caption for the image.

Alt Text: Type the alternate text for the image.

Description: Type a description of the image.

Alignment: Choose None, Left, Center, or Right.

Link To: Whatever option you choose determines where your readers go when they click the image you’ve uploaded. Type in your own URL or select one of four available presets: None; Media File (readers can click through to the direct image); Attachment Page (readers can click through to the post the image appears in); or Custom URL (readers can click through to the URL that you type in).

Size: Choose Thumbnail, Medium, Large, or Full Size.

WordPress automatically creates small and medium-size versions of the images you upload through the built-in image uploader. A thumbnail is a smaller version of the original file. You can edit the size of the thumbnail by clicking the Settings link and then clicking Media. In the Image Sizes section, designate your desired height and width of the small and medium thumbnail images generated by WordPress.

4

Click the Edit Image link to edit the appearance of the image. Be sure to click Save after you’ve edited the image.

The image editor options include the following tools:

Crop: Cut the image down to a smaller size.

Rotate counterclockwise: Rotate the image to the left.

Rotate clockwise: Rotate the image to the right.

Flip vertically: Flip the image upside down and back again.

Flip horizontally: Flip the image from right to left and back again.

Undo: Undo any changes you’ve made.

Redo: Redo image edits that you’ve undone.

Scale Image: Drop down the option menu that you use to set a specific width and height for the image.

5

Click the Insert into Post button.

You can find the Insert into Post button at the bottom of the Insert Media window. The image uploader window closes, and you return to the Add New Post page (or the Add New Page page, if you’re writing a page). WordPress has inserted the HTML to display the image in your post; you can continue editing your post, save it, or publish it.

To see the actual image and not the code, click the Visual tab that’s just above the post text box.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Insert Images in WordPress with HTML
How to Upload Video from Your Computer to Your WordPress Blog
How to Insert Audio Files into Your WordPress Blog
Comparing Raster and Vector Images in WordPress Designing
How to Add an Audio File to a WordPress Blog Post
Advertisement

Inside Dummies.com