Note: You are currently viewing documentation for Moodle 1.9. Up-to-date documentation for the latest stable version is available here: Footer replacement.

Footer replacement

From MoodleDocs
Revision as of 18:04, 12 May 2010 by Frank Ralf (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This is an example of how to change the footer for a Moodle site. It is a draft.

The goal is to replace the Mooldle logo and web address with your own address.

I started by using the StandardGreen theme. I copied the /theme/standardgreen folder and renamed the folder Anisa_1. I then went to the theme/anisa_1 folder.

Open the footer.html file.

Replace this line

<?php echo $home ?>

with your web address, like so...

<?php echo "www.fundacionanisa.org" ?>

Save the file and check it with your browser.

Perhaps someone more familiar with how this thing works could add the code so that the address shows up as a regular web link.

Well, after a Google and a visit to a How-To on basic HTML i see that this will give us an underlined web address

<a href="http://www.fundacionanisa.org/">Fundación Anisa, A.C.</a>

Now, if i can just figure out how to get my icon/image in this position and use it as a link, just like the Moodle icon was...

After some more experimentation, i got this to work...

<?php echo $loggedinas ?> <a href="http://www.fundacionanisa.org/"><img src="http://www.fundacionanisa.org/moodle_anisa/file.php/1/anisa_logo_small.jpg"></a>

Note: the anisa_logo_small.jpg was placed in the Front Page site file folder (which is always "1").

Now I have a "small" logo at the bottom and has a link to the web page as well. Yippee!

The text must be a little different for 1.9.3. Replace echo $homelink;

with echo '<a href="http://www.fundacionanisa.org/"><img src="http://www.fundacionanisa.org/moodle_anisa/file.php/1/anisa_logo_small.jpg"></a>';

Once the footer.html and/or header.html looks good, you are ready to select the new theme via the site administration block>appearances>themes>themes selector. Find your new theme and select it.

See also

Theme basics