Adding and Editing Images

Although there is a menu item taking you to the Media Library in the Admin navigation on your dashboard, most of the time you will be adding images to your website from the Edit Post or Edit Page panel. This video will show you how to add an image to your page or post and to edit the images in WordPress. We will also cover adding a Gallery which is another handy feature.

Transcript

Adding and Image to a page or post

The method for adding images is exactly the same when adding them to posts or to pages. I will demonstrate on an Edit Page sub-panel.

Below the Page Title and above the Content Box, you will find the Add Media, button. With your courser at the top in the content box, select Add Media. It will take you to your Media Library. At the Top of the Page it will say, Insert Media. You can choose to get your image jpg, png or pdf, from the Media Library or you can get it from your computer by selecting the tab to Upload Files.

I am going to upload an image from my computer. It is best to make sure it is not gigantic. Make a practice of uploading images less than 1200 pixels. When they come out of our cameras or from stock image companies, they can be as much as 5,000 pixels which overtime will bog down your sites performance and take an extraordinary amount of time to backup sometimes timing out and not finishing the backup at all.

When you bring an image into WordPress it will automatically create three sizes for you. A thumbnail, a medium size and a large size. You can change the default sizes in your Settings – Media Admin Panel. It may be that you like your blog post images to be 600 pixels and span the content area of your post, so you might want to set the medium size to 600 for convenience.

Once the image is loaded into your Media Library, it will be given its own url, a title. You can add a caption if you’d like. It is very important to add alt text, to describe the image so the visually impaired or other people with a screen reader can know what the image is. Google gives precedence in SEO rankings to websites that provide Alt Text.

You can add a description but it is not necessary. It would show up on the image page if you typed in the image url.

You then have the ability to set how your image should be displayed in the post or page. Select and alignment, you can provide a link if needed, for example for a company logo image you may want it to link to the company. Or typically you do not want it to link anywhere. You can then select from one of the three sizes of images. When finished, click the Insert into Page button at the bottom of the page, and voila!

If you have made a mistake and centered the image rather than left justified it, you can edit the image settings by clicking on the image in your content edit box, and you can quickly change its placement or if you’d like to further edit it you can click the pencil to go back to the media library.

Editing Images Using the WordPress Media Library

Editing Images in WordPress

You may find it easier to edit your images before uploading them to your post or pages. However, WordPress does provide a way to make a number of quick image edits. If you clicked on the image in your post and then chose to edit by clicking on the pencil, you will come to a screen that allows you to replace the image or edit the existing image.

Selecting to Edit the image you have the option to Crop it, Rotate it left or right, Flip it vertically or horizontally by clicking on the icons above the image. If you make a mistake you can undo or redo it with the arrow icons.

One of the convenient edit options is Scale located on the top of the panel to the right. It will show you the existing dimensions and then allow you to enter new dimensions. Enter one and it will provide the other dimension keeping same aspect ratio. Click Scale and Save before inserting back into your post or page.

WordPress is not a sophisticated publishing platform. So if you want to place your images in a certain pattern in the post you will be very frustrated. I suggest making collages in other programs if you have very specific requirements. Ribbit.com is great for creating patterns of images that you can save as one image and then upload it into your post or page.

Adding a Gallery to a Post or Page

You can create a Gallery very easily and insert it into a page or post.

In the media library when you go to insert an image into your post or page, there is an option to create a Gallery. When you select it you will be in Gallery mode and any image you select or upload will be added to your gallery. Click on a few and you will see the ones you have added at the bottom of the page.

When you have finished making your selections, Select the Create a Gallery Button and you will be taken to a page showing your selected images and asking you to choose an order of the images, the sizes and the number of columns.

When you have done this, select the Insert gallery button at the bottom of the page and it will upload your gallery and it will take you back to your post or page.

At that point, update the page or post and preview the changes to see how you like the Gallery.

Contact Us

Questions? send us an email and we'll get back to you, asap.