Está en la página 1de 5

Personalización del theme “boostpersonal” basasado en “boost”

Creación del theme boostpersonal, y plugin local configurartemaboostpersonal, para


poderlo modificar el rol de gestor.

Desde el apartado de Administración del sitio  Personalizar Logotipo Theme Boost Personal
 Configurar logos theme boost personal

Hay veremos varios apartados, que son los siguientes:

 Logotipo core_admin | logo.  Logo de Moodle.

 Logotipo compacto core_admin | logocompact.


Una versión compacta del mismo logotipo de arriba, como por ejemplo, un emblema,
escudo o icono. La imagen debe de ser clara, aun en tamaños pequeños. Los formatos
aceptados son PNG y JPEG.
 Brand colour theme_boostpersonal | brandcolor:
Color de enlaces, hipervínculos o botones de acción.

 Default page background image theme_boostpersonal | defaultbackgroundimage:


Una imagen que se estirará para llenar el fondo de todas las páginas sin una imagen de
fondo más específica.

 Login page background image theme_boostpersonal | loginbackgroundimage:


Imagen de fondo para la página del login de usuario:
Ejemplo de página loggin:

 Front page background image theme_boostpersonal | frontpagebackgroundimage:


Imagen de fondo para la página principal, una vez logeado.

Ejemplo de pantalla inicial sin loggearse:


 Dashboard page background image theme_boostpersonal |
dashboardbackgroundimage:
Imagen de fondo para el escritorio

Ejemplo de la página personal del usuario:

 Course page background image theme_boostpersonal | incoursebackgroundimage


Imagen de fondo para página de los cursos.
Ejemplo de página de curso:

 SCSS sin procesartheme_boostpersonal | scss


css personalizado de usuario sobre cualquier elemento de la página, se define la clase,
id, o elemento de html y se definen sus estilos:
Aquí se podría definir el color de la barra de cabecera, asi como tipografía como se
demandaba en la solicitud de los berritzegunes. O cualquier elemento.
También podrá pegar código de plantillas predefinidas de google de la url:
https://moodle.net/mod/data/view.php?id=28 simplemente lo tendrá que descargar,
editar, copiar y pegar en este área.
Pero si lo prefiere, simplemente personalizare el CSS o SCSS que quiera.

También podría gustarte