1. While editing or creating a post/page, place your cursor on the area where you want to insert the image (picture) then click on the “Media icon” above your post/page editor:
2. A pop-up box will appear. You can either drag and drop your image into the box or upload it using the “Select Files” folder.
Note that the drag and drop uploader only works in browsers with HTML5 upload support such as the latest versions of Chrome, Firefox, or Safari. Other browsers will still show the “Select Files” button or the basic browser uploader form.
3. Once the uploading/crunching process has completed, you will be given the option to edit some settings before inserting the image into the post/page.
Title – Text displayed as a tooltip (when a mouse is hovered over the image)
Caption – Image caption displayed directly underneath the image (will also serve as the alternate text.)
Description – Text displayed with the image in your dashboard and attachment pages on your blog.
Link URL / Link Image to: – The URL/web address to which the image will be linked. Click the File URL button to link the image to its original, full-size version. Click the Post URL button to have the image linked to its attachment page.
Alignment – The position of the image within your post or page. See our page about image alignment for more help.
Size – The size of the image.
Click the Edit Image button beneath the image preview to rotate, flip, scale, or crop the image.
4. Click “Insert into Post” button when you’re done adjusting the image’s settings.
For detailed instruction on how to add your images, read it here.
How to Add Image Video
NOTE: The azhubs.com shown on the screenshot watermarks is an old domain we own where this tutorial was first published.