Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of yugen.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

General Settings

  • Go to Appearance > Customize > General Settings
  1. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Sidebar
    Set default sidebar option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: Home Page, Archive Page, Single Post and Single Page
  3. Colors
    Set background color of website.
  4. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Header

  • Go to Appearance > Customize > Header
  1. Header Image
    Set header Background Image and Background Overlay Color.
  2. Site Title & Tagline
    SetLogo, Logo Height, Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title ), Display Tagline (Toggle button to show/hide Site Tagline ), Site Icon.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Hero Section

  • Go to Appearance > Customize > Hero Section
  1. Visibility
    Enable/Disable Hero section on Homepage
  2. Content & Settings
    Add Hero Section content (Image, Title, Sub title, Short Description, aButton text & URL. Setting available for Overlay Background Color, Typography and Text Color.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Page Header
    Set Background Image, Overlay Background Color and Color Scheme for Archive/Blog page header.
  2. Column Settings
    Sets Post per Row and Column Spacing for Archive/Blog page.
  3. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  1. Content Settings
    Content Header Section Set visibility of Featured Image and Title. Drag and Drop to re-order elements.
  2. Content Footer Section Set visibility of Categories, Tags, Post Navigation, Comments and Related Posts. Drag and Drop to re-order elements.
  3. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  1. Content Settings
    Content Header Set visibility of Featured Image and Title. Drag and Drop to re-order elements.
  2. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Footer

  • Go to Appearance > Customize > Footer
  1. Widgets
    Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable.
  2. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ).

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.