comparte el articulo 

Gestión de plantillas en Joomla 1.6

Actualizado el 01/10/2010 < > 9 Cometarios

Resumen: Las plantillas en Joomla 1.6 son mucho más configurables y cuentan con la posibilidad de utilizar estilos diferentes en distintas partes de la página.

Otros de los cambios importantes que presenta Joomla 1.6 respecto de sus versiones predecesoras, es la gestión de plantillas. En Joomla 1.5 se puede seleccionar una plantilla del listado y configurarla de acuerdo a los parámetros que la misma posea. En Joomla 1.6, esto se ve mejorado, ya que además de poder configurar la plantilla, es posible seleccionar estilos de una lista, que la plantilla puede tener por defecto o que pueden ser creados por el administrador.

Todo lo referente a la instalación de plantillas ya se ha visto en el artículo “Gestión de extensiones en Joomla 1.6”, por lo que no tocaremos esta parte de la gestión de las plantillas. Para acceder al gestor de plantillas de Joomla 1.6, se debe hacer clic en “Extensions / Template Manager”, con lo que se abre una página que tiene dos pestañas que conducen a las plantillas y a los estilos.

La gestión de las plantillas

Una vez que hemos ingresado al Gestor de Plantillas de Joomla 1.6, hacemos clic en la pestaña “Templates”, con lo que accedemos al listado de las plantillas instaladas. En la imagen siguiente, tenemos una vista de esta pestaña, en la que solo veremos las plantillas que Joomla 1.6 trae por defecto, aunque ya existen algunas plantillas que pueden descargarse.

Gestión de plantillas en Joomla 1.6

En esta pestaña se listan las plantillas con una vista previa de las mismas en una de las columnas, el título de las mismas en la segunda columna (haciendo clic en el título, se accede a la gestión de la plantilla seleccionada), si pertenece a la vista del sitio o del administrador en la siguiente, la versión de Joomla a la que pertenece, la fecha de creación de la plantilla y finalmente los datos del autor de la misma.

Cuando ingresamos a la gestión de una de las plantillas, se accede a la siguiente vista, que pertenece a la gestión de la plantilla beez_20, que es la que está seleccionada por defecto:

Gestión de una plantilla en Joomla 1.6

Además de volver a ver una vista previa de la plantilla, a la izquierda se encuentran los accesos al código de los archivos maestros (la vista en pantalla y la vista de impresión), que son editables y presenta los códigos coloreados, tal como en un editor HTML. Esto representa una gran ventaja, ya que no es necesario hacer modificaciones en los archivos con programas externos, pudiendo realizar las modificaciones desde el propio navegador.

Edición de plantilla en Joomla 1.6

A la derecha se presentará una lista de los archivos CSS que están relacionados con la plantilla, los que también pueden editarse accediendo al editor desde el propio nombre del archivo. Con esto vemos que es posible modificar completamente la presentación de una plantilla desde el navegador.

Gestión de estilos

Accediendo a la primera pestaña que se presenta en el Gestor de Plantillas, podremos acceder a los diferentes estilos que tiene cada plantilla (tanto las del sitio como las de la administración), crear, borrar y editar los mismos. El listado que se presenta tiene siete columnas.

Edición de plantillas en Joomla 1.6

En la primera aparece una casilla de verificación, que permite seleccionar el o los estilos sobre los que se va a efectuar una acción; en la segunda columna, podremos ver el nombre del estilo; en la siguiente columna, se listan los nombres de las plantillas a la que pertenece cada estilo; luego, la ubicación del estilo, es decir, si pertenece al front-end o a la administración de la página; en la quinta columna aparece una estrella que sirve para señalar cual de los estilos es el predeterminado, estado que puede modificarse simplemente haciendo clic sobre ella; en la sexta columna, aparece señalizado si el estilo se encuentra asignado a algún artículo, sección, etc., y si se deja el puntero sobre el ícono, aparece un mensaje indicando la cantidad de asignaciones que tiene. En la última columna se informa el número de identificación que tiene el estilo.

Edición de estilos

Accediendo a la edición de estilos a través del nombre del mismo en el listado, accedemos a la vista que vemos en la siguiente imagen, donde se muestra que esta vista está dividida en tres secciones:

Edición de estilos de plantilla en Joomla 1.6

En la primera sección, arriba a la izquierda, se puede modificar el nombre del estilo. A continuación, la información acerca de la plantilla y la locación (sitio o administración) a la que pertenece. Luego, una pequeña lista desplegable permite seleccionar si deseamos que el estilo que nos encontramos editando sea el predeterminado; en caso de que el estilo ya lo sea, esta opción no se encuentra activada, ya que no se puede dejar a la página sin un estilo definido. Finalmente, la información sobre el número de identificación del estilo.

Debajo se encuentra la sección donde se puede asignar el estilo a cada elemento que compone la página, con un botón que permite que sean seleccionados todos los elementos. En caso de que se desee que el estilo solo sea visible en algunas secciones, las mismas deben asignarse en forma individual en cada casilla de verificación.

A la derecha se encuentran las opciones avanzadas. En primer lugar se puede determinar el ancho mínimo (en porcentaje) que tendrá la sección principal (donde se muestran los artículos y otros contenidos) en caso de que se inserte una nueva columna. A continuación, se define el ancho máximo que contendrá dicha columna en caso de que se utilice una sola columna. En la siguiente fila es posible seleccionar una imagen para el logo. Después, se debe introducir el nombre del sitio, que en caso de que se opte por un logotipo en texto puro, será lo que aparecerá en el header. La descripción del sitio debe modificarse en la fila siguiente, texto que aparecerá debajo del nombre del sitio en el header, siempre y cuando no se utilice una imagen como logotipo.

La ubicación de la navegación se define a continuación, permitiéndose optar por ubicarlo antes o después del contenido. En caso de que la plantilla contenga más de una opción de combinación de colores, este puede ser seleccionado en la lista desplegable que aparece debajo. Y finalmente, una de las grandes novedades de Joomla 1.6, donde se muestra una lista desplegable en la que optaremos por definir que el código empleado sea XHTML o HTML 5, siempre y cuando la plantilla contenga elementos en el último lenguaje.

Creación de nuevos estilos

Teniendo en cuenta todo lo que se puede modificar en los estilos, es posible que tengamos el deseo de generar algunos estilos personalizados para mostrar en diferentes partes de una página web. Para ello será necesario modificar alguno de los estilos ya definidos y existentes, o crear estilos nuevos.

Para crear un nuevo estilo, el primer paso es duplicar uno de los estilos existentes mediante el botón correspondiente ubicado en la barra de herramientas que se encuentra en la parte superior del listado de estilos.

Luego, simplemente se deben hacer las modificaciones que se desee en el editor de estilos, modificando los parámetros que la plantilla posee. Téngase en cuenta que los parámetros modificables son variables entre los estilos de una plantilla a otra, y que posiblemente las plantillas profesionales permitan modificar varios parámetros más que la plantilla que hemos presentado (beez_20) que es la que Joomla 1.6 presenta por defecto.

Publicado el 01/10/2010, última actualización 01/10/2010.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Andrés Fernández

URL: LaWebera.es :: Diseño Web

Añadir Comentario (Subir al texto)

9 Cometarios

  1. cecy

    hola

    yo tengo un problema con la plantilla de la pagina que estoy creado y a la hora de dar vista previa solo me muestra lo que es el encabezado y el cuerpo de mi plantillano y mucho menos el contenido que ya tiene… necesito saber por que y como resuelvo ese pequeño problemita.

    gracias por su atencion

    Jueves, 10 de febrero 2011

  2. Andrés Fernández

    Hola Cecy:
    La verdad es que con los datos que aportas no puedo saber que es lo que te sucede. Si te estás iniciando, te recomiendo que tomes una plantilla ya hecha de código abierto y la modifiques.
    Saludos

    Lunes, 14 de febrero 2011

  3. cursos de maquinaria pesada

    Holas como estan tengo un detalle, me descargue una plantilla que se veía xvr con sus modulos y cuando lo instale no me salen los módulos y no se como proceder si alguien sería tan amable de explicarme sera excelente. Gracias.

    Sábado, 5 de marzo 2011

  4. Andrés Fernández

    Hola:
    La posición de cada módulo es visible en la vista previa. El problema es que para que se vean tal como se ven en los ejemplos, debes tener dichos módulos con algún contenido. Lo que yo hago para orientarme mejor en una plantilla que no conozco, es utilizar módulos con contenidos de ejemplo.
    Otro problema que puede suceder, es que los ejemplos que se muestran sean con módulos personalizados, por lo que en ese caso, deberás hacer algo de diseño gráfico dentro de un módulo tipo “custom”.
    Saludos

    Lunes, 7 de marzo 2011

  5. cristian

    hola tengo un problemilla e echo todo lo que tu expones en la forma de modificar las platillas y ya yo voy y modifico los colores imágenes en los editores de las plantillas y guardo y al querer ver el resultado no se modifica nada ni colores ni nada. no se si me explique bien,
    e modificado los archivos de html de las plantillas que puedes editar y guardo y al ejecutar la pagina no puedo ver lo que modifique la pagina esta igual. aun no la e subido a un espacio web solo es local.
    agradezco tu pronta respuesta y gracias por la aportación.

    Domingo, 27 de marzo 2011

  6. Andrés Fernández

    Hola Cristian:
    No creo poder resolver el problema que tienes ya que tendría que estar viendo todo para diagnosticar.
    Sin embargo, te puedo dar algunas pistas sobre errores frecuentes en la modificación de plantillas:
    La plantilla puede tener varios archivos CSS (que es lo que debes modificar para cambiar el aspecto), debiendo en primer lugar identificar cual es el archivo que contiene la información que desea cambiar. Otro problema es que no identifiques adecuadamente las clases e identificadores de cada elemento. Toda esta información te la puede dar Firebug de Mozilla Firefox.
    Saludos

    Miércoles, 30 de marzo 2011

  7. jhon

    estoy aprendiendo utilizar joomla 1.6 pero cuando le instalo el modulo de swf como cabecera a la hora de clikear otro modulo ya no se logra el movimiento del modulo swf mejor dicho q ya no tiene moviemiento y tbm me sucede cuando instalo una encuesta con el modulo apoll q le doy enviar voto y me sale un msje diciendome para ABRIR ,GUARDAR O CANCELAR y no se xq me sucede eso en joomla1.6 quisiera una respuesta sencilla y veras…gracias

    Miércoles, 13 de abril 2011

  8. Andrés Fernández

    Hola Jhon:
    Respecto de la primer pregunta, no deberías tener ningún tipo de problemas con la inclusión de elementos flash en Joomla, a menos que la plantilla (que es lo que resuelve todos los temas visuales) tenga problemas. Prueba con otra plantilla a ver que pasa.
    Respecto del módulo Apoll, yo lo he probado y no me da problemas. Quizá sea algo en la programación de la encuesta o del módulo.
    Saludos.

    Viernes, 15 de abril 2011

  9. rosas

    Cecy; apenas inicio en Joomla, pero creo que te servira,
    Utiliza para ver todas la partes de la plantilla
    http://DireccionServidor/nombrePagina/?tp=1
    suerte

    Lunes, 11 de julio 2011

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras