💡Build Demo Page

This section will help you build default Theme page the same as Emo Focus demo site.

Firstly, you need to install the theme. Here is our instruction for how to install the WordPress theme manually

1. Home page

Here is the instruction to create the same Homepage: Step 1 – Drag & Drop widgets Emo Focus has a Custom widget created especially for the theme. To set the Widget go to Dashboard > Appearance > Widgets. Or you can go to the Dashboard > Customize to see the live change.

1.1. Home Top (Full)

This is the first section of the Home page, you can use the Emo Focus - Hom Feature widget. This widget has 4 styles that you can choose/change.

1.2. Home Mid-top (left)

This section will show under the Home Top section, you can use the Emo Focus - Hom News widget. This widget has 5 styles that you can choose/change.

1.3. Home Mid-Top (Right)

This is a sidebar of the Mid-top left section.

1.4. Home Middle (Full)

This section using the EMO Focus - Home Carousel widget.

1.5. Home Mid-Bottom (Left)

This section uses the Emo Focus - Hom News widget with other layouts. This widget has 5 styles that you can choose/change.

1.6. Home Mid-Bottom (Right)

This is a sidebar of the Mid-Bottom left section.

1.7. Home Bottom (Full)

This section uses the EMO Focus - Home Video widget.

To display the video posts here, you need to add the video URL when adding a post and select the Video Format.

2. Header

This section includes the Topbar, Logo & banner, Menu.

2.1. Topbar

You can enable/disable the topbar from the Dashboard > Emo Focus (Theme options) > Header.

2.1.1. To show/edit the right menu, you can go to the Dashboard > Appearance > Menu then Create a new menu and select the Topbar left menu under the Menu Settings.

2.1.2. You can enable/disable the Current day and then change the Date format that you want to show from Emo focus (Theme option) > Header.

2.1.3. To show the Right menu, you can Create a new menu and then select the Topbar Right Menu. If you want to add a social icon, you can find the social here, and copy the HTML code

Then add this HTML code to the Navigation label

2.1.4. To add the Banner to the Header, you can go to the Dashboard > Widgets and add the image widget to the Header Banner position.