SAVING PAGE LAYOUTS:

MOBLE CMS includes hundreds or pre-designed layouts that you can drag onto any page at any time.

In addition to this, on MOBLE CMS you can modify and save your own layouts for future use, to build consistent pages even quicker.

There is no limit to the number of Layouts you can save. Here is where you keep all of your layouts. Plus, you can keep yourself organised by putting your layouts into folders so that they can be found easily by you and your team in the page Editor.

The Video below begins with a Layout for a Landing page. The layout is first tweaked and then saved to the Layouts area. The Layout is then used to create a variation of the Layout, with an alternate banner image. This allows the marketing automation team to test which banner image converts better.

Please note, at this stage MOBLE CMS is still in beta. We will soon be developing the functionality to automatically save a screenshot of your layout for you. Please hold tight while we add this feature, if you do not wish to add a screen shot, you can still use the layout name as standard.


Saving Page Layouts:

You can add a new layout to your canvas as follows:

  1. In the Page Editor, click 'Layouts' in the top right of the page, to slide out the Layouts Draw.
  2. Layouts are organised as follows:
    • Page Layouts - Full pages with many Design Layouts stacked on each other.
    • Design Layouts - An individual Design Rows, that may be dragged into a Page or a blank canvas.
    • Wireframe Layouts - Design Layouts with no colour styling.
    • Content Components - Content Components that may be dragged into any Layout.
    • Layouts are also organised by the size of the column width.
    • Layouts are also organised by the type of page.
  3. Select a Layout and drag it onto your page.
  4. Tweak your new Page until you are ready to save it as a new Page Layouts.
  5. Now, in the Layouts Draw (the right-hand tools) scroll up to the top of the Pages drop-down.
  6. In the fields marked 'New Page Layout Name' create a name for your new Page Layout.
  7. Click 'Save Page as Layout'.
  8. Now, via the top left 'Main Menu' select 'Styles'.
  9. Now, select 'Layouts' from the Top Bar.
  10. In the Layout 'Settings' area, upload a screen shot of your new layout.
  11. To position your Layout in the Layouts Draw, choose the 'Column Width', 'Page Type' and 'Author'.
  12. Now, back on the Page you can locate the layout and drag it onto your page

PAGES GUIDE

MOBLE CMS provides extensive features and functionality to be enjoyed by both new and advanced users. Here you can quickly discover three features to help you along you way:

  1. Adding a page
    • A glossary video detailing Page Types and Page Status when adding a page
  2. Tour of the Editor
    • A walk through video of the MOBLE CMS Editor
  3. Features of the Search Tool
    • A run through of features at your disposal to help you search and sort your pages in the CMS.

 

PAGES GUIDE
BE A WEB DESIGN PRO

DESIGN
A CUSTOM WEBSITE WITH OUR
MOBLE CMS PRO COURSE.
START THE PRO COURSE

WEBSITES WITH MOBLE | Design Studio: 202, 56 Bowman Street Pyrmont NSW 2009 | © Copyright 2018 MOBLE Pty Ltd | Terms | Privacy