Adding an image to content

Adding images to your website's content will help visitors get more out of your website and impact their experience. You can either add a new image to a new content section or edit existing content on already on your MySiteCMS website. To start adding an image, make sure you have found an image that you would like to add to the website, and be sure to resize it to about the size you would like to use.

Instructions on how to crop and resize your images is outside the scope of this tutorial.

Click the Asset Manager link at the top right of the content section.

The Asset Manager section will open.

Click browse and find the file to upload.

NOTE: Images must be about the size you want them to appear on the website. The Asset Manager does not resize images.

Click upload.

Once uploaded, find the thumbnail of the image you just uploaded, and click on it.

This allows you to view the image you are about to add to verify the size and quality.

Next, select and copy the URL of the image.

Click on the Title and Content section title link to return to the content section.

Click your cursor in the line of text you would like to add the text to.

Click the Add/Edit Image button.

The insert/edit image window will open.

In the General tab there are 3 sections.

Source: This is the location of the image you would like to add to the page. Paste the URL of the image copied above into the Source field.

Image Description: This is also referred to as Alt Text. Enter a short description about the image.

Dimensions: These numbers will change the size/appearance of the image, however this will not change the actual size of the image or the file size or size on disc.

Click the advanced tab.

The advanced tab has 4 sections.

Style: This is an advanced CSS feature that advanced users can use to get even more out of their website. Further explanation is out of the scope of this tutorial.

Vertical/Horizontal Space: This is a bit of padding account the image.

Border: This is a number of pixel border that appear around the image. To remove a border enter 0 - ie: when creating links out of images.

Once finished, click the okay button.

The image will be placed inline with the text.

To align the text to the right or left.

Click on the image to turn it blue.

Then click on the desired alignment icon in the content window.

Repeat this process for all images you would like to add to the content section.

Once finished, click the save/edit button in the lower right side of the window.

 

Congratulations, you have added an image to your content!

 

Click HERE to learn how to turn your image into a clickable link!

 

Share:

 

Posted to: Tutorials: MySiteCMS Training Series

 

All Blog Posts

 

*included and integrated solutions available with websites built on the MySiteCMS platform only.

 

Follow:

iPrescott Business Solutions on facebookiPrescott Business Solutions on google+iPrescott Business Solutions on youtubeiPrescott Business Solutions on blogger
iPrescott Business Solutions on facebook iPrescott Business Solutions on google+ iPrescott Business Solutions on youtube iPrescott Business Solutions on blogger 
© iPrescott Business Solutions | Photo Credits | Privacy Policy | Website Design by Websites by JP
Review:
"iPrescott Business Solutions in Prescott Arizona is a website and on-line business you can count on! I have owned my own business for over 30 years and have used 5..." read more
- Rich Severns
 
Review:
"Jonpaul is excellent! Takes his time to see what his client needs and then follows through with everything. I am very pleased with his work...." read more
- Mary Beth Hrin
 
Review:
"Thank you Jonpaul - You've done amazing work for us and you have gone above and beyond the scope. It is so incredibly appreciated...." read more
- Christine C.
 
Review:
"Prompt and efficient service and very knowledgeable..." read more
- Rob Chriss
 
iPrescott Business Solutions 5 out of 5 based on 20 ratings.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars iPrescott Business Solutions in Prescott Arizona is a website and on-line business you can count on! I have owned my own business for over 30 years and have used 5 other companies before using iPrescott. None came close to JonPaul & his team! My website is beautiful, the training is excellent and everything that was said was going to be done was completed perfectly in a very timely manner! JP even helped to keep me on schedule. I wouldn't go anywhere else-period!
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Jonpaul is excellent! Takes his time to see what his client needs and then follows through with everything. I am very pleased with his work.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Thank you Jonpaul - You've done amazing work for us and you have gone above and beyond the scope. It is so incredibly appreciated.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Prompt and efficient service and very knowledgeable