Homepage Design Editing Guide: Customizing Your Badge Platform Brand

This guide explains how to edit your Kolleges homepage’s logo, theme color, banners, content layout, and more to customize it to your brand. It’s a design editing guide that anyone can easily follow.

Homepage Design Editing

You can edit your homepage’s design directly.

1. In the left side menu, click [Homepage Management] > [Page Design Editing].
2. In the [Page Design Editing] menu, clicking the {+ Edit Design} button for each page type takes you to the [Edit Page Design] page where you can modify that page’s design.

Page Component Descriptions

The page design elements consist of the following 9 menus.

• Banner_Single: You can set up various types of image banners, such as a single image, a slide, or PC/mobile-only (responsive) banners.
• Promo Video: You can stream a promotional video by entering a YouTube link.
• Featured Class: Select the classes to display on your homepage and set their display order.
• Action: Set a button title and link so users can navigate to the page or feature you want.
• Notice: Register notices to be shown to users.
• Map: Set the organization’s address to display on your homepage.
• Title: Set title text that can describe a design element.
• Spacing: Add spacing between design elements to adjust the gaps.
• Banner_List: Add multiple items in card form to set up the content you want to introduce.

You can add or delete design elements.

For each design element, you can click the switch button on the right to set whether it is displayed on the homepage.

Clicking the {Publish} button in the top right applies your edited content to the homepage immediately. (Note: if you leave the page without clicking the {Publish} button, your changes will not be saved.)