If you need guidance with something that is not outlined below or in the WordPress Codex, please contact uweb@uw.edu for help.
How to Insert Images into Posts and Pages
- Make a new Page or Post, or edit an exiting one.
- Place your cursor where you would like the image to appear, then click Upload/Insert.
- A pop-up box will appear, click Select Files.
- Navigate to where you have saved your image, select your image and click Choose.
- You will see a square preview of your image with fields below to edit and enter information (Note: Because the image preview is square, part of your image may appear to be cropped. Don’t worry, it is not.)
- In the Title field, enter a short description of the image. (Note: Filling out this field will make it easier for you to search and find the image in WordPress at a later date.)
- Enter a short description into the Alternate Text field. This text can be the same as the Title field.
- Important: This field must be filled out to ensure your site follows accessibility standards.
- Optional: Fill in the Caption field with the caption you would like to appear with your image.
- Optional: Fill in the Description field. The text you enter in this field will not appear on the live site, but it is a good place to add notes or to add keywords that will help you find your image when searching from your WordPress dashboard.
- Optional: Modify or remove the Link URL. By default, this links to the full-sized image you are uploading.
- Select how you want your image aligned with text.
- Select your image size. See below the screenshot for a description of each size option.
- WordPress will automatically compress and crop large images and optimize them for the web. This means you can upload one image file and insert it in multiple areas and in different sizes on your site.
- Note: If the button for an option is faded and cannot be selected (like the “Large” option in the below screenshot), this means the image you uploaded does not have dimensions large enough for that option. You will need to upload a larger image if your desired option is not available.
- Thumbnail: A small (150 x 150 pixel), square crop of your image.
- Medium: A medium-sized version that is not cropped. The longest side of your image will be 300 pixels.
- Large: A large-sized version that is not cropped. The longest side of your image will be 1024 pixels.
- Full Size: The full-sized image that you have uploaded.
- Sidebar: A UW-custom size optimized for the right-hand sidebar of your site. The image width will be 250 pixels, and the length will scale.
- Body Image: Currently the same as the “Medium” option. Optimized for the body of a page or post.
- Full Width: A UW-custom size optimized to fill the body width of your page or post. The width will be 620 pixels, and the length will scale.
- Fill in the Image Credit field with the photographer name or source of your image. This is usually optional, unless you are using an image that requires a source credit.
- Optional: Click the Use as featured image link. This will make your image visible on social media sites when your page or post is shared (such as on Facebook). The benefits are that your link will be more engaging and people are more likely to visit your site.
- Note: You may also choose a featured image at a later time while editing your post or page in WordPress. Click on image below to enlarge.
- Click on the Insert into Post button. This will save all fields you filled in earlier and insert your image into your post or page.
- Your image will now appear in your post or page with the information from the fields you previously filled out and the settings you chose.
