How to Insert Images From the Web into a WordPress Post or Page

Before you create a photo gallery with the built-in gallery feature in WordPress, you need to understand how to add images to a post or page you’ve created. Adding images to a post or page is pretty easy with the WordPress image uploader (via the Add an Image dialog box). You can add images in two ways: from a location on the web or from your computer.

Follow these steps to add an image to your page (or post) from a URL:

  1. From the Dashboard, choose Pages→Add New to add an image to your page. If you want to insert the image in a blog post, choose Posts→Add New.

    The Add New Page page (or Add New Post page) appears.

  2. Click the Add Media button.

    The Insert Media dialog box opens, enabling you to choose images from your hard drive or from a location on the web.

    image0.jpg
  3. Click the Insert from URL link in the Insert Media dialog box.

    The Insert from URL window opens.

  4. Type the URL of the image in the text box.

    Type the full URL, including the http:// and www. portions of the address. You can find the URL of any image on the web by right-clicking (Windows) or Control-clicking (Mac) and then choosing Properties.

  5. Type a title for the image in the Title text box, and then type a description of the image in the Alt Text text box.

    The alternative text (or ALT tags) is what appears in a browser if, for some reason, the image doesn’t load properly; it gives the visitor to your site a description of the image. Adding alternative text is also a good SEO practice because it gives the search engines, such as Google, additional descriptive text that helps them further categorize and define your site in their search engine listings and directories.

  6. (Optional) Type the image caption in the Caption text box.

    The words you type in the text box display as a caption below the image on your site. (WordPress automatically adds a class called wp-caption in the markup — you can use this class in the CSS to provide a style for the image captions on your site.)

  7. Choose an alignment option by selecting None, Left, Center, or Right.

  8. Select the URL you want the image linked to.

    Whatever option you choose determines where your readers go when they click the image you’ve uploaded:

    • None: Readers can’t click the image.

    • Image URL: Readers can click through to the direct image itself.

    • Custom URL: Readers can click through to a URL you designate.

  9. Click the Insert into Page (or Insert into Post) button.

    The HTML markup for the image is inserted into the body of your page or post.

    image1.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com