Inserting Images Into WordPress
How to Use and Format Images in WordPress
Let’s take a look at how to add and edit images in your WordPress posts and WordPress pages.
Add content to your WordPress blog
- Access WordPress dashboard
- Click on WordPress sample blog
- Click on Edit
- Add content
- Add an image
To get started, the first thing you need to do is add content to your WordPress blog. Click on the sample WordPress blog. Next, click on Edit. Now you can see your WordPress post. Edit the post by adding content. To add an image to your WordPress post, just place the cursor where you want the image to be inserted. Then, click on the Add an Image icon.
Finding and adding an image
Next, you can either choose to upload a file from your computer, or you can point to an image using a URL if you prefer. Or, if you have already uploaded images to your WordPress blog, then you can select images from the media library. If this is your first time adding an image, you will probably upload the image using files from your computer.
Go ahead and select the image from your computer now. Try browsing images by thumbnails because doing so will help improve your search and thumbnails will enable you to see which related images should be placed on your blog. After you select the image, it will automatically upload to your WordPress media library.
Resolve error messages by fixing WordPress permissions
- Launch your FTP software
- Connect to your web host
- Click on public_html
- Find the wp-content folder
- Right click the wp-content folder
- Click on File Permissions
- Change permissions to 777
- Click OK
If this is the first time you are uploading an image to your WordPress blog, then you may get an error message that reads, “Unable to create directory at wp-content/uploads” and another following error asking, “Is the parent directory writable by the server?” These errors are telling you that your wp-content folder does not have the correct access permissions.
It is easy to adjust your permissions in order to allow images to function properly on your WordPress blog. First, launch your favorite FTP program. Next, connect to your web host. Then, browse the public_html folder and select the wp-content folder. You will want to change the permissions by right clicking the folder, and then selecting File Permissions. Most web hosting accounts will allow the code 777 as the correct permissions, so enter this number as your file permission on the wp-content folder. Then, click OK.
Now that you have set the correct access permissions to the wp-content folder, you can return to the WordPress dashboard to check on the image compatibility and to ensure the error messages have been removed. Once you are on the WordPress dashboard, access the image upload feature again. Click on File. Then, select the image and click Open. The image should now upload successfully to your WordPress blog without any errors.
Edit your images in WordPress
- Select image
- Access editing screen
- Make changes
- Click on Insert into Post
You can edit images easily in WordPress. First, select the image. Then, access the editing screen.
Edit titles, captions, and adding a URL
You may wish to edit the title and give your image a caption. You may also want to give your image a description and a link URL. Adding a link URL to the image will route the user’s click to a website of your choice. This is a great teaser and a good way to lead your visitors to special pages within your WordPress blog.
Next, you will want to make sure to edit the alignment of the image. For example, if you want to align the image to the left, select Left, and so on. You can also choose to display the full-size image or just the thumbnail of the image. If you choose to display the thumbnail version, your image will be automatically clickable. When someone clicks on the thumbnail, they will be taken to the full-size image. Select either full-size or thumbnail image options, and click on Insert into Post.
Next, you will want to confirm the appearance of the image within the blog post. Be sure to confirm your image settings. For instance, if you selected a certain alignment, caption, or image-type option, you will want to confirm your settings by accessing the post and refreshing it to verify the correct settings are appearing correctly.
Edit your post-published images in WordPress
- Click on the image
- Find editing icons
- Click on leftmost icon
- Access newly-opened editing window
- Make post-publish edits or changes
- Click on Update
If you want to make changes to the image after it has been published to the post, you can use your mouse to hover over the image to access editing features. Alternatively, you can click on the image directly and access the two icons that appear. The rightmost icon will delete the image, while the left icon will allow you to make changes and edit the image. Click on the leftmost icon to begin making changes to your post-published image.
After clicking the leftmost icon, a new window will open with the main image-editing menu. Here, you can add a link to the image, change alignment, and access advanced functions. Also, you can choose thumbnail or full-size options simply by clicking and dragging the scale box. Afterward, you can access a live preview of the image size in instant time. For advanced functions, you can change the actual folder location of the image once it has been uploaded to your WordPress blog. You can also add borders, vertical or horizontal space, and more.
Many users prefer to open up the editing screen in a new window. Try using the editing features in a new window, and be sure to click on Update when you are through. You will return to your WordPress dashboard quickly, without the hassle of having to click the back button. Just close the browser window after editing.
Feel free to go through any or all of your WordPress images to edit and adjust the image settings. You can add more images to your posts as well or feel free to simply upload an entire library of images now for use later.
You have just successfully developed the skill of uploading, editing, and managing images in WordPress.