📚
EMO Focus
  • 👋Welcome to Emo Focus
    • Changelog
  • Overview
    • 💡Build Demo Page
    • 📄Import Demo Content
    • ✨Theme Options
  • Base
    • 🎨Theme Manual Installation
Powered by GitBook
On this page
  • 1. Home page
  • 2. Header
  • 3. Footer
  1. Overview

Build Demo Page

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

PreviousChangelogNextImport Demo Content

Last updated 2 years ago

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

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.

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.

3. Footer

You can add the widgets to the Footer sidebar position from the Dashboard > Widgets, footer from 1 to 4.

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 , and copy the HTML code

💡
here
install the WordPress theme manually