SkaDate Documentation

User Tools

Site Tools

You are here: SkaDate Documentation » Frequently Asked Questions » Design and Appearance » index_page_customization
faq:design_appearance:index_page_customization

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
faq:design_appearance:index_page_customization [2017/06/07 09:11] – external edit 127.0.0.1faq:design_appearance:index_page_customization [2020/11/11 15:21] (current) – admin
Line 1: Line 1:
-===== How to customize my site’s Index page? ===== +This article has been moved to https://hello.skadate.com/index.php?rp=/knowledgebase/91/Supplementary-guide-4-index-page-customizer.html
- +
-The Index page is the cover of your website. This is the page the guests and users see once they open your site URL. We provide a few tools to customize the Index page according to your needs and site conception. +
- +
-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: <nowiki>http://[your_site_URL]/index</nowiki> +
- +
-2. Click the **Customize this page** button at the top of the page.  +
- +
-{{:faq:design_appearance:index_1.png?500|}} +
- +
-3. You will be redirected to the Index customization page. +
-Here you can perform the following customization actions:  +
- +
-{{:faq:design_appearance:index_2.png?500|}} +
- +
-==== Re-arrange widgets ==== +
- +
-You can easily change the way the widgets are arranged on the Index page. +
- +
-1. Click the **Customize this page** button on the Index page. +
- +
-2. Move the mouse cursor over the widget title and drag it ((click on the widget with the left mouse button and hold it)) +
- +
-{{:faq:design_appearance:index_3.png?500|}} +
- +
-3. Then drop ((while still holding the left mouse button, move the mouse cursor to the position you want to add the widget to, and then release the button)) this widget to the preferred position.  +
- +
-{{:faq:design_appearance:index_4.png?500|}} +
- +
-{{:faq:design_appearance:index_5.png?500|}} +
- +
-4. Click the **Finish Customizing** button.  +
- +
-{{:faq:design_appearance:index_6.png?500|}} +
- +
-==== 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. +
- +
-You can configure settings for the existing widgets. +
- +
-For example, to change the number of users shown in the Users widget, you should: +
- +
-1. Click the **Customize this page** button on the Index page. +
- +
-2. Find the **Users** widget. +
- +
-3. Click the **Edit** (wheel) icon against the widget’s title.  +
- +
-{{:faq:design_appearance:index_7.png?500|}} +
- +
-4. The **Settings** window will pop up. +
- +
-5. Enter the number of users you want to be shown in the **Count** field. +
- +
-6. Click **Save**.  +
- +
-{{:faq:design_appearance:index_8.png?500|}} +
- +
-7. Click the **Finish Customizing** button.  +
- +
-==== Remove an existing widget from the Index page ==== +
- +
-To remove a widget from the Index page, thus making it invisible to users, you should: +
- +
-1. Click the **Customize this page** button on the Index page. +
- +
-2. Find the widget you want to remove. +
- +
-3. Click the **Delete** (cross) icon against the widget’s title. +
- +
-4. Click the **Finish Customizing** button.  +
- +
-{{:faq:design_appearance:index_9.png?500|}} +
- +
-==== Add a widget to the Index page ==== +
- +
-To add the widgets that are not yet available on the Index page, you should: +
- +
-1. Click the **Customize this page** button on the Index page. +
- +
-2. Find the desired widget in the **Available widgets** area at the top of the page. +
- +
-3. Move the mouse cursor over the widget’s title and drag it.  +
- +
-{{:faq:design_appearance:index_10.png?500|}} +
- +
-4. Then drop this widget to the position you prefer.  +
- +
-{{:faq:design_appearance:index_11.png?500|}} +
- +
-5. Click the **Finish Customizing** button.  +
- +
-==== Create a custom widget ==== +
- +
-You can add your own custom widgets to the Index page. +
- +
-For example, to place an additional advertisement banner to the Index page, you should: +
- +
-1. Click the **Customize this page** button on the Index page. +
- +
-{{:faq:design_appearance:index_1.png?500|}} +
- +
-2. Drag the **Custom text/HTML** widget from the **Available widgets** area.  +
- +
-{{:faq:design_appearance:index_12.png?500|}} +
- +
-3. Drop this widget to the position you prefer.  +
- +
-{{:faq:design_appearance:index_13.png?500|}} +
- +
-4. Click the **Edit** (wheel) icon against the widget’s title.  +
- +
-{{:faq:design_appearance:index_14.png?500|}} +
- +
-5. The **Settings** window will pop up. +
- +
-6. Enter the banner code into the Content (text/HTML) field.  +
- +
-{{:faq:design_appearance:index_15.png?500|}} +
- +
-7. Click **Save**.  +
- +
-{{:faq:design_appearance:index_16.png?500|}} +
- +
-8. Click the **Finish Customizing** button. +
- +
-|**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.| +
- +
-==== Customize the Sidebar ==== +
- +
-Along with the Index page, you can also customize the Sidebar ((Sidebar can be found on the right side of all the site pages)) +
- +
-For example, to place the Welcome widget at the top of the Sidebar, you should: +
- +
-1. Click the **Customize this page** button on the Index page.  +
- +
-{{:faq:design_appearance:index_1.png?500|}} +
- +
-2. Drag the Welcome widget.  +
- +
-{{:faq:design_appearance:index_17.png?500|}} +
- +
-3. Drop the widget to the top of the Sidebar.  +
- +
-{{:faq:design_appearance:index_18.png?500|}} +
- +
-{{:faq:design_appearance:index_19.png?500|}} +
- +
-|**Note:** Be advised that all widgets in the Sidebar will be visible for non-logged in visitors even if you make your site private and hide the Index page for guests.| +
faq/design_appearance/index_page_customization.txt · Last modified: 2020/11/11 15:21 by admin