login personalizado moodle

 Hola a todos en esta ocasion comparto con ustedes el codigo para la personalizacion de su login, con moodle, pueden tomar la plantilla que deseen para moodle independiente del theme que hayan escojido para su plataforma.

1. personalizen su pagina de login a su gusto, no olviden dejar 2 campos input text para el usuario y contraseña (como todos los login en realidad).

2. en el codigo de su formulario sencillo de login cambien la opcion "action" de su etiqueta form y deben usar el "method"=post, tambien en los input de usuario colocar el id y el name de la etiqueta input con el nombre "username" y en contraseña, el nombre "password", tal cual, para que moodle reconosca los datos.

debajo comparto el trozo de codigo de mi form para login

<div class="fxt-form">

<p>Acceder al Campus Virtual</p>

<form action="http://www.tumoodle.com/login/index.php" method="POST" role="form" >

<div class="form-group">

<div class="fxt-transformY-50 fxt-transition-delay-1">

<input type="text" id="username" class="form-control" name="username" placeholder="Ingresar Usuario" required="required">

</div>

</div>

<div class="form-group">

<div class="fxt-transformY-50 fxt-transition-delay-2">

<input id="password" type="password" class="form-control" name="password" placeholder="Ingresar contrase&ntilde;a" required="required">

<i toggle="#password" class="fa fa-fw fa-eye toggle-password field-icon"></i>

</div>

</div>

<div class="form-group">

<div class="fxt-transformY-50 fxt-transition-delay-3">

<div class="fxt-checkbox-area">

<!--<div class="checkbox">

<input id="checkbox1" type="checkbox">

<label for="checkbox1">Keep me logged in</label>

</div>-->

<a href="http://www.tumoodle.com/login/forgot_password.php" class="switcher-text">Olvide mi contrase&ntilde;a</a>

</div>

</div>

</div>

<div class="form-group">

<div class="fxt-transformY-50 fxt-transition-delay-4">

<button type="submit" class="fxt-btn-fill">Iniciar Sesión</button>

</div>

</div>

</form>

</div>

dato si no sabes donde ubicar la informacion que te comparto, en tu propia pagina de login de tu moodle haz clic derecho inspeccionar, y veras el codigo similar al comentado arriba.

en el codigo veras los campos que te mencione

para este ejemplo se elaboro este diseño

por ultimo debes decirle a tu moodle que use tu login personalizado ¿ como lo hago?, sube tu codigo de la pagina de login a tu servidor o hosting y guardar su ruta o path de tu login. ejemplo: "www.tumoodle.com/login_moodle".

despues ingresa a tu moodle con tu cuenta de administrador y ve a la ruta, Administracion del sitio/extenciones / autenticacion/ gestionar autenticacion

Busca la opcion URL de acceso alternativo, hay ingresa la ruta de tu pagina web de login personalizado, guarda los cambios y prueba ya debes poder ingresar con tu login personalizado. Saludos.