How to modify the look and feel of the Homepage
In this article I describe how to modify the look and feel of the Homepage for a domino Blog (based on dominoblog.ntf template)
The default look and feel of the dominoblog template looks like this in the browser:
Below I describe how to change this to the following look and feel:
So changes made to the home page are
1. Left column with Person card and Tag-cloud is removed and content is merged into the right column
2. Photo is added
3. Name next to the photo is removed
4. About me is added below the photo
Before we jump into the details let's have a look at how different content parts of domino blog are organised.
Domino Blog building blocks
Domino Blog works with templates for different content. in this Article I will concentrate on the Template for a Site Page as this is the template used for the home page.
Templates are a mixture of standard HTML-code and specific instruction blocks; the <$DX-tags>. These DX-tags get replaced with content automatically. A list of all available DX-tags can be found here.
For styling of blocks DIV-tags in combination with CSS Style sheets are used. (For this article I will stick to the default style)
Step 1. Move Person card and Tag-cloud in left column to right column
In this step we move the person card and Tag-cloud blocks to the right column.
The setup for templates and blocks are accessible via Notes Client using the "advanced" item in the navigator pane.
The Homepage template is found under section "HTML Templates\Page Templates"
When looking at the content of this template we recognize the fore-mentioned building DX-blocks
The left column is implemented using the template building block named 'LeftSideBar' (i.e. <$DXTemplateBlock Name="LeftSideBar"$> in the code) and the right column using the template block named 'RightSideBar' (i.e. <$DXTemplateBlock Name="RightSideBar"$> in the code)