Si eres un principiante o un usuario experimentado en el uso de XOOPS, tal vez te has preguntado o has querido hacer tu propio tema o plantilla para algún sitio web bajo XOOPS, pero sencillamente no has podido debido a que no hay ningún manual o tutorial que te explicara paso por paso como hacer esta tarea, y lo que es más; sin fallar en el intento.
Debido a estas preguntas, que en su momento también las tuve, es que decidí hace ya algunos años, investigar como funciona una plantilla en XOOPS y que es lo que se necesita para hacer un tema diferente, que se adapte a mis necesidades, pero sobre todo, que tenga un diseño único. El resultado es este primer tutorial, que trata de explicar de manera sencilla y estandarizada como adaptar una plantilla en HTML y CSS a XOOPS sin morir en el intento. El tutorial está elaborado para que puedan seguir paso por paso el proceso sin perderse en el camino. Temario General del Tutorial Básicamente este tutorial está divido en cuatro secciones que son: - Introducción y bases de las plantillas en XOOPS.
- Proceso de adaptación de una plantilla HTML a XOOPS.
- Multiplantillas en nuestro sitio usando Defacer
- Agregando bloques manualmente mediante su ID
Este tutorial viene acompañado de un material didáctico con todo lo usado en el tutorial para que puedan hacer pruebas y logren el resultado final. El material didáctico contiene lo siguiente: - Código HTML. Dentro de esta carpeta hay 3 archivos con el código de la Cabecera, Columnas XOOPS y código del Footer.
- Colocar en Carpeta Images. Esta carpeta contiene unas imágenes que deben colocarse en la carpeta Images de nuestro tema. Esto para que las reconozca nuestro CSS.
- Carpeta CSS. Código CSS indispensable que dará formato a nuestro menú de opciones y a los bloques de XOOPS. Es una plantilla básica y minimalista fácil de entender y que pueden modificar a gusto.
- Módulo Defacer. Contiene el módulo Defacer totalmente funcional para que lo instalemos en nuestro XOOPS.
- Plantilla HTML y CSS Free. Dentro hay dos carpetas más. Una contiene la plantilla gratuita que usé en el tutorial y la otra llamada Archivos Agregar en Carpeta, contiene los archivos que debemos agregar a la carpeta de nuestra plantilla en XOOPS. Para mayor referencia, pueden ver como se hace en el tutorial.
El material didáctico pueden descargarlo desde aquí. Espero que este tutorial sea de gran ayuda para comenzar a diseñar sus propias plantillas y sirva de inspiración a todos aquellos que desean mejorar el contenido de sus sitios web. Si tienen dudas y/o comentarios, pueden visitar el hilo en el foro. Pueden hacerlo directamente desde el siguiente enlace: Ir al hilo en el foro de este tema. Enlace del Video Tutorial
|