CampusPress Flex Quick Start guide
Using the CampusPress Flex Dashboard
Your Sites at Northeastern site comes with Divi, a visual page builder that works within WordPress to allow users to build sites without the use of code. The following section describes some of the basic features of the Flex builder.
Edit page from front end
It is easier to make edits and update your site from the front end. Just navigate to the page you want to edit and click on the Edit page link. this will open the pages visual editor.
Click on image to enlarge
Adding blocks
The Flex Theme is based off of WordPress’s Gutenberg editor. By hovering over the page you will trigger a “+” icon. This affordance is used to add the preexisting blocks to your page. you can also add blocks by clicking on then large blue “+” icon in the upper left corner(example B)
Click on image to enlarge
Example B
Adding design patterns
Design patters are predesigned components that CampusPress’s Flex Theme leverages to rapidly build out pages that are both branded and adhere to design best practices. These components mimic the ones found in kernl theme.
Click on image to enlarge
Previewing your work
The WYSIWYG block editor displays the components with a slightly different look and feel than the live view, so before you publish a page, we recommend you preview how the page will look when it goes live.
Click on image to enlarge
Saving your page
This sounds obvious, but without clicking on “Update” all your hard work will not save and thus will not be published or viewable.
Click on image to enlarge
A note on Editor vs Live views
Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Click on images to enlarge
