The Web Pages configuration screen contains a WYSIWYG Editor for editing your website pages. WYSIWYG stands for "What You See is What You Get". This means that the editor allows you to visually design a website by directly adding and formatting content (text, images and other objects) without having to write HTML code. The HTML is automatically generated. The web pages you design will be fully responsive. This means that the website will adapt its layout for optimal viewing in different sized devices.
- You must have administrator or web developer access to use this feature
To Load the Website Pages WYSIWYG Editor:
- Log into your DecoNetwork Website.
- Browse to Admin > Websites.
- Select Manage for the website you want to configure.
- Select Edit Website, then Website Pages.
The Website Editor will load in the Admin area.
To return to the main menu, click on the hamburger icon in the Top Bar.
Website Editor User Interface
The toolbar contains the main tools for editing your website pages.
The four buttons at the top of the toolbar each open a flyout tab that contains a set of features allowing you to add content, edit and design your website pages:
- The Pages toolbar button opens the Pages tab, allowing you to manage the pages of your website. You can select the pages you want to edit, add pages, remove pages, and configure pages and sub-pages.
- The Design toolbar button opens the Design tab containing a menu to access the settings that affect the overall branding and appearance of your website:
- LOGO & TITLE: lets you set your site logo and title.
- STYLE EDITOR: lets you configure the page styles.
- PAGE OPTIONS: lets you configure options for static elements (page, body, header) of your web pages.
- SOCIAL SITE LINKS: lets you specify your social site links.
- The Widgets toolbar button opens the Widgets tab, allowing you to add pre-defined GUI elements, called widgets, to your web pages and set the page layout.
- The Panels toolbar button opens the Panels tab, allowing you to add pre-configured content panels to your website.
- The Theme toolbar button opens the Theme tab, allowing you to change the design of your website by selecting the theme template to apply to the website.
(Click on the links above to see more information about each of the tabs)
By default, the flyout will close each time you click within the Content Area. If you want the flyout to stay open, you can lock the tab in place using the pin icon.
To lock a flyout tab in place:
- Click on the pin icon at the top left of the flyout.
The pin icon will be shown as pushed down to indicate that the flyout is locked in place.
- Click on the pin again to release the flyout.
The functions of the three buttons at the bottom of the toolbar are as follows:
- The Undo button lets you undo one change each time you click it.
- The Redo button lets you redo one change each time you click it.
- Emulate your web page in a range of different device sizes:
- Mobile Device
- Tablet Device
- Wide-screen Desktop
The Content Area is the main part of the screen where you design your web pages and edit your page layout. You can drag and drop widgets into the active page and customize each widget within the Content Area. Click here for details on how to edit your pay layout.
Page Settings Bar
The Page Settings Bar is where you configure the accessibility, basic page information and meta information of the page you are editing. It is also where you manage the saving, previewing and publishing of edits you have made to the current page.