Allowing clients to control their home page through blue web pages

May 19, 2014 5:41 pm

If you want to give your client the ability to modify the home page, you can do so by embedding a blue web page into the main page’s layout. You can achieve this by following these steps:

1. Blue > Web Pages > add new > Give your page a link name and page title > click submit

2. Green > Layouts > Modules > New > Web Pages > Add Webpage (Single) > Give it a name (I used Homepage for this example) and select the webpage you just created > click save

The previous two steps simply create a web page which can be embedded in green page layouts, and will be the same for all versions and setups of Freedom. The next few steps depend on your specific implementation. In the newer versions of our themes, containers are used to hold layouts. If you are using containers, follow the steps below.

Green > Layouts > Pages > select the page layout which your main page is based on > open the settings by clicking the button which looks like a red lock with an ‘x’ on it > in the setting drop down filter select ‘containers’ > Edit the container in which you want to place the blue main page embed (usually this container will be named ‘main’, but you could set up the site to use a different container) > click the green ‘+’ sign > in the new drop down created, select the embed created previously (Homepage) > click save in the popup window, then scroll to the bottom of the page and click save again > go to display types > select the display type that your home page is associated with > use the drop downs to insert the module into the proper container

If you are not using containers, there are a couple of common configuration types. If you have one page layout for each page, you will simply need to insert the widget into the correct page layout in the appropriate place using [[layout.Homepage]].

However, if you have one page layout which uses settings to achieve a variety of display types, you will likely have a section of the page layout which reads something like this:

<if [[setting.home]] = "Yes">
    …
<else>
    ...
</if>

Where [[setting.home]] is a setting determining if this is the home page. You will only need to insert the layout within the conditional determining whether the page is the home page, and it looks like so:

<if [[setting.home]] = "Yes">
    [[layout.Homepage]]
<else>
    ...
</if>

At the end, you should have a blue web page which your clients can edit freely that will display on the home page of the white-facing site.