How to fix common image issues in WordPress

WordPress is equipped with a rich suite of image editing and management features that allow you to insert and manipulate graphics and photography with ease. If you’re having problems working with images in WordPress, take a look at the following tips:

How to upload images in WordPress

While editing a post or a page, use the Add Media button to upload your images.

Add Media

You can drag and drop your JPEG, GIF or PNG files directly onto the Insert Media screen or click the Select Files button to browse and select the images on your PC.

Select Files

Select one or multiple files to upload to WordPress in a batch. Once uploaded, your images will be displayed as thumbnails. You can highlight a single image and edit its Attachment Details on the right of the page, adding a Title, Caption, Alt Text and Description as required.

Underneath, note the Display Settings available. You can adjust the Image Alignment, navigate readers to the media file, attachment page or custom URL when the image is clicked and select a pre-set size for the file.

How to align images to the left, right or center

Upload the image you wish to add to your post or page (if you haven’t already) and then click the Alignment dropdown menu in Attachment Display Settings.

Attachment Display Settings

You’ll see four image alignment options available:

  • None – inserts the image without alignment or text wrapping.

No alignment

  • Left – aligns the image to the left and wraps text to the right.

 

Left aligned image

  • Center – centers the image, with no text wrapping.

Center alignment

  • Right – aligns the image to the right and wraps text to the left.

Right aligned image

If you subsequently resize the image, WordPress will automatically adjust the text flow to suit.

How to add a caption below images

To add a caption to a new image, upload the image and, in the Insert Media panel, you’ll see a Caption field to the right.

Caption field

Enter your caption text, then proceed to add the image to the post or page.

If you wish to add a caption to an image that is already embedded in a post or page, click the image, then select the pencil icon to edit.

Pencil icon

Enter the text required into the Caption field, then click the Update button at the bottom of the page.

Caption

How to display photos in columns and rows

WordPress supports a range of image gallery styles, that allow you to lay out your photos in a neat order. To create an image gallery, upload multiple images (or select multiple images from your media library) then select the Create Gallery link.

Image Gallery

When you’re happy with the images selection you wish to include in the gallery, click the Create a new gallery button at the bottom of the page.

Create a New Gallery

In the Edit gallery panel, you can change the order in which images appear by dragging and dropping them into new positions. The Reverse order button, at the top of the page, is also useful for editing your gallery content.

To the right, Gallery Settings allow you to adjust the link for each image, the number of columns to be displayed, setting a random order for images that changes with each view, and the thumbnail image size. Make your selection and click Insert gallery to proceed.

Published image gallery

How to create responsive image galleries in WordPress

You can extend the WordPress core image gallery features using specialist plugins. Addons like Sunshine Photo Cart support enhanced photo galleries with responsive layouts that adjust to your users’ screen size, plus a shopping cart system that allows you to sell your photography online. You can also use the plugin for photo proofing, allowing clients to review and approve a selection of photos for print or other distribution.

To find out more about using image gallery plugins in WordPress, check out this HostPapa knowledge base article: How to install and set up Sunshine Photo Cart for WordPress.

Be sure to explore the wide assortment of image gallery plugins available in the WordPress repository.

How to fix missing post thumbnails / featured images

WordPress posts include a featured image that can be prominently displayed to illustrate your writing. When editing a post, look for the Featured Image panel at the bottom of the page:

Featured Image panel

Click Set featured image, then select an image from your Media Library, or upload a new image to be displayed at the top of the post. Large images work best and WordPress will automatically resize the image to fit your theme’s page width.

Featured Image page

Click Set featured image to proceed.

Featured image

How to fix the featured image appearing twice

If you have new WordPress users working on your site, they may not know how to use the Featured Image setting. A mistake that is commonly made in WordPress is to manually insert an image at the top of a post and then set the same image a second time in the Featured Image panel.

Doing so duplicates the image in the post. To resolve, simply delete the image that has been manually inserted at the top of the post and remind post authors to only use the Featured Image panel.

How to crop images in WordPress

If you find that the images you upload are too large, or you wish to change the focus area of a photo, WordPress includes a basic image cropping feature. Select an image, then use the Edit image link to proceed.

Edit image link

In the editor screen, use the buttons above your image to perform cropping, image rotating or resizing.

Image editing buttons

When you’ve completed your edits, click Insert into post to add the image to your post or page.

How to add a header image in WordPress

Many WordPress themes include header images that appear at the top of all posts and pages, as part of the branding for the site. Here’s an example:

Site header image

You can create your own site header image by selecting Appearance > Customize > Header Media in the administration dashboard.

Use the Hide Image button to remove the image from the header or Add new image to change the graphic. WordPress will recommend an image size for your site, that may vary by theme.

How to add a background image in WordPress

Another branding element supported in WordPress is background images. Like header images, these appear on every post and page. Not every WordPress theme features background images, but many do. Head to Appearance > Customize to see whether your current theme includes a Background Image menu.

Background image menu

If you do not see one, you’ll need to look for a new theme that supports the feature.

Where to find free images for your WordPress blog posts

If you’re writing many posts, it can sometimes be difficult to find suitable images for your WordPress site. There are plenty of commercial stock images libraries available online, but these can be expensive to use. Fortunately, there are also some great free image libraries that allow you to download and use images under a free license. Be sure to check the specific terms of the license before you use any image on your site – some licenses prevent images being used on commercial projects.

Here are a few to check out:

How to tag images in WordPress

Unlike posts, WordPress does not allow you to tag images, making it more difficult to search for specific image categories or subjects. However, there are a great selection of image gallery plugins that enhance WordPress with such a feature.

Metadata options

Check out WordPress Media Tags or Photo Gallery by WD as just two examples of plugins that support image tagging. To learn how to install and configure Photo Gallery by WD, read this HostPapa knowledge base article: How to install and set up Photo Gallery by WD in WordPress.

How to import external images into WordPress

If you’re migrating your WordPress site to a new host or server, you can easily import post content, but you’ll find that the platform lacks a feature to import your images from an external server. Once again, you can use a plugin, Import External Images to handle this issue.

Import External Images plugin

The plugin simply makes local copies of all external images linked in a post, adding them as gallery attachments.

Once installed, the plugin scans your posts for URLs and presents an option to import images from any available external resource.

Available images to import

How to require featured images in WordPress posts

As the editor of a site with multiple authors, it can be time consuming to add featured images to posts when the author has forgotten to do so. However, with the Require Featured Image plugin, a notification box will be displayed in the post editor, reminding authors to include a featured image.

Featured image reminder

When installed, authors can save posts as drafts, but posts without featured images cannot be published.

How to set a default featured image in WordPress

Another option for ensuring a featured image is displayed on all posts is to create a default featured image. For larger sites, with hundreds or thousands of posts created over the years, a default featured image is particularly useful, automatically inserting an image if an author has not made their own custom selection.

Use the Default Featured Image plugin to add this function to your WordPress site.

Default featured image button

How to remove the default image link in WordPress

By default, when you insert an image in WordPress, the platform creates multiple copies of the image, in various sizes, for use around the site. An embedded link is added to the inserted image that navigates the user to the original, full-sized version.

To disable this link, head to the Attachment Display Settings and set the Link To dropdown to None.

Link to setting

Alternatively, to prevent WordPress from adding links to your images, edit your theme’s functions.php file (via Appearance > Editor) and add the following code:

function wpb_imagelink_setup() {
    $image_set = get_option( 'image_default_link_type' );
    if ($image_set !== 'none') {
        update_option('image_default_link_type', 'none');
    }
}
add_action('admin_init', 'wpb_imagelink_setup', 10);

For further questions, or if you need help, please open a support ticket from your HostPapa Dashboard. Follow this link to learn how.

 

Was this article helpful?

  • Was this article helpful ?

  • yes   no

Related Articles

Leave A Comment?