![]() ![]() Atto is a javascript text editor built specifically for Moodle and it is the default Moodle text editor. I recommend switching to the Atto editor. If you don't see a correct preview of the icon boxes in the editor, your are perhaps using the TinyMCE editor as your default editor. In the preview of the editor you should now see the icon boxes.Įditing the text: This is the easiest part! You can change the text directly in the editor. Here, insert the HTML from step one and close the HTML/code view. Here, select "label" and then click the "Add" button, or simply double-click on the resource name.įirst, you have to switch the edtor to HTML/code view (see also: ). Then, click "Add an activity or resource" to open the new activity chooser. To add an activity or resource to a course or to the frontpage you alway have to turn editing on by clicking the button top right or the link in "Administration" > "Course administration". Second step: Adding a label to the Frontpage.If you click on the "Get full HTML" button below you will get all HTML code lines of the given example. In most cases, the HTML code you find directly below the example is shortened to make it easier to read and comprehend. So go to "Styling your site" > "Content Boxes" or just click here. They have a smooth hover effect and they can also contain buttons and links, for example to refer to another page with a "Read more" link.Īt first, we have to copy the HTML code lines for the icon boxes from the "Styling your Site" section in this documentation. If you've hidden the main menu, you will need to show it again to access the site page with the favicon.The demo site of Theme Lambda contains a row of four icon boxes below the slider. The page you have just added will disappear from the menu, but the Main menu itself will still show.Go to your moodle sites home page and enable editing.You probably do not want the Main menu displaying on the site Home page. When saved, do a hard reload (Usually Ctrl-F5) or clear your web browsers cache and check that the icon has loaded. In the Within HEAD box, create a link to the favicon by entering the following, replacing the href value with the copied link to the favicon:.Click Site Administration > Appearance > Additional HTML.Paste the link somewhere safe if you want to. With the page displayed, make of copy of the link to the favicon by right clicking the favicon and choosing (Chrome) Copy Image Address or (Firefox / Edge) Copy Image Link.Add your favicon.ico file to the content section of this page then click Save and display.Name this page something relevant, such as Resources or Icons and give it a relevant description if you wish.On the Main menu block, click Add an activity or resource then choose the Page resource.Choose Main Menu from the list of available blocks.In Boost, this is located in the right side drawer. Go to your Moodle sites home page and enable editing.If this is the case, you can still add a favicon by adding the icon on a publicly accessible site page and then using the Additional HTML settings to include a link to the icon. Many Moodle installations will not give you access to the theme folder to upload a favicon.ico file. It also mentions some online utilities that can be used to convert pictures to the right format for use as a favicon.Īlternative method if you do not have access to the theme folder. This Wikipedia article explains how favicons work and has some useful links to software you can use to create one. You might also need to clear your Moodle's cache by going to Site Administration > Development > Purge caches > Purge all caches. You might want to uncheck the box after it works. Site Administration > Appearance > Themes > Theme settings > Theme designer mode check box and save. Tip: Favicon is not changing on your browser? Moodle cached the old one. The change may not be noticeable because the previous image may be in the server or browser cache. ![]() Make sure to keep your favicon.ico file named "favicon.ico." If you are not using a standard theme, you will have to find the "favicon.ico" file that your custom theme uses. Typically, the favicon.ico file is located in your theme's folder, for example, in. Standard method if you have access to the theme folder. 2 Alternative method if you do not have access to the theme folder.1 Standard method if you have access to the theme folder. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |