Menú principal
Inicio
¿Qué es joomla?
Manuales Joomla 1.0
VideoTutoriales
Experiencias
Trucos y arreglos
Noticias EduJoomla
Colaborar
Foros
Sitios Joomla!
Centros Primaria
Centros Secundaria
Profesores/as
Ayudas Joomla
Acceso





¿Recuperar clave?
¿Quiere registrarse? Regístrese aquí
Creative Commons License
Personalizar plantillas Imprimir E-Mail
Escrito por Luis Barriocanal   
domingo, 05 de noviembre de 2006
Posibilidades de las plantillas

El sistema de configuración de plantillas de Joomla tiene muchas posibilidades a la hora de personalizar las plantillas y adaptarlas a nuestros gustos y necesidades.

La operación más básica la hemos visto en la actividad anterior y consiste en establecer como plantilla predeterminada para nuestro sitio una de las muchas de que los diseñadores ponen a nuestra disposición.

Pero además de esto podemos:
  • Mostrar cada página de nuestra web con una plantilla diferente
  • Modificar el código html de nuestra plantilla para añadir o eliminar zonas o posiciones, variar el ancho de las columnas, etc
  • Modificar la hoja de estilos CSS de la plantilla para variar el tamaño o el color del texto de títulos, enlaces, artículos, etc o los colores de tablas y módulos ....
Vamos a ver ahora algunas operaciones sencillas para sustituir logos e imágenes. Los arreglos que requieren cirujía más fina los dejaremos para lso expertos o para un curso avanzado sobre diseño web y hojas de estilo CSS.


Diferentes plantillas para diferentes secciones o páginas

Podemos configurar nuestro portal para que cada sección o página que se abra al pulsar sobre un determinado item del menú se muestre dentro de una plantilla diferente. Podemos hacer por ejemplo que la sección de contactos o la de enlaces
se muestren con una plantilla diferente a la que tenemos selecionada como predeterminada.

Para ello solo tenemos que entrar en el administrador de plantillas (dentro del menú sitio) y marcar el círculo de selección de una plantilla diferente a la principal del sitio.

Después pulsaremos sobre el botón asignar del menú secundario

tamplates_asignar1.j

Se nos mostrará una ventana como ésta

tamplates_asignar2.jpg

Con el ratón seleccionamos los items en los que queremos que se muestre esa plantilla diferente (podemos seleccionar más de uno)

Cambiar logos e imágenes

Puedo cambiar la imagen de cabecera de mi plantilla sustituyendo la imagen por otra personalizada con las mismas dimensiones y el mismo nombre.

Primero tendré que averiguar el nombre la imagen y el directorio en el que está almacenada

Para ello pulso con el ratón sobre la imagen y selecciono "ver imagen de fondo" (lo harás mejor con Firefox)
En otras plantillas seleccionaré "ver imagen"
ogo_cambiar1.jpg

En la barra de direcciones del navegador aparecerá la ruta que busco.
En este caso

http://www.entreprofes.com/joomlaes/templates/rhuk_solarflare_ii/images/header_short.jpg

El siguiente paso será subir al servidor la imagen que he preparado para sustituir a la que viene con la plantilla y que tengo guardada con el mismo nombre: en este caso header_short.jpg .

Esta operación la puedo hacer con un programa de FTP o a través del administrador de archivos del panel de control del servidor.

ogo_cambiar3.jpg

Antes de comprobar los cambios en la portada de la web será mejor recargar el archivo con la imagen en el navegador

ogo_cambiar4.jpg

Finalmente podremos ver el resultado en la página de inicio de nuestro portal

logo_cambiar5.jpg


¿En qué lugar del mundo se encuentra el edificio que aparece en la nueva imagen de cabecera?



Cambiar la imagen de fondo de una plantilla

Algunas plantillas establecen su color de fondo (el que aparece alrededor de la web en las plantillas de ancho fijo) con una imagen que se repite por toda la pantalla.

Por ejemplo, en www.vizcarra.es el color rojo del fondo viene determinado por esta imagen
http://www.vizcarra.es/templates/d4m_xmas4you/images/body_bg.gif
vizcarra.jpg

Pues de la misma manera que en el apartado anterior hemos sustituido la imagen de cabecera podríamos sustituir aquí la imagen de fondo y modificar sustancialmente el aspecto de la web.


Cambiar el color de fondo de una plantilla

Otras veces, el color de fondo de la plantilla no viene determinado por una imagen, sino por el parámetro background en la hoja de estilos CSS.

paramoarroyo.jpg

Por ejemplo, en www.paramoarroyo.com, no encontraremos una imagen de fondo al pulsar con el ratón en el borde de la página, porque lo que establece el color de fondo es el parámetro background: #F0E5F3; en el archivo template_css.css de la plantilla.

templates_fondo1.jpg

Para editar este tipo de información está el editor de plantillas del administrador de Joomla.
Si después de marcar el círculo de selección de la plantilla en el administrador de plantillas (dentro del menú sitio) pulsamos sobre sobre el botón editar CSS del menú secundario podremos modificar la hoja de estilos

tamplates_asignar1.j

Del mismo modo podrán modificarse los estilos de los títulos, de los menús, de los enlaces, etc
Pero para ello hay que conocer algunos fundamentos sobre las Hojas de Estilo en Cascada (CSS)

Trackback(0)
Comentarios (4)add
No puedo cambiar logo ni imagenes
escrito por bikutoru_vra , octubre 10, 2007
Hola.
He intentado como tú dices, pero cuando quiero reemplazar la imagen me sale que no tengo permiso....existe alguna forma de cambiar los permisos desde joomla????....ya que tampoco me deja cambiar los permisos ni por browser ni por FTP.
report abuse
vote down
vote up
Votes: +0
Problemas con permisos en Joomla
escrito por Luis Barriocanal , octubre 10, 2007
Puede que te ocurra lo que se dice aquí
http://foros.masbaratoimposibl...hp?pid=845
Si tu servidor tiene cpanel es más fácil. Copias la carpeta que quieras en un directorio fuera de public_html, luego borras la original y vuelves a trasladar la copia al sitio original. Así la carpeta cambia de propietario.
report abuse
vote down
vote up
Votes: +0
yo no he podido subir mi templatedetails.xml
escrito por ELENA SOLIS , febrero 10, 2008
espero me puedan ayudar, la explicacion es muy buena, pero joomla me marca error al subirla, dice fallo al subir template
report abuse
vote down
vote up
Votes: +1
...
escrito por Alvaro Garcia , agosto 26, 2008
ño o el color del texto de títulos, enlaces, artículos, etc o los colores de tablas y módulos .... ta malo el link =D
report abuse
vote down
vote up
Votes: +0
Escribir comentario
quote
bold
italicize
underline
strike
url
image
quote
quote
smaller | bigger

security image
Escribe los caracteres de la imagen


busy
Modificado el ( miércoles, 23 de abril de 2008 )
 
< Anterior   Siguiente >