Tutorial: A very basic website - Add an image content block : : CMS Made Simple 2.x Official Documentation

Tutorial: A very basic website - Add an image content block

We need your assistance to make the documentation accurate, user friendly and understandable. Therefore we welcome any tips or suggestions regarding documentation. Thank you in advance for your contribution.

However, we will not respond to technical support questions submitted using this form. If you are having difficulty with CMSMS and cannot find the solution on this website, please submit your question appropriately on our support forum at: http://forum.cmsmadesimple.org. Please remember to follow the forum rules when posting.

CMS Made Simple™ Partner

Tutorial: A very basic website - Add an image content block

Do your web pages need an image? Do you want your editors to be able to select a different image for each page? Then you probably need an image content block.

Steps

Open Design Manager (Layout → Design Manager). On the Templates tab click the Basic demo - 1 template.

Replace the code in the Template Content field:

<!doctype html>
  <html>
  <head>
    <title>Basic demo</title>
  </head>
  <body>
    {content}
    <hr>
    {content_image block='image1'}
    <hr>
    {content block='content2' label='Second content block'}
  </body>
</html>

Submit the template

Open Content Manager (Content → Content Manager). Edit the content page Page 1. Note that a new file select field is added, named image1
Click the Choose button. In the popup window click the images folder and select the logo1.gif.

Submit the content page and refresh the home page (front end). You should now see that the selected image is displayed between the text of the upper and lower content blocks.