Your learning environment comes with a standard theme that is highly customizable. It allows you to control many aspects of the look and feel of your site.
To change the look and feelThe layout of the front page is quite flexible. Once in the theme settings, you can go to the "Block region builder" tab to modify the layout. This tab allows you to add 4 rows of blocks, and specify how many columns (between 1 and 4) for each row. Once you specify the rows and columns you want on the front page, you can save the page to view the layout. You can then go back to the front page and, while in editing mode, add various blocks in the rows and columns.
Step-by-step Guide
To modify the layout of the front page:
- Go to Site Administration > Appearance > Themes > Dual CodeEnglish > Settings
- Click the specific area that you want to modify.
Below are some areas that are frequently customized by administrators.
General Settings. This section is where you change your logos, header and footer information. For administrators who are familiar with cascading style sheets (CSS), the "Custom CSS" field at the end of this page allows you to add CSS rules that will be reflected in every page of the site, making it easy for you to customize any section of the theme.
Custom Menu. This section allows you to define the top menu of your site and manage what appears under the "My Dashboard" section of the menu. For more details on customization the menu, see the Customizing the Menu documentation.
Colour Settings. As the name implies, this section allows you to change the colours of your theme by using hexadecimal colour codes or simply selecting a colour from a palette.
Frontpage Slideshow. This section allows you to add up to 4 slides on your front page. For each slide, you can customize the slide title, slide image, slide caption, and add a link that can redirect users to another page.
Frontpage Content. This section features an HTML editor that allows you to add content between the slideshow and the marketing spots.
Marketing Spots. This section allows you to add 3 boxes to the front page to highlight certain features, courses or events. For each spot, you can customize the title, the icon, the image, the content, and add a link that can redirect users to another page.
Social Networking. This section allows you to add links to your social networking tool sites, such as Facebook, LinkedIn or Twitter. When configured, the icons appear at the top right of the screen,
Mobile Apps. This section allows you to add links to your mobile apps, such as your Android or iPhone app. When configured, the icons appear at the top right of the screen.
User Alerts. This section allows you to display user alerts on the front page, such as information, warnings, or general announcements. Users can acknowledge the alerts to delete them.
...
- on the "Block region builder" tab
- Enable the "Enable custom block region on front page" setting
- Specify how man blocks you would like for each row
- For example, 3+3+3+3 would add 4 blocks of equal width, while 4+8 would add two blocks, with the 2nd block being twice as wide as the 1st block.
- If you do not need a row, select "Disabled" to hide it.
- Click on the "Save changes" button.
Once you've saved the page, you will see in the "Check your layout" section the layout of your blocks on the front page of your learning environment. You can now go to that front page to add actual blocks (e.g. Calendar block, Slider block, Text block, etc.) to those rows.
The image below shows the general layout of the front page.
