How to add images to posts or pages in WordPress

0

Images could be easily insert through the WordPress admin panel.

  1. First Open the WordPress admin panel.
  2. Go to the Posts/Pages menu on the left and select the post/page you want to insert pictures.
  3. Use the visual (WYSIWYG) editor buttons above the post content area.
  4. Click the Add Media icon and in the window which will appear select where you want to add picture from.

You can add pictures from the computer. In this case, click the Select Files button and select the pictures you want to upload.
From the Media Library. Select Media library if you want to add pictures that were uploaded before.
From URL – allows you to add pictures from some external resource.

When you’ve selected the picture, a configuration tab appears on the right.

You will be able to edit Image Alignment,Image Size and Image Link settings from here.

1. The Alignment setting allows you to determine where you would like the picture to appear in your content area and how it will interact with any text on the page. You have the following picture alignment options to choose from:

  • Left: Aligns the picture on the left-hand margin, and any text that is on the page wraps (or flows) around the picture to the available space on the right.
  • Right: Aligns the picture on the right-hand margin, and any text that is on the page wraps (or flows) around the picture to the available space on the left.
  • Center: Aligns the picture to the center of the page, with no text displayed around it.
    None: Inserts the picture into the page with no alignment

2. The Size settings determine the size of the picture you are adding to your site. By default WordPress creates a range of four picture sizes for you to choose from:

  • Thumbnail: Displays a small thumbnail-sized version of your picture on the page/post. Note, by default the Thumbnail size is a square, so some cropping of your original picture may occur.
  • Medium: Displays a medium-sized version of your picture on the page/post. This is a good size to use with Left/Right alignment as it leaves sufficient space for legible text on either side.
  • Large: Displays a large-sized version of your picture on the page/post. Note: WordPress will determine the width of the content column of your theme and display the largest possible picture for that space.
  • Full Size: Displays a full-sized version of your picture on the page/post. Note: WordPress will determine the width of the content column of your theme and display the largest possible picture for that space. If your original pictute is larger than this column width, the full size of the picture may not be displayed.

3. The Link To settings determine the URL/web address to which the picture will be linked when clicked by a visitor to your site. You can specify the following picture link settings:

  • Attachment Page: Links your inserted picture to its WordPress media attachment page.
  • Media File: Links your inserted picture directly to the original, full-size version of the file.
  • Custom URL: Allows you to set a custom link URL for your inserted picture to link to when clicked.
  • None: This setting will remove the link completely, rendering the picture “unclickable”.

4. When you are done, click the Insert to Post button.

Share.