Part 2 - How to fill top areas with new content

Top yellow and brown static areas  are reserved for custom content. Portlets' content can be different for different folders. These portlets display information from 2 pages /top-yellow and /top-brown respectively,

 
where:
1 - page title
2 - page body text
3 - page description (if available)
4 - custom image

Any text or links can be placed into these portlets. For example, you could place links to featured projects or just few clients testimonials. Do not place too much information here - it will be cut in case it does not fit the intended space.

So, to fill the front page portlet with your content find /top-yellow and /top-brown doсuments, that are in the root folder:


 Replace their Title, Description and Body Text with information you need:


Save the changes. Enjoy your front portlet new look.

To change the random image on these portlets - follow part 3 of this tutorial.

How to make portlets content different for different folders

Top portlets content can be different for different folders. To have different content on the portlets for different folder - create a page in this folder with /top-yellow or /top-brown shortname respectively. Fill that page with the information you need. Portlets in this folder will take information form /top-yellow and /top-brown pages that are in the present folder.

Example

Let's create a Test Folder folder. In case we want to have different brown portlet content when being in  Test Folder, we have to create a page /top-brown in this folder, and fill it with necessary information:


Save this page. Make sure its shortname is /top-brown. If not, select rename from actions green drop-down menu: 



and provide a new item's shortname - top-brown:


Press rename all button. Now when you look at the brown portlet you'll see it has changed.