{"id":2703,"date":"2026-02-07T17:25:42","date_gmt":"2026-02-07T17:25:42","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=2703"},"modified":"2026-02-07T18:12:29","modified_gmt":"2026-02-07T18:12:29","slug":"online-course-theme-complete-setup-guide","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/web-devad-io-docs\/online-course-theme-complete-setup-guide\/","title":{"rendered":"Online Course Theme – Complete Setup Guide"},"content":{"rendered":"\n

Author: Mahmoud Salih<\/strong>
Date: January 18, 2026<\/strong><\/p>\n\n\n\n

This guide provides a complete walkthrough for setting up your online course website as an administrator. Subsequent sections of the documentation will cover instructor-specific features and student-facing functionalities to create a comprehensive e-learning platform.<\/p>\n\n\n\n

Preliminary Step: Admin Account Setup<\/h2>\n\n\n\n

Before beginning the course website setup, ensure you have admin privileges:<\/p>\n\n\n\n

    \n
  • Access the website at https:\/\/web.devad.io\/<\/li>\n\n\n\n
  • Click “Login” in the top navigation<\/li>\n<\/ul>\n\n\n\n
      \n
    • Verify admin access by checking for the admin dashboard menu on the left sidebar<\/li>\n\n\n\n
    • You should now see “Course Management,” “Settings,” <\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n

      Step 1: Selecting the Appropriate Theme<\/h2>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
        \n
      1. Click on “Settings” in the left sidebar menu to expand the sub-menu options<\/li>\n\n\n\n
      2. From the expanded settings sub-menu, select “Themes” to display the theme configuration panel<\/li>\n\n\n\n
      3. Choose “Theme Ten” (specifically designed for course websites) by clicking on it<\/li>\n\n\n\n
      4. Click the “Update” button to apply your selection<\/li>\n\n\n\n
      5. Upon successful theme activation, a progress notification will appear in the top-left corner confirming the successful theme change<\/li>\n<\/ol>\n\n\n\n

        Step 2: Instructor Management<\/h2>\n\n\n\n

        Path 1: Adding a New Instructor<\/h3>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
          \n
        1. Click “Course Management” in the left sidebar menu<\/li>\n\n\n\n
        2. Select “Instructors” from the expanded sub-menu<\/li>\n\n\n\n
        3. Click the “+Add Instructor” button to open the instructor creation form<\/li>\n\n\n\n
        4. Click “Choose File” and upload a high-quality profile image (370 \u00d7 370 pixels recommended)<\/li>\n\n\n\n
        5. Select the instructor’s primary language from the dropdown menu<\/li>\n\n\n\n
        6. Enter the instructor’s full name in the “Name” field<\/li>\n\n\n\n
        7. Specify the instructor’s professional title or specialty in the “Occupation” field<\/li>\n\n\n\n
        8. Provide a comprehensive professional bio in the description field (minimum 30 characters)<\/li>\n\n\n\n
        9. Click the “Save” button to create the instructor profile<\/li>\n<\/ol>\n\n\n\n

          Path 2: Viewing Instructor List<\/h3>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
            \n
          1. Navigate to Course Management > Instructors<\/li>\n\n\n\n
          2. Use the language dropdown to filter instructors by language<\/li>\n\n\n\n
          3. Review instructor details including profile image, name, and occupation in the main table<\/li>\n\n\n\n
          4. Use the search functionality to find specific instructors if needed<\/li>\n<\/ol>\n\n\n\n

            Path 3: Editing Instructor Details<\/h3>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
              \n
            1. From the instructors list, click the edit icon for the instructor to modify<\/li>\n\n\n\n
            2. Update the profile image by selecting a new 370\u00d7370 pixel file<\/li>\n\n\n\n
            3. Edit the instructor’s name, professional title, or description as needed<\/li>\n\n\n\n
            4. Click the “Update” button to save changes<\/li>\n\n\n\n
            5. Confirm successful update via the notification in the top-right corner<\/li>\n<\/ol>\n\n\n\n