Config Frontpage view

Info Required Modules: Pathauto, Menu attributes

A. Create Menu Structure

Step 1Go to Structure > Menus

Step 2 Click Add link to add Layout Menu

Step 3 Add Narrow menu (Sub menu of Layout menu ) with following properties:

Step 1 Similar to Create Wide Menu with class = icon-wide

B. Config Frontpage view

Step 1 Go to Structure > Views. Enable Frontpage view and Editfront page view, new windown is opened with following properties:

Step 2 At FORMAT area. Click content link and set following properties:

Step 3 At RELATIONSHIPS area. Click Add button to create Content: Author field

Step 4 At FIELDS area, Click add button to add "Content: Image " field with following properties:

Step 5 At FIELDS area, Click add button to add " Global: Fieldset " field with following properties:

Step 6 At FIELDS area, Click add button to add " Content: Updated date " field with following properties:

Step 7 At FIELDS area, Click add button to add "User: Name" field with default properties

Step 8 At FIELDS area, Click add button to add "Content: Category" field with following properties:

Step 9 At FIELDS area, Click add button to add "Content: Comment count" field with following properties:

Step 10 At FIELDS area, Click add button to add " Content: Body " field with following properties:

Step 11 At FIELDS area, Click add button to add " Content: Link " field with following properties:

Step 12 At FIELDS area, Click add button to add " Content: Title " field with following properties:

Step 13 At FIELDS area, Click Rearrange button and set following properties:

Step 14 At FILTER CRITERIA area, Click add button to add " Content: Type" field with following properties:

Step 15 At Css class area, change with following properties:

Step 16 At HEADER area, Click Add button to create "Global: Text area" field and set following properties:

Step 17 At HEADER area. Click Add button to create "Global: Menu area" field and set following properties:

Step 18 Save view

C. Create Frontpage - Wide layout block view

Step 1 At Frontpage view clone view with following step:

Step 2 New window is opened with following settings:

Step 3 At Dispaly name area, change to " "FrontPage - Wide Layout "

Step 4 At Css class area, change with following properties:

Step 5 At PATH area, change with following properties:

Step 6 Save view