Moodle 4.0+ Theme Edutor - Cómo agregar un menú de pie de página

Hemos lanzado un nuevo tema premium de Moodle basado en Boost "Edutor" para Moodle 4.0+. Puede usar bloques de contenido de pie de página de tema para agregar enlaces de menú de pie de página a su sitio de Moodle 4.0+. En este tutorial, le mostraremos cómo crear los enlaces de menú como se muestra en nuestra demostración en vivo y compartiremos los fragmentos de código HTML utilizados.

Demo en vivo

Visualización del menú de pie de página:

Etapa 1

Inicie sesión en su sitio de Moodle como administrador y vaya a la página de configuración del tema: Site administration > Appearances > Themes > Edutor > Footer Area

2do paso

En la página del área de pie de página, busque el Bloques de contenido de pie de página e ingrese el código HTML a continuación. Para ingresar código HTML en un editor de texto de Moodle, debe activar el editor de código HTML haciendo clic en el ícono de código como se muestra a continuación.

Fragmentos de código HTML

Para usar el siguiente código para su sitio, debe actualizar el texto del nombre del menú y sus enlaces.

Pie de página 1 bloque de contenido

<h4 class="footer-block-title">About Us</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">Our Value</a></li>
    <li class="link-item"><a href="#">Our Instructors</a></li>
    <li class="link-item"><a href="#">Our Partners</a></li>
    <li class="link-item"><a href="#">Press</a></li>
</ul>

Bloque de contenido de pie de página 2

<h4 class="footer-block-title">Learning</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">Code of Conduct</a></li>
    <li class="link-item"><a href="#">Accessibility</a></li>
    <li class="link-item"><a href="#">T&amp;C</a></li>
    <li class="link-item"><a href="#">Privacy</a></li>
</ul>

Bloque de contenido de pie de página 3

<h4 class="footer-block-title">Support</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">Learning Guide</a></li>
    <li class="link-item"><a href="#">FAQs</a></li>
    <li class="link-item"><a href="#">Report</a></li>
    <li class="link-item"><a href="#">Contact</a></li>
</ul>