Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Start by giving the page a Title, Icon, and Subtitle

    Data inputResulting output

     

     

  2. Next, add some text to the Page Content area.
    Below is obviously a very simplified example, but you can play with font sizes, colours, and formats. The editor is very much like what you've used in Microsoft Word or OpenOffice.

    Text inputResulting output

     

     

  3. Now, add some images to your page content. Click the image icon () to begin. 

    1. The Image Selection window will open, where you can browse images already in the image folder. 
    2. Alternatively, click 'Upload' to add a new image from your local directory. 
    3. Once you've located or uploaded your image, highlight it and click 'Select'.
    4. The selected image will now be inserted into your page content. 
       
       
  4. For greater control, you can edit your content via the HTML code editor:. 
    1. Click the </> icon to access the code view. 
    2. Here you can edit text formatting tags, resize images, or add other content directly into the HTML. 
       
    3. Click 'Save' to return to content editor mode, where you can see a preview of your slick coding skills.
       
  5. Once you're happy, click 'Save & Exit' to save the page. 
  6. Load your page in another browser or incognito tab and admire your work! 
     
Tip

There are plenty of online tutorials if your HTML knowledge is minimal or a bit rusty. Try http://www.w3schools.com/html/ on for size.

 


Adding Content - Widget Based Pages

...