Changes between Version 2 and Version 3 of Customize-Moodle-Themes

Timestamp:

May 20, 2024, 2:52:11 AM (6 months ago)

Author:

admin

Comment:

--

Customize-Moodle-Themes

@@ -49 +49 @@
 
 
+==== 02 Customizing the Header
 
+Scenario:Assume you need to add a contact email using the customization options available in the Moodle header.
+
+===== Steps to Add a Contact Email by Customizing the Header:
+
+1. **Log in to Moodle**:
+   - Access Moodle with administrative privileges using your credentials.
+
+2. **Access Site Administration**:
+   - Navigate to "Site administration" in the top-right corner of the page.
+
+3. **Navigate to Appearance Settings**:
+   - Under "Site administration," click on the "Appearance" tab.
+   - Select "Theme settings" or "Theme" depending on your Moodle version.
+
+4. **Customize Header**:
+   - In the "Theme settings" section, look for a section labeled "Header" or "Custom header content."
+
+5. **Add Contact Email**:
+   - Locate the text box where you can add custom HTML or text content for the header.
+   - Enter the contact email using HTML to format it appropriately. For example:
+
+     {{{
+ #!css
+     <div class="header-contact">
+       Contact us at: <a href="mailto:contact@university.edu">contact@university.edu</a>
+     </div>
+     }}}
+
+     - This HTML code adds a div with a class for potential styling and includes a mailto link for the contact email.
+
+6. **Save Changes**:
+   - Scroll down to the bottom of the page and click on the "Save changes" button to apply the custom header content.
+
+7. **Verify Header Customization**:
+   - Go to the main page of your Moodle site to verify that the contact email appears in the header as expected.
+   - Ensure the email link works correctly by clicking on it to open your default email client.
+
+By following these steps, you will have successfully customized the Moodle header to include a contact email, making it easily accessible to users.
+
+
+