Adding and Editing Media

You can add media including images, videos, and even pdf documents to any page or post of your website. Once you have added the item you can go back and change the way it is being displayed if you prefer.  Here are step by step instructions for doing both;

  • Make sure you are logged in to your admin area. Click here if you are not sure how to do this.
  • Navigate to the page or post you want to add media to by clicking on the title from the post or pages list.
  • To add an image to a post or a page.
    • Place your cursor where you want the image to be displayed.
    • Just above the main content area is a button that says "Add Media" click on it
    • This will bring up the add media dialog box.  Here you can upload new images from your hard drive by drag and drop or by selecting it manually.  You can also select from images already uploaded in your media library.
    • Once you have selected or uploaded the image or other file you want displayed new information will show up on the right side of the add media box, these are the settings you need to work with
      • Title: This is the title of the image in the database, you can edit it but it is not necessary to change what is added automatically by the system
      • Caption: this is exactly what you think of as a caption in a magazine.  The text you add here will appear below where the image is displayed on the page
      • Alt Text: For Search Engine Optimization you will want to put a sentence describing the picture with the keyphrase you are targeting in it.
      • Description: This is for internal use so you can search your media library, it is not required.
      • Media Tags: This is also for use in your media library, not required.
      • Media Picker: Ignore this
      • Attachment Display Settings
        • Alignment: select the option for you want your image aligned.  None will simply display the image in line with the text and is typically not the best way.  Select left or right most of the time for the best aesthetic appeal.
        • Link To: This is where you put the web address of the image or page you want to open when this picture is clicked on.  Typically you will use none or media file. You might want to put a custom url in the field below, but this is not often used.  Never use attachment page.
        • Size: The system will re-size each image uploaded three different sizes minimum.  In this drop down box you will see the name of the size and the pixel dimensions.  You can select any option, however most of the time the medium size will be the best.  Thumbnail crops the image and is mostly used in image galleries.  Large and Full sized are typically too large for most pages, but feel free to use them if you like.
    • Once you are happy with those settings, click the insert button below and your image should be added to the page as you indicated.
  • To edit an image you have already added
    • Click on the image you want to edit, then click on the edit button that appears
    • When you do the edit image dialog box will appear
    • The settings are similar to the add media dialog box in the previous section.
  • To delete an image you have already added
    • Simply click on the image and click the delete button that appears.
    • DO NOT use the delete button on your keyboard.  This will leave extraneous code and should be avoided


If you have any trouble with this process, please send us a support email we are always happy to help.

Please click here if this helped you.
0 people found this helpful.

Category: CMS Tutorials

← FAQ’s

Make Us Your-Web-Guys Today

Step 1: Tell us about your business

My company...



Subscribe to our Newsletter

To subscribe to our dandy newsletter simply add your email below. A confirmation email will be sent to you!


Very good first impression followed by a clean site and helpful support. Richard continues to be informative and adaptive to our wants and to tend to our needs. I believe in the weeks to follow we’ll meet our goals, then exceed them.

When the site crashed this afternoon (as all websites occasionally do), my phone call was answered outside regular business hours. They were already aware of the problem and were working on it. The site was down for a little over half an hour– not a bad response time imo.

And it has nothing to do with their competence or professionalism, but their office building is very zen

I have worked with several different web design companies just because of the line of work I am in, I can say without a doubt that YourWebGuys is the best! I have been working with them now for well over a year and have never second guessed their ideas, motive for the betterment of the company I work for, nor their pricing!

If I call Richard, he answers directly. And if I do have to leave a message, I get a callback within the day. An email sent to support is answered within hours!

I have learned so much from his team, and look forward to working with them for many more years.

When the Mansfield ISD Education Foundation needed a fast turn-around and professional service Your-Web-Guys delivered!! Your-Web-Guys helped our foundation design and launch a new and creative way for our parents and community to help us fund more terrific projects and get much needed resources into our classrooms to benefit children! This dynamic addition to our website seemed imposssible at first, but Your-Web-Guys made it a reality and now anyone in our community or the world can donate or contribute towards our innovative teaching grants. We agree that there are many other website design companies out there but we strongly recommend Your-Web-Guys for your website design and implementation.

I have found Your-Web-Guys to be professional, creative and very, very accessible when it comes to making sure my website is functioning just as it should. I strongly recommend this company for your website design and implementation.

There are many other website design companies out there and they promise a lot. But after talking with some of them I understood that their objectives did not include taking care of, or focusing on, small business. In contrast to that, I’ve found Your-Web-Guys to be geared to work with small and growing businesses

Ed Harrison

We needed a bold, effective and usable web page that attracted the customers we were seeking for our wedding and events venue. The process was easy and flexible and Your-Web-Guys was outstanding.

They were very knowledgeable and extremely patient. We have used web designers in the past, but Your-Web-Guys will be our designers from now on. And the page was done ON TIME!

Your-Web-Guys carefully listened to our corporation representatives as we discussed every element that we needed to incorporate into a web site. We had used other web designers, but none ever addressed future as well as present needs.

Your-Web-Guys accomplished a very successful design and we were VERY pleased with our experience and the end result.

Love Story Corporation

Success Studies

Mansfield ISD Foundation
New layout for A Complete Content Management System, an integrated Calendar, and multiple ... Read More
Russell Feed
New version of Russell Feed's Website This multi-location feed company not only needed a better ... Read More
View More