Supplementary guide 4: index page customizer

This document describes index page (https://[your_site_URL]/index) customizations options  options applicable to any SkaDate theme

To customize your website’s Index page, you should first login to the site with the administrator account access details.

  1. Go to the Index page by typing index in the address bar: http://[your_site_URL]/index
  2. Find and click the "Customize this page" button. Or use following direct URL: https://[your_site_URL]/index/customize to open customizer right away
  3. You will be redirected to the Index customization page:                                          
  4. Here you can perform the following customization actions:
    1. Re-arrange widgets
    2. Configure an existing widget
    3. Remove an existing widget from the Index page
    4. Add a widget to the Index page
    5. Create a custom widget

To re-arrange widgets

While in index page customizer (https://[your_site_URL]/index/customize)

  1. Move the mouse cursor over the  desired widget title and drag it then drop this widget to the preferred position. Tip: by moving an arrow icon between columns you can change column width:                                                                            
  2. Click the "Finish Customizing" button to save your changes

To configure an existing widget

Most of the plugins have their own widgets on the Index page. When you install a plugin, its widget is automatically added to the Index page.
Widgets unique and general settings. Let's review settings on example of "Users" widget:

To configure existing widget while in Index page Customizer (https://[your_site_URL]/index/customize):

  1. Find the Users widget>> click the Edit (gear wheel) icon against the widget’s title
  2. The Settings window will pop up:#
    1. "Count" is a unique setting of Users widget: it controls the number of users shown in the widget
    2. "General widget settings" are universal settings that exist in any widget:                              
  3. Click Save, then click the "Finish Customizing" button to save your changes

To remove an existing widget from the Index page while in Index page Customizer (https://[your_site_URL]/index/customize):

  1. Find the widget you want to remove
  2. Click the Delete (cross) icon against the widget’s title
  3. Click the Finish Customizing button                                                                                                                                       

To add a widget to the Index page while in Index page Customizer (https://[your_site_URL]/index/customize):

  1. Find the desired widget in the Available widgets area at the top of the page
  2. Move the mouse cursor over the widget’s title and drag it                                         
  3. Then drop this widget to the position you prefer>> Click the Finish Customizing                  

To create a custom widget while in Index page Customizer (https://[your_site_URL]/index/customize):
  1. Drag the Custom text/HTML widget from the Available widgets area                          
  2. Drop this widget to the position you prefer                                                                  
  3. Click the Edit (wheel) icon against the widget’s title>> The Settings window will pop up:
    1. add desired content ( text or HTML)
    2.    add general widget settings>> save                                                                                       
  4. Click the Finish Customizing. Note: You can add as many Custom text/HTML widgets to the Index page as you prefer. You can use the Custom text/HTML widgets either for adding simple text or HTML/java-script code

  • 1 Users Found This Useful
Was this answer helpful?

Related Articles

Basic theme setup guide

This document describes basic/general  setup options applicable to any SkaDate theme....

Supplementary guide 1: items to prepare for basic theme setup

This document describes items to prepare for Basic Theme Setup:  Required: select theme to use...

Supplementary guide 2: Platinum Pro theme setup

This document describes Platinum Pro theme setup.Requirements: prepared graphical assets and...

Supplementary guide 3: common CSS changes

This document describes basic CSS changes applicable to almost any SkaDate theme. CSS descibred...