Customizing the Appearance of Your E-Learning Platform

 

Step 1: Access the Admin Dashboard

1. Login to your e-learning platform's admin dashboard using your platform credentials sent to you by email after subscribing and choosing the most suitable package on classperts.com

2. After Loging in **Navigate** to the "Manage theme" section in the sidebar menu.

3.From theme settings you can Customize the full Appearance of Your E-Learning Platform

 

Welcome to the "Update Logo" section of your e-learning platform customization.

Here, you can update various visual elements to ensure your platform reflects your brand identity.

Name: This field is for your institution's name. In this example, it's set to "Prince Sultan University."

Site URL: This field is where you enter your platform's web address. Here, it's "nelc.classperts.com."

Name (Again): This second instance of the name field ensures consistency across different sections of your platform. It is also set to "Prince Sultan University."

Next, let's discuss the various visual elements you can update:

Logo: Click "Choose File" to upload your institution's main logo. This logo will appear in the header of your platform.

Favicon: This is the small icon that appears in the browser tab. Click "Choose File" to upload your favicon.

Logo Home Page: This logo will be displayed on your homepage. Click "Choose File" to upload this specific logo.

RTL Logo: If your platform supports right-to-left languages, you can upload a logo specifically for RTL layouts. Click "Choose File" to upload your RTL logo.

Admin Panel Background Image: Customize the background image for your admin panel by clicking "Choose File" to upload your desired image.

Logo for Mobile: Ensure your platform is mobile-friendly by uploading a logo specifically for mobile devices. Click "Choose File" to upload the mobile logo.

Once you have made all the necessary updates, click the "Update" button at the bottom to save your changes. This ensures that your platform's appearance is consistent and professional across all devices and sections.

 

 

Now, let's talk about the "Site Menu" section.

In this section, you can add and manage the header menu items for your site in multiple languages, ensuring accessibility for all your users.

Menu Name: You can specify the name of each menu item in different languages, including English, Arabic, and French. This allows you to cater to a diverse audience.

Menu Sequence Order: You can easily manage the sequence order of your menu items by assigning a number. This helps you control the order in which the menu items appear on your site.

Status: Each menu item can be activated or deactivated as needed. The "Active" status is shown in green, and the "Inactive" status is shown in red. This allows you to control the visibility of menu items at any time.

Action: You can edit or delete menu items as required. The "Edit" option lets you modify the menu item details, while the "Delete" option removes the item from the menu.

To add a new menu item, click the "Add site Menu" button on the top right. Fill in the necessary details such as the menu name in different languages, assign a sequence order, and choose whether to activate or deactivate the item.

This section provides a flexible way to manage your site's navigation, ensuring that users can easily find the information they need in their preferred language.

 

Now, let's discuss the "Home Page Slider" section.

In this section, the administrator can manage the sliders displayed on the homepage. Similar to the site menu, you can add sliders in different languages to cater to users' language preferences. The site will automatically show the slider in the user's preferred language.

Title: Each slider has a title, which can be different for each language. This helps in identifying and managing the sliders.

Image: Upload an image for each slider that will be displayed on the homepage.

Language: Specify the language for each slider to ensure it is displayed to the appropriate audience.

Status: You can activate or deactivate each slider as needed. Active sliders are shown in green, while inactive sliders are shown in red. This allows you to control which sliders are visible to users at any given time.

Sequence Order: Manage the order in which the sliders appear by assigning a sequence number. This helps in organizing the display order of the sliders on the homepage.

Action: You can edit the details of each slider or delete them if they are no longer needed. The "Edit" option allows you to modify the slider details, while the "Delete" option removes the slider from the list.

To add a new slider, click the "Add Banner" button on the top right. Fill in the necessary details such as the title, upload the image, specify the language, assign a sequence order, and choose whether to activate or deactivate the slider.

Additionally, you can add a URL to each slider to link users to specific pages when they click on the slider. This feature is useful for directing users to important content or promotional pages.

This section provides a flexible way to enhance your homepage with dynamic and localized content, improving the user experience.

 

Now, let's discuss the "Home Page Content" section.

In this section, users can customize all the sections of the frontend. They can use any module of the e-learning features to create and tailor the homepage to meet their specific needs.

Customization: Users have full control over customizing the homepage. They can add, remove, or rearrange sections to suit their preferences and the needs of their audience.

Modules: Utilize various e-learning modules to enhance the homepage. For example, you can add sections for featured courses, teacher profiles, upcoming events, testimonials, and more.

Menu Integration: The menu section plays a crucial role in providing an existing B2C module. This includes features like teacher booking and course booking without the need for additional development. Simply by adding the appropriate site menu and linking it to the desired module, the system will recognize that specific pages need to have specific modules.

This integration simplifies the process of setting up and maintaining a comprehensive e-learning platform. It ensures that the platform is user-friendly and efficient, allowing users to access and book courses or teachers directly from the menu.

To summarize, the "Home Page Content" section offers powerful customization options and seamless integration with e-learning modules, enhancing both the appearance and functionality of your platform.

Thank you for following along. By leveraging these features, you can create a dynamic and engaging homepage that meets the needs of your users.

 

By following these steps, you can effectively customize the appearance of your e-learning platform to reflect your brand identity and enhance the user experience