Documentation

Almond

Thank you so much for choosing Almond.

Almond is a multi-purpose, multi-layout Moodle template featuring custom made Application and Page layouts, UI elements. In this documentation, you will find starter guides of the custom made Almond.

  • Created: 2022-05-02
  • Update: Feb 2024 / NOW FULLY COMPATIBLE WITH MOODLE Moodle v3.11 & v4.+ !

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Prerequisites

Note: This theme is based on the Moodle platform, so make sure Moodle is already installed and ready to use. To install Moodle, go to Moodle.

Before starting the installation

Default Language

Almond is loaded with default settings when installing. In this way, you will see a full page on the frontpage, not a blank page.
During installation, "English" as the default language must be selected. So that the default settings can be fully loaded.

  1. Navigate to → Site administration > Language > Language settings > Default language > English
Prepare a Folder
  1. Prepare a folder where you can unzip the downloaded .zip file. Unzip the downloaded package and open the /Almond-Theme-Package folder to find all the template files.
  2. Almond-Theme-Package - Contains all of the file.
    • V3.11+ - Contains all of the theme for 3.11+ .
      • Almond.zip - Contains all of the theme. This is the file that needs to be loaded in the setup.
      • Almondpage.zip - Contains the plugin file that needs to be installed.
    • V4.0+ - Contains all of the theme for 4.0+ .
      • Almond.zip - Contains all of the theme. This is the file that needs to be loaded in the setup.
    • V4.1+ - Contains all of the theme for 4.1+ .
      • Almond.zip - Contains all of the theme. This is the file that needs to be loaded in the setup.
    • V4.2+ - Contains all of the theme for 4.2+ .
      • Almond.zip - Contains all of the theme. This is the file that needs to be loaded in the setup.
    • V4.3+ - Contains all of the theme for 4.3+ .
      • Almond.zip - Contains all of the theme. This is the file that needs to be loaded in the setup.
    • Almondpage.zip - Contains the plugin file that needs to be installed.
    • info_pages_examples.zip - Contains samples for the Full Page plugin.
        Almond-html
          --- Simple ** Almond info page plugin ( simple ) html and css files.
          --- About.html and About.css
        ** Almond info page plugin ( advanced ) html and css files for ABOUT page.
          --- Blog.html and Blog.css
        ** Almond info page plugin ( advanced ) html and css files for BLOG page.
          --- Blog-detail.html and Blog-detail.css
        ** Almond info page plugin ( advanced ) html and css files for BLOG-DETAIL page.
          --- Event.html and Event.css
        ** Almond info page plugin ( advanced ) html and css files for EVENT page.
          --- faq.html and faq.css
        ** Almond info page plugin ( advanced ) html and css files for FAQ page.
          --- gallery.html and gallery.css
        ** Almond info page plugin ( advanced ) html and css files for GALLERY page.

Theme installation

Follow the steps:
  1. Unzip the Almond-Theme-Package.zip archive.
  2. Open the Almond-Theme-Package folder. Go in to the folder of the version you are using. (V3.11+, V4.0+ or V4.1+)
  3. Log in to your Moodle site as an admin.
  4. Navigate to Site administration > Plugins > Install plugins
  5. Then upload theme ZIP file Almond.zip.
  6. You should now have the Almond theme. Navigate to → Site administration > Appearance > Themes > Theme selector.
  7. Select to Almond theme.
  8. You are good to go for adding your content now!

    9. Note: Please don't forget to clear the cache this is an important step after your changes on Moodle.
    Navigate to → Site administration > Development > Purge all cache

Plugin "Almond Page" installation

Follow the steps:
  1. Unzip the Almond-Theme-Package.zip archive.
  2. Log in to your Moodle site as an admin.
  3. Navigate to → Site administration > Plugins > Install plugins
  4. Then upload plugin ZIP file almondpage.zip.
    5. fullpage_plugin_install
  5. To use the plugin, all you have to do is use the "Almond Page".
    Navigate to → Site administration > Appearance > Themes > Almond > Info Pages
Note: Please don't forget to clear the cache this is an important step after your changes on Moodle.
Navigate to → Site administration > Development > Purge all cache

Theme Settings

As previously mentioned, Almond comes with variety of different layouts.
To customize these settings, navigate to Site administration > Appearance > Themes > Almond.

Styling your front page is very quick and easy with the Almond theme.
FrontPage Slider panel allows you to configure different slide styles for frontpage.
image
FrontPage panel allows you to configure different theme styles, colors and block order for the front page.
image
Almond comes with many ready-to-use blocks. All blocks contain different designs.
So, it is easier to prepare themes in line with your own needs with different combinations.
image

All block layouts can be found within the Demo app, you can try them over there and choose one that fits your needs.

Theme Activation

1. Follow the steps below to theme activation:

  1. Navigate to → Site administration > Appearance > Themes > Theme selector and click "Change theme" button at "Default" device type.
  2. Then find "Almond" theme and click "Use theme" button.
Note: Please don't forget to clear the cache this is an important step after your changes on Moodle.

Pages

Almond has made the pages look their best for you. The theme contains many styles.

  • Front page (46 Blocks + 6 Different Headers)
  • Dashboard
  • Calendar
  • Course categories and single course pages
  • Blogs
  • Login
  • HTML executable page specific to almond theme only

These styles are yours from the moment you buy the theme.

Remember, there is a lot of possibility of looks you can achieve with the Almond theme.

image

Getting started with the Frontpage section :

Moodle's structure might look overwhelming and intimidating at first, but following this page and giving a bit time to understand it before jumping right into desing will help immensely.We tried to make it quite simple with the almond theme. Almond is built without disturbing the moodle layout, so it will make your work easier.

We are excited to present you 100% dynamic frontPage ! Of course you are free to create your own codes, but you don't need any code to edit this page.
To customize these settings, navigate to → Site administration > Appearance > Themes > Almond.

Blocks

image

We worked hard for the blocks and we are assertive about it. It is simple to use and can even be fun for you.
Each block is configurable independently. You are free to use whatever you want.

Blocks Settings

Disable the blocks you do not use for the system to run fast. You can find the disable button in the settings of each block.

1.Front Page One

This setting is used to determine the placement of the blocks on the front page. You can create the layout of your front page by choosing the 10 blocks that are most suitable for you among dozens of options.

Follow the steps below to set up your blocks:

  1. Navigate to Site administration > Appearance > Themes > Almond
  2. Go to the → Front Page > Front Page One

2.FrontPage Block

Detailed settings of the blocks you have selected are made in this section. You get a great look without writing any code.

Follow the steps below to set up your blocks:

  1. Navigate to → Site administration > Appearance > Themes > Almond
  2. Go to the → FrontPage Block > TITLE BOX/ ICON BOX/ FEATURES/ LATEST/ WHY WE/
    WORKING WITH US/ AVAILABLE COURSES/ TEACHER/ BRANDS/ FOOTER
Blocks settings look like this:
image

Almond Block Types

Some things you need to know about the TITLE BOX :

  • Enable block : Make sure to tick this box to enable the block.
    block-1-enable
  • Background color : Choose the color you want from our color palette. If you do not choose a color, it will automatically choose the main color of the theme.

    • blocks-background-color
  • Caption : Add the text you want to add here.
  • Button : Add a button for your title box.
  • URL : Add a URL for your button.

TITLE BOX Block View

Title : Block containing text and 1 link button. Click the picture.
image
Title Block

Some things you need to know about the ICON BOX :

  • Enable block : Make sure to tick this box to enable the block.
    block-enable
  • Count : You can choose the number of cards here.

    • block-2-count
  • Block icon : Here you can select the icons you want to appear.

    • block-2-icon
  • Block img : Add a image for your block.

    • block-2-img
  • Block title : Add a title for your block.
  • Caption : Add a caption for your block.
  • Button : Add a button for your block.
  • URL : Add a URL for your block.

ICON BOX Block View

Iconbox 1: Block containing 2 cards that you can add the picture, text, icon you want and link to.
Iconbox 2: Block containing 3 cards that you can add the picture, text, icon you want and link to.
Iconbox 3: Block containing 4 cards that you can add the picture, text, icon you want and link to.
image
Iconbox Block 1
image
Iconbox Block 2
image
Iconbox Block 3

Some things you need to know about the FEATURES :

  • Enable block : Make sure to tick this box to enable the block.
    block-enable
  • Design : You can add the number of the "features" style you want by selecting it.

    • block-3-design
  • Header : Add a title for your block.

    • block-3-header
  • Block icon : Here you can select the icons you want to appear.

    • block-icon
  • Block title :You can write the title that will appear on the card here.
  • Caption : Add a caption for your block.
  • URL : Add a URL for your block.

FEATURES Block View

  • Features 1: You can use any icon you want.
  • Features 2: It looks like a card, you can add any text you want to it.
  • Features 3: Creates animated and blur effect cards.
    • image
    Features Block 1
    image
    Features Block 2
    image
    Features Block 3

    Some things you need to know about the LATEST :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "latest" style you want by selecting it.

      • block-4-design
    • Header : Add a title for your block.
    • Button text :You can add your button text.

    • Button link : You can redirect to other pages as in the demo.

      • block-4-header-button
    • Block title : Add a title for your block.
    • Caption : Add a caption for your block.
    • Block img : Add a image for your block.
    • URL : Add a URL for your block.
      • block-4-settings-part2

    LATEST Block View

  • Latest 1: You can add the picture you want, it is a block and slide that you can shape for any purpose.
  • Latest 2: It is a block that you can add any picture you want and shape for any purpose.
    • image
    Latest Block 1
    image
    Latest Block 2

    Some things you need to know about the WHY WE :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "why we" style you want by selecting it.

      • block-5-design
    • Block img : Add a image for your block.
    • Header :Add a title for your block 5.
    • Block icon :Here you can select the icons you want to appear.
    • Title : Add a title for your caption.
    • Caption : Add a caption for your block.

      • block-5-settings-part2

    WHY WE Block View

  • Why Choose Us : It is a block containing text, images, icons, and can be used in any way.
    • image
    Why Choose Us Block 1

    Some things you need to know about the WORKING WITH US :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "Working With Us" style you want by selecting it.

      • block-6-design
    • Background color : Choose the color you want from our color palette. If you do not choose a color, it will automatically choose the main color of the theme.

      • blocks-background-color
    • Block img : Add a image for your block.

    • Block header :Add a title for your block 6.
    • Caption : Add a caption for your block.
    • Button : Add a button for your block.
    • URL : Add a URL for your block.

    WORKING WITH US Block View

  • Working With Us: It is a block containing text, images, buttons and can be used in any way.
  • Working With Us: It is shaped according to the color of your theme. It is a block containing text, images, buttons and can be used in any way.
    • image
    Working With Us Block 1
    image
    Working With Us Block 2

    Some things you need to know about the AVAILABLE COURSES :

    • Enable block : Make sure to tick this box to enable the block.

      • block-enable
    • Design : You can add the number of the "courses" style you want by selecting it.

      • block-7-design
    • Count : Type the number of courses you want to appear.

      • block-7-count
    • Teacher Enabled :If you check it, it brings the name and picture of the teacher of the lesson.

      • block-7-teacher-enabled
    • Block title :You can set the course title as a long title or a short title.

      • block-7-title
    • Block header :Add a title for your block 7.
    • Button : You can set to show more courses.
    • URL : Add a URL for your button.

    AVAILABLE COURSES Block View

  • Courses 1: Creates course cards where you can see the number of teachers and registered users of the course.
  • Courses 1 - Fullname: Creates course cards where you can see the number of teachers and registered users of the course. If you wish, you can show the full name of the block without breaking the layout.
  • Courses 2: Course list block design with larger image and different design.
  • Courses 2 - Fullname: Course list block design with larger image and different design. If you wish, you can show the full name of the block without breaking the layout.
  • Courses 3: Course cards made up of vertical cards.
  • Courses 3 - Fullname: Course cards made up of vertical cards. If you wish, you can show the full name of the block without breaking the layout.
  • Courses 4: Simple and eye-catching course card design.
  • Courses 4 - Fullname: Simple and eye-catching course card design. If you wish, you can show the full name of the block without breaking the layout.
  • Courses 5: If you prefer, you can use course cards as slides.
  • Courses 5 - Fullname: If you prefer, you can use course cards as slides. If you wish, you can show the full name of the block without breaking the layout.
    • image
    Courses Block 1
    image
    Courses - Fullname Block 1
    image
    Courses Block 2
    image
    Courses - Fullname Block 2
    image
    Courses Block 3
    image
    Courses - Fullname Block 3
    image
    Courses Block 4
    image
    Courses - Fullname Block 4
    image
    Courses Block 5
    image
    Courses - Fullname Block 5

    Some things you need to know about the TEACHER :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "teacher" style you want by selecting it.

      • block-8-design
    • Total : If you want to show the total number of courses and students for the role you selected, you can mark it.

      • block-8-total
    • Description : Shows the description on the profile page of the role you selected. If you want to see it on the block card, you can mark it.

      • block-8-description
    • Show Role : A role is a collection of permissions defined for the whole system that you can assign to specific users in specific contexts. The combination of roles and context define a specific user's ability to do something on any page. The most common examples are the roles of student and teacher in the context of a course.
      You can show users with any role, in this block. Even if you define a new role from the settings, it will be automatically added to the options below.

      • block-8-showrole
    • Count : You can set the number of people you want to add.

      • block-8-count
    • Header : Add a title for your block 8.

    • Caption : You can add block description.

    TEACHER Block View

  • Teachers 1: It is the block that brings automatic contacts according to the user role you choose and it is in the form of a slide.
  • Teachers 2: It is the light color block that brings automatic contacts according to the user role you choose and it is in the form of a slide.
  • Teachers 3: It is the block that brings automatic contacts according to the user role you select and consists of vertical cards where you can see the number of students + courses.
  • Teachers 4: It is the block that brings automatic contacts according to the user role you select and consists of horizontal cards where you can see the number of students + courses.
    • image
    Teachers Block 1
    image
    Teachers Block 2
    image
    Teachers Block 3
    image
    Teachers Block 4

    Some things you need to know about the CATEGORIES :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "categories" style you want by selecting it.

      • block-9-design
    • Background : You can add color or image to the background of your category cards or choose none.

      • block-9-background
    • Count : You can set the number of cards.

      • block-9-count
    • Box Shadow :You can add shadows to your course cards.

      • block-9-boxshadow
    • Header : Add a title for your block 9.
    • Caption : You can add block description.

    CATEGORIES Block View

  • Categories 1: Design number 1 is selected in the categories block. Select the block 9 box background none.
  • Categories 2: Design number 1 is selected in the categories block. Select the block 9 box background color.
  • Categories 3: Design number 1 is selected in the categories block. Select the block 9 box background picture.
  • Categories 4: Design number 2 is selected in the categories block. Select the block 9 box background none.
  • Categories 5: Design number 2 is selected in the categories block. Select the block 9 box background color.
  • Categories 6: Design number 2 is selected in the categories block. Select the block 9 box background picture.
  • Categories 7: Design number 3 is selected in the categories block. Select the block 9 box background none.
  • Categories 8: Design number 3 is selected in the categories block. Select the block 9 box background color.
  • Categories 9: Design number 3 is selected in the categories block. Select the block 9 box background picture.
  • Categories 10: Design number 1 is selected in the categories block. Select the block 9 box background none. Select the block 9 box shadow enabled.
  • Categories 11: Design number 1 is selected in the categories block. Select the block 9 box background color. Select the block 9 box shadow enabled.
  • Categories 12: Design number 1 is selected in the categories block. Select the block 9 box background picture. Select the block 9 box shadow enabled.
    • image
    Categories Block 1
    image
    Categories Block 2
    image
    Categories Block 3
    image
    Categories Block 4
    image
    Categories Block 5
    image
    Categories Block 6
    image
    Categories Block 7
    image
    Categories Block 8
    image
    Categories Block 9
    image
    Categories Block 10
    image
    Categories Block 11
    image
    Categories Block 12

    Some things you need to know about the TESTIMONIALS :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "testimonials" style you want by selecting it.

      • block-10-design
    • Count : You can set the number of slide pages here.

      • block-10-count
    • Header : Add a title for your block 10.
    • Block img : Add a image for your block.
    • Name: You can write the person's name in this box.
    • Job : You can write the person's profession in this box.
    • Caption : You can write the person's comment in this box.
    • URL : Add a URL for your block.
      • block-10-settings-part2

    TESTIMONIALS Block View

  • Testimonials : A slider of user testimonials.
    • image
    Testimonials Block 1
    image
    Testimonials Block 2

    Some things you need to know about the BRANDS :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Design : You can add the number of the "brands" style you want by selecting it.

      • block-19-design
    • Header enable : You can tick the box to make the block header visible.

      • block-19-header-enable
    • Header: Add a title for your block 19.
    • Caption : Add a caption for your block.

      • block-19-header-caption
    • Block img : Add a image for your block.
    • Block img URL : Add a img URL for your block 19.

      • block-19-img-url

    BRANDS Block View

  • Brands 1: You can promote partner brands.
  • Brands 1 - Header: You can promote partner brands. Added a header to this block.
  • Brands 2: You can promote partner brands.
  • Brands 2 - Header: You can promote partner brands. Added a header to this block.
    • image
    Brands Block 1
    image
    Brands - Header Block 1
    image
    Brands Block 2
    image
    Brands - Header Block 2

    Some things you need to know about the FOOTER :

    • Enable block : Make sure to tick this box to enable the block.
      block-enable
    • Background color : Choose the color you want from our color palette. If you do not choose a color, it will automatically choose the main color of the theme.

      • blocks-background-color
    • Logo : You can show your site logo here.

      • block-20-logo
    • Header : You can write your site name here.

      • block-20-header-caption
    • Col 2 link : You can use this box for the links you want to create.

      • block-20-col2
    • Col 3 link : You can use this box for the links you want to create.

      • block-20-col3
    • Social links
    • Copyright

      • block-20-social-copyright

    FOOTER Block View

  • Footer : A nice footer to complete the page view. You can add social buttons, links, addresses and your logo.
    • image
    Footer Block 1

    Our Demo Theme

    Header

    Header is important for users. We have presented 3 different header designs + dark / light mode for your use. It is very easy to make personalized headers with the Almond theme.
    To customize these settings, navigate to → Site administration > Appearance > Themes > Almond.


    Some things you need to know about the header :

    • Front page nav : Choose from different header views.
    • Navbar back colour : Choose the color you want from our color palette.
    • Front page light-dark : This part is important. Choose one of the dark or light options according to the color you set and get better visibility of your header links.
    • Front page nav link : We have given our tips on how to create your links on the settings page. However, we would like to remind you of one thing. Adding "|_blank" after your link will create a link for you to open in a different tab.

    How to link a navigation bar to a section on the same page ?

    Each of the Almond frontpage blocks has its own unique id. The navbar links you create using these ids can go to different sections on the same page.


    So how to do ?

    Navigate to → Site administration > Appearance > Themes > Almond > Front Page > Front Page Header Choice > Front page nav link

    For example you want to add the "Teacher" block to the navbar. The "Teacher" block in the Almond theme is the 8th block. The id of the blocks is determined as belows :
    block[number]-[design number]
    If we need to adapt it to the teacher block, we will do it like this :
    Let's say we use the 1st design of the Teacher block on the frontpage page. We said that the teacher block is the 8th block. So the id for this block looks like this : block8-1
    We should write it as navbar link like this : -Teachers|#block-8-1

    Almond's header settings page looks like. See below image for more information.

    For example, the settings were created:
    image

    Header Types

    • Header - Under Slide: Unusually, the header is located at the bottom of the slide.
    • Header Dark - Under Slide: Unusually, the header is located at the bottom of the slide and is dark color.
    • Header - Thin: Elegant and slim design.
    • Header Dark - Thin: Elegant, slim design and dark color.
    • Header - Double: A different header that highlights your logo.
    • Header Dark - Double: A different header that highlights your logo and is dark color.

    1.Header - Under Slide

    Header - Under Slide

    2.Header Dark - Under Slide

    Header Dark - Under Slide

    3.Header - Thin

    Header - Thin

    4.Header Dark - Thin

    Header Dark - Thin

    5.Header - Double

    Header - Double

    6.Header Dark - Double

    Header Dark - Double

    Slider

    This section contains settings for the slider of the almond theme.

    Follow the steps below to set up your slider:

    1. Navigate to → Site administration > Appearance > Themes > Almond
    2. Go to the → Home Page Slider >Home Page Slider/Slide-1/Slide-2/Slide-3/Slide-4

    What can I do with Slider ?

    "Slider Caption" part is sensitive to the HTML and Bootstrap codes you write.


    So how to do ?

    Navigate to → Site administration > Appearance > Themes > Almond > Front Page > Front Page Header Choice > Front page nav link

    For example you want to add the "Teacher" block to the navbar. The "Teacher" block in the Almond theme is the 8th block. The id of the blocks is determined as belows :
    block[number]-[design number]
    If we need to adapt it to the teacher block, we will do it like this :
    Let's say we use the 1st design of the Teacher block on the frontpage page. We said that the teacher block is the 8th block. So the id for this block looks like this : block8-1
    We should write it as navbar link like this : -Teachers|#block-8-1

    Colors

    For us, being able to choose colors freely is the most important step in personalizing your theme. You can either use the color codes we have listed for you, create your own color from the color palette, or write your own color code.

    Follow the steps below to set up your colors:

    1. Navigate to → Site administration > Appearance > Themes > Almond
    2. Go to the → Front Page > Front Page Choice

    The color of your choice magically changes all the colors inside the almond theme.

    Pictures

    While preparing the Almond theme, our goal was to provide users with maximum convenience and speed. That's why we've thought of everything about uploading images.

    Here are some tips about pictures:

    1. You are free to upload the pictures you want from the settings to some blocks, but you don't have to.
      Open the theme folder and Navigate to → Pix folder and you can upload your own images instead of existing ones.

      It is important that you do not change the names of the images. Almond displays pictures by these names.

    2. Your other option is to go to settings and upload pictures.
      For block-2, block-4, block-5, block-6,block-19, you can upload pictures by applying the above item if you want. But you can also upload images manually from each block's settings.

      3. If no images are loaded from the settings section, the almond theme will fetch the images from the pix folder.

    1.Course Pictures

    You must upload an image when creating a new course. Course images automatically appear on your front page. You don't need to make any extra settings for this.

    Course Pictures

    2.Category Pictures

    Category images are based on the image of the first lesson belonging to that category and do not require an extra image upload step. If the image cannot be displayed, please make sure that the first course in the category has an image.

    Category Pictures

    3.Teacher Pictures

    Teacher pictures are also brought to the front page by almond. When you select the user category you want to display in the teacher block settings, the images of the people belonging to that category are automatically displayed on your front page.
    We don't want you to miss that this block is multifunctional.

    Note Please be sure to review. In this document Navigate to → Almond Structure > Blocks > Almond Block Types > Block-8 TEACHER Blocks

    Teacher Pictures

    Updating

    You can install all kinds of upgrades for free when you buy the Almond theme.

    Moodle

    Navigate to → Site administration > Plugins > Install Plugins and upload the file you downloaded here.
    All saved settings are stored in the Moodle database. It ensures that no data will get deleted.

    install plugin

    Make sure to back up the files before making any changes.

    NotePlease go to official moodle documentation for a full information of updating: Moodle Documentation

    Special Page Plugin

    Creating different pages for your needs is very easy with Almond. It is enough to install the "Almondpage" plugin we have developed for you. This plugin comes with theme when you buy the theme. You don't pay any extra fees or download it from anywhere else.

    Install the Plugin

    There are 2 different simple ways to install the plugin. You don't have to worry. After installing, you can start using it directly.

    Option 1:
    1. Navigate to → Site administration > Plugins > Install plugin
    2. Please upload the plugin file as a zip file.

      3. To use the plugin, all you have to do is use the "Info Pages" tab in the Almond settings. To do this, Navigate to → Site administration > Appearance > Themes > Almond > Info Pages

    Option 2:
    1. Open the "Moodle" folder in the file directory.
    2. Go to the "Local" folder and paste the "Almondpage" plugin file here.

      3. To use the plugin, all you have to do is use the "Info Pages" tab in the Almond settings. To do this, Navigate to Site administration > Appearance > Themes > Almond > Info Pages

    Note: Please don't forget to clear the cache this is an important step after your changes on Moodle.

    How can I access the pages easily?

    If you want, you can add the links of your page to the navbar section and you can reach it with a single click. Follow the steps below :

    1. Navigate to → Site administration > Appearance > Themes > Almond > Info Pages
    2. For each page setting you click on, you will see a link like this:
      www.yoursite/local/almondpage/?id=a1
    3. You can add this link on the navbar for easy access to these pages. Navigate to → FrontPage Structure > Header > Front page nav link. You will find the necessary steps in that section.

    Advanced Page Settings

    In the "Advanced Page" section, you can add a style file link or write your own style codes.

      advanced-settings
    1. Page caption: This part is for writing your html codes. Please follow the steps in order. Then you can write your html codes in this part.
      2. show-hide-advanced-button show-hide-advanced-button
    2. Page css link: If you want to get css code from a link, use this box.

    Simple Page Settings

    In the "Simple Page" section, you can create content using only the editor instead of the style file. Moodle uses bootstrap. You can create wonders with only html by using bootstrap classes.

      simple-settings-page
    1. Page caption: This part is for writing your html codes. Please follow the steps in order. Then you can write your html codes in this part.
      2. show-hide-advanced-button show-hide-advanced-button

    Ready-to-use Pages

    We have prepared ready-use pages for you using the plugin. When you buy the theme, it comes with the html and style files of these pages You can use it by following the steps above.

    Advanced Page - About Us
    Advanced Page - FAQ
    Advanced Page - Blog
    Advanced Page - Blog Detail
    Advanced Page - Events
    Advanced Page - Gallery
    Simple Page - Teams
    Simple Page - Testimonials
    Simple Page - About Us
    Simple Page - Features
    Simple Page - Pricing Plan
    Simple Page - Contact Us

    Login Design

    Almond comes with different settings for login. You can customize your settings by following the steps below :

    1. Navigate to → Site administration > Appearance > Almond > Theme Settings
    2. You can select an image for the background from the "Login background image" section. login-settings
    3. "Login form position" section selects the position of your login box on the screen.
      image
      Left
       image
      Center
       image
      Right

    Languages

    You don't have to worry about using Almond theme in different language. You can translate the theme to your desired language by following the steps below :

    1. Navigate to → Site administration > Language > Language customization
    2. Choose the language you wish to customize
    3. Once the language pack is loaded, click "Continue"
    4. Under "Filter strings", choose "theme_almond.php", and click "Show strings"

      5. On this page you can also search for particular strings.

    5. You can save the strings after customizing them according to your language
    Note: Please don't forget to clear the cache this is an important step after your changes on Moodle.

    Source & Credits

    Images:

    Fonts:

    Scripts:

    Support

    If this documentation doesn't answer your questions, So, Please send us Email via Item Support Page

    We answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

    Note: While we aim to provide the best support possible, please keep in mind that it only extends to verified buyers and only to issues related to our template like bugs and errors. Custom modifications or third party module implementations are not included.

    Changelog

    See what's new added, changed, fixed, improved or updated in the latest versions.

    For Future Updates Follow Us @themesalmond / @facebook / @Linkedin

    Moodle v3.11 (2022-05-02)

    Initial Release

    Moodle v4.0 (2022-05-21)

    Initial Release

    Moodle v4.1 (2023-01-07)

    Initial Release

    Moodle v4.2 (2023-05-07)

    Initial Release

    Moodle v4.3 (2023-10-29)

    Initial Release