Inserting / Editing Images in Content

Your Content Management System has a built in file management system that will allow you to insert and edit images directly into your pages.

  • To upload an image, first put your cursor in the Body field at the point where you want the image to appear
  • Click on the Insert / Edit Image button in the formatting toolbar. That will bring up the edit image dialogue box.
  • To the right of the Image URL field there’s a button to browse, click on that. That will bring up the browse folder window.
  • If you’ve already uploaded the image you want to use, you’ll be able to find it here and select it from your server folder.
  • Otherwise, click on the Upload button which will reveal an upload field. Click on Browse.
  • Find the image on your PC and double-click it. Click on the Upload button to the right of the Browse button to send it to your server.
  • With the image selected in the file manager window, click on Send to TinyMCE to insert the image.
  • This brings you back to the image dialogue box. Here, you have some additional options before you Insert the image:
    • Type in a Title and/or Description. Use some of your predefined keywords here for better SEO.
    • Click on the Appearances tab
      • Set the alignment of the image to Right or Left to float the image to one side and allow text to wrap around it.
      • Set the Dimensions to exactly what you want. We recommend leaving 'constrain proportions' checked and set just the width to what you need. The height will change automatically and prevent distortion. Very large images should be cropped and resized prior to uploading to save file space and download times for visitors.
      • Vertical and Horizontal space ensures that text does not run up against your image. The number is in pixels and generally should be between 1 - 10.
      • A border is a good idea whenever inserting an image that is not supposed to blend into the background of your site, like a photograph. Insert a number of 1 or greater and that will be the width, in pixels, of a black border.
  • Once you've adjusted all the settings you want, click on Insert and your image will appear within your post. Click on Save and see your new image live.

DISCLOSURE: Many of the links in the article above, and throughout this site, are affiliate links. While there's no additional cost to you, any purchases made via those links may earn me a commission. Rest assured, only products and services which have been rigorously tried and tested are reviewed, and those reviews are always thorough and honest. If you benefited from my review and have a genuine interest in the linked product, your use of the affiliate link is appreciated and allows me to continue writing these kinds of helpful articles. Current examples include Tailwind, AgoraPulse, Post Planner, PromoRepublic and Freshbooks. Please also note that I am employed by SiteSell as their Chief Marketing Officer and am fully authorized to share product and company information from extensive personal experience.

JOIN THE SOCIAL MEDIA HAT COMMUNITY

Love to read and learn? Join the thousands of bloggers, businesses and marketers who have benefited from Mike's lengthy posts. ;) Have the latest articles and resources emailed to you, plus exclusive content and insider tips!

Advanced Social Media Marketing from AgoraPulse

The Unofficial Book On HootSuite: The #1 Tool for Social Media Management

Don't miss out... grab yours, today:

Facebook Survival Kit