Personalizar Dolibarr Guía Rapida

Transcripción

1 Personalizar Dolibarr Guía Rapida

2 Índice de contenido Empezando...3 La post-instalación...3 Algo más...4 Modificar el Favicon...6 Con más estilo...7 Agradecimento...8

3 Empezando Si bien la instalación de dolibarr es relativamente sencilla, algunas de las tareas para personalizar o customizar dolibarr, no siempre lo es tanto. Este manual esta pensado para ayudar a cambiar los logotipos, slogans y presentación del login en dolibarr. La post-instalación Al terminar el proceso de instalación del sistema, este nos avisa que se deben configurar los parametros de la empresa/institución, para lo cual se debe dar clic en la opcion de parámetros obligatorios de configuración no están todavía definidos. Esto nos llevara a una pantalla para capturar los datos de la organización.

4 En esta parte se encuentra un boton de Logo (png,jpg), que nos permite subir un archivo de imagen que se presentara en las paginas de dolibarr. 1 Con esto, obtendremos que aparezca el logo en el cuadro de login con la configuración estandar, pero no el favicon o icono de la pagina de login de dolibarr. Algo más... Si bien lo anterior permite identificar que dolibarr es usado por nuestra organización, a la mayoria de las personas les gusta darle un toque mas personalizado, por lo que siempre buscamos algo más. Lo primero que debemos hace es ir al menu de configuración->módulos herramientas o Sistema -> y activar el modulo Editor WYSIWYG, esto para poder dar formato al texto a mostrar. 1Es importante recalcar que esta imagen no sera direccionada en la pagina sino que se presentara a partir de implementar el viewimage.php: dolibarr/viewimage.php?cache=1&modulepart=companylogo&file=thumbs%2flogo_mini.png

5 Despues debemos ir al menu de configuración->entorno, el cual al modificar se pueden modificar los varios campos, pero aqui nos interesan los ultimos. Podemos apreciar que al selecccionar Si en ocultar enlace de ayuda en linea y personalizar el mensaje del login con formato HTML, tenemos mas opciones de presentar mas información y con el formato que nos agrade.

6 Modificar el Favicon Los pasos siguientes son un poco mas complicados, ya que en adelante ya no lo hara el sistema de forma automatica y tendremos que modificar directamente los archivos y algunas variables. Lo primero es contar con el archivo favicon.ico que deseamos que se muestre y debemos substituir el favicon.ico existente (o predeterminado) en nuestro directorio dolibarr, esto lo podemos hacer directamente si es una intsalación local o desde una conexion ftp o con el administrador de archivos de nuestro panel de control de hosting. Ahora vamos a ir a la opcion de Configuración->Varios. En este apartado se pueden modificar las variables globales del sistema, para lo cual debemos saber el nombre de la variable y el valor que le vamos a asignar. En este caso seran MAIN_APPLICATION_TITLE y MAIN_FAVICON_URL, los pasos a seguir seran los siguientes. Escribir el nombre de la variable en el campo Nombre. Escribir el valor. Escribir el comentario deseado Dar clic en el boton Añadir. Ejemplos: Nombre: MAIN_APPLICATION_TITLE Valor: Somos la Solución Comentario: Slogan de la empresa Nombre: MAIN_FAVICON_URL Valor: Comentario: Favicón de la empresa En el caso del favicon es importante recalcar que la direccion debe ser completa, es decir con el formato Con lo cual nuestro login debera quedar mas o menos así.

7 Con más estilo Aquí vamos a modificar el estilo de la pagina del login al edital el archivo style.css.php del tema predeterminado de dolibarr que es Eldy 2. Este archivo se encuentra en el directorio de dolibarr/theme/eldy/style.css.php. Primero y antes que nada es recomendable hacer un respaldo de este archivo, solo por si las dudas. Despues lo mas recomendable es bajar otra copia para trabajar con ella con el editor que mas te agrade. Ya teniendo a nuestro archivo a la mano procedemos a editar el archivo bucando la etiqueta /* Login */ Que en la versión dolibarr se encuentra en la linea 1021 aprox. Y a partir de esta linea podemos echar mano a nuestros conocimientos de HTML y CSS, a continuación, te muestro algunas posibles modificaciones. Para cambiar el fondo claro a color negro y poner una imagen de fondo previamente copiada al directorio donde esta el archivo style.css.php de eldy podria ser de esta forma:.bodylogin { } background: #000000; background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img_de_fondo.gif',1)?>); background-repeat: repeat; background-attachment: fixed; background-position: 50% 50%; 2 htdocs/theme/eldy/style.css.php

8 En el marco central del login se pueden redondear las orillas del logo. #img_logo { } max-width: 250px; border-radius: 10px; // depende de la forma del logo se puede curvear mas o menos border:solid 1px rgba(80,80,80,.4); Estos ejemplos premiten obsevar que al depender de esta pagina de estilos, el tema puede ser modificado de acuerdo a tus conocimientos. Agradecimento Para realizar tus sugerencias, puedes enviármelas por a: rubenlara@nekitec.com Gracias nekitec.com