how to make a moodle course header

by Dr. Walter Kihn 5 min read

Moodle Theme Maker – How to add course thumbnail/header image and excerpt.
  • Step 1. Log into your Moodle site as a teacher and open your desired course. Go to the course settings page by clicking the “Editing settings” link in ...
  • Step 2 – Add Course Excerpt.
  • Step 3 – Add Course Thumbnail.

Add a snippet as a Course Header
  1. Go to the Moodle space and click Turn editing on.
  2. Click Edit in the top section of the Moodle space, then click Edit settings. ...
  3. Click on the Templates4u icon on the Atto editing toolbar.
  4. Click on the drop-down to display a list of available snippets.

Full Answer

How do I add a header image to my Moodle course?

Mar 29, 2022 · Moodle Theme Maker – How to add course thumbnail/header image and excerpt. Step 1. Log into your Moodle site as a teacher and open your desired course. Go to the course settings page by clicking the “Editing settings” link in ... Step 2 – Add Course Excerpt. Step 3 – Add Course Thumbnail.

How do I add a course description to my moodle site?

Dec 11, 2016 · The header () method is defined in core_renderer class in moodle/lib/outputrenderers.php file. Your theme will be extending this class in an extended class in theme//renderers.php. You can override header () method in that class. Share Improve this answer answered Dec 23, 2016 at 7:47 karthzDIGI 373 4 15 Add a comment Your Answer Post …

How do I add HTML/CSS to Moodle Docs?

Aug 02, 2020 · I think you'll need custom code. How I would do it: Using a plugin, I would extend the settings menu for the course and add a setting to store the course's banner image (there's a function for this you can use to extend the options). I would use a theme to override the header in the core_renderer to check if the page is a course and if so, load the config where the image is …

How do I add links to my moodle site?

Step 1 Navigate to your course Step 2 Click the gear icon, then edit settings Step 3 Drag and drop your image the Course image upload box under the Description heading Step 4 Click Save and display. Results Now when your course is viewed on the dashboard it has a cover image.

How do I customize my header in Moodle?

Customising the headerThe administrator can add links, metatags, CSS or Java Script to the header section of your page via Site administration > Appearance > Additional HTML.You can specify HTML or CSS or JavaScript that you want added to every page without altering the Moodle code files.More items...•Jul 27, 2020

How do I change course banner in Moodle?

To add a banner image to your course, go into the course and enter editing mode. In the uppermost section, click on the edit button. This will let you edit the content that displays at the top of the box. In the "Summary" box, click on the "Insert/edit image" (looks like a tree).Mar 23, 2021

How do I edit header and footer in Moodle?

How to Change Moodle Logo and FooterFirst, log into the Moodle Dashboard.Next, navigate to the Site Administrator > Appearance > Themes > Theme selector in the Settings on the left. ... After the theme logo and footer have been updated, the theme cache will need to be cleared in order to display the new appearance.More items...•Sep 10, 2021

How do I change the layout of a Moodle course?

0:001:18How to Change Section Layout in Moodle - YouTubeYouTubeStart of suggested clipEnd of suggested clipSo you come over to edit settings on the administration panel. And when you go into the editMoreSo you come over to edit settings on the administration panel. And when you go into the edit settings you're gonna scroll down to course format. And in the course format you have area you have layout.

How do I add a course image in Moodle?

Go to your course's Moodle site. Click the "Course Management" gear icon in the top menu bar. In the Description Section, look for the Course Image upload box. The easiest way to add an image is to drag and drop it from your computer into the upload box.

How do I add a banner to Moodle?

On the main page of your Moodle course, select Edit section from the "Edit" drop-down for the main section. In the summary area, click the picture icon. Click Find or upload an image. In the file picker, make sure you are in the "Upload a file" area.Mar 22, 2018

How do I add a header and footer in Moodle?

Customising the headerThe administrator can add links, metatags, CSS or Java Script to the header section of your page via Site administration > Appearance > Additional HTML.You can specify HTML or CSS or JavaScript that you want added to every page without altering the Moodle code files.More items...•Jul 27, 2020

How do I change the favicon in Moodle?

How to change your Moodle theme's faviconStep 1 – Prepare your favicon. You can use a free online favicon generator such as https://favicon.io/ to export your own favicon. ... Step 2 – Replace the favicon in your Moodle theme. Find a folder called “pix” under your Moodle theme folder:Jan 11, 2021

How do I remove data retention summary in Moodle?

How to remove 'Data retention summary' from your Moodle siteGo to Site administration -> Users -> Privacy and policies -> Privacy settings.Uncheck the 'Show data retention summary' checkbox and save the changes.Jan 8, 2021

How do I customize my Moodle page?

You can change this so that they go to the Site home (front page) if you prefer.Log in with your administrator account.From the left panel (the Navigation drawer) click Site administration.Click the Appearance tab.Click Navigation.Change the Home page for users to Site.Nov 12, 2021

How do I create a course layout?

To design an effective course, you need to:Consider timing and logistics.Recognize who your students are.Identify the situational constraints.Articulate your learning objectives.Identify potential assessments.Identify appropriate instructional strategies.Plan your course content and schedule.

What is the default course format in Moodle?

Topics formatTopics format The course is organised into topic sections that a teacher can give titles to. Each topic section consists of activities, resources and labels. In new installations of Moodle, this is the default format.Feb 22, 2021

Step 1

Log into your Moodle site as a teacher and open your desired course. Go to the course settings page by clicking the “Editing settings” link in the dropdown menu as shown in the figure below:

Step 2 – Add Course Excerpt

On the settings page, enter your course description in the “Course Summary” input field. The content you enter there will be used as the course excerpt on the frontpage.

Step 3 – Add Course Thumbnail

Upload your course image to the “Course summary files” input field. For the best result in theme Maker, please make sure your thumbnail image size is: 880px x 560px.

Want to master Moodle?

Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

Are you a Moodle admin?

Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...

Before you begin

You may notice that while most Moodle courses in the new dashboard view show a colorful, abstract pattern, it is also possible to add a custom image to make your course stand out or to communicate relevant themes to learners simply.

Step 3

Drag and drop your image the Course image upload box under the Description heading

Want to master Moodle?

Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

Are you a Moodle admin?

Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...

image

Customising The Header

  1. The administrator can add links, metatags, CSS or Java Script to the header section of your page via Site administration > Appearance > Additional HTML
  2. You can specify HTML or CSS or JavaScript that you want added to every page without altering the Moodle code files.
  1. The administrator can add links, metatags, CSS or Java Script to the header section of your page via Site administration > Appearance > Additional HTML
  2. You can specify HTML or CSS or JavaScript that you want added to every page without altering the Moodle code files.
  3. Add your HTML/CSS to the' Within HEAD' box

Customising The Footer

  1. As with header options in the section above, the administrator can add links, CSS or Java Script to the footer section of your page via Site administration > Appearance > Additional HTML
  2. This might be useful for adding Google Analytics, for example.
  3. Add your HTML/CSS to the 'Before BODY is closed' box.
See more on docs.moodle.org

Theme Settings Options

  • Some themes allow you to add custom CSS and footer text via their settings pages The standard 'Clean' and 'More' themes offer this option, via Site administration > Appearance > Themes > Clean/More
See more on docs.moodle.org

Customising The 'Main Body' Section

  1. As with header and footer options, you can add code and script to the main body of the page.
  2. This might be useful for adding a banner image, a text heading or an alert message for example.
  3. Add your content to the 'When BODY is opened' box.
See more on docs.moodle.org

See Also