Plantillas1

Las plantillas se encargan de determinar la forma en la que se mostrarn los contenidos de nuestra web. La instalacin estndar de Joomla incluye varias plantillas, unas destinadas al backend y otras al frontend. Adems existen pginas en las que podremos encontrar todo tipo de plantillas que cubrirn casi todas nuestras necesidades y, si no lo hacen, siempre tendremos las posibilidad de modificarlas o inclusodecrearnuestrapropiaplantilla. La administracin de las plantillas la realizaremos desde Extensiones > Gestor de plantillas. En la pestaa Estilos veremos una lista con las plantillas instaladas y disponiblesparanuestrositio.Tantoparaelfrontendcomoparaelbackend.

Figura1:ListadeplantillasinstaladasenJoomla Pulsando sobre la estrella de la columna Predeterminado podremos decidir qu plantillaseaplicaanuestrositio.Comovemosacontinuacin,alcambiarlaplantillade lazonadeadministracin,elcambiosellevaacabodemanerainmediata.

Figura2:Plantillapredeterminada SipulsamossobreelenlacedelaplantillaubicadoenlacolumnaEstilo,accederemos a las propiedades de aquella. Aqu podremos modificar algunas de sus propiedades y asignarlaaloselementosdelmenquequeramos.Deestaforma,podemoshacerque unapartedenuestrawebutiliceunaplantilladistintaalapredeterminada.

Extradode:http://ayudajoomla.com/joomla/tutorialjoomla25/585plantillasenjoomla25.html

Plantillas.doc

Pgina 1

Figura3:Asignarlaplantillaaloselementosdelmen A continuacin podemos ver el frontend de nuestro sitio empleando la plantilla Beez2comopredeterminada.

Figura4:Frontendconlaplantillapredeterminada SivamosalenlaceTienda,vemosqueelaspectodelapginacambiaporcompletoa pesardequenohemoscambiadolaplantillapredeterminada.Estose debeaqueeste elementodelmentieneasignadaotraplantilla.

Plantillas.doc

Pgina 2

Figura5:Enlacedelmenconunaplantilladistintaalapredeterminada PulsandosobreelenlacedelacolumnaPlantillaaccederemosalapersonalizacinde las plantillas. Aqu veremos una descripcin de la plantilla y una lista con sus archivos principalesysushojasdeestilo.

Figura6:Personalizacindeunaplantilla Para modificar cualquiera de los archivos que aparecen aqu, pulsaremos sobre l y accederemos a la pantalla de edicin desde donde podremos modificar el contenido delfichero.

Plantillas.doc

Pgina 3

Figura7:Edicindeunarchivodelaplantilla Si queremos aadir algn archivo a la plantilla, por ejemplo una hoja de estilo que se utilice para imprimir los contenidos de nuestra web, tendremos que subirlo a la carpeta de la plantilla mediante Ftp. Las plantillas estn ubicadas en la carpeta templatesdenuestrositioweb.

Figura8:Carpetatemplates Regresando al gestor de plantillas, veremos una pestaa llamada Plantillas. Desde aqu accederemos a una lista con informacin sobre el autor de la plantilla, su pgina web,fecha,etc.Tambinveremosunapequeaimagenquenosservirparahacernos unaideadelestilodecadaplantilla.

Figura9:Listadeplantillasconinformacindetallada

Plantillas.doc

Pgina 4

Si pulsamos en cualquiera de las imgenes de la lista, obtendremos una vista ms detalladadelamisma.

Figura10:Vistadetalladadelaimagendeplantilla El enlace Previsualizar que aparece en la lista, nos mostrar una vista previa de nuestrapginaconlaplantillaelegidaypodremosverlasposicionesdisponiblesenesa plantilla.

Figura11:Vistapreviadeunaplantillaaplicadaalapgina Es posible que nos interese ver las posiciones que utiliza la plantilla que estamos empleando en nuestra web y cmo se est comportando a la hora de mostrar los
Plantillas.doc Pgina 5

contenidos de la pgina. Para ello podemos ir a Opciones y habilitar la previsualizacindelosmdulos.

Figura12:Habilitarprevisualizacindelosmdulos Despus de guardar los cambios, tendremos que acceder al frontend y aadir al final de la direccin de la pgina ?tp=1, con lo que obtendremos la posicin de cada mdulo.

Figura13:Vistadelosmdulosdelaplantilla Instalarplantillas Elprocesoaseguirparainstalarunaplantillaeselmismoqueseguiramosparainstala cualquierotraextensin.Tendremosqueiralgestordeextensionesyelegirlaplantilla a instalar pulsando en examinar. Tras pulsar en Subir e instalar la plantilla estar

Plantillas.doc

Pgina 6

disponible

en

el

gestor

de

plantillas.

Figura14:InstalarunaplantilladesdeelGestordeExtensiones PlantillasenelBackend Laadministracindelasplantillasparaelbackendesexactamenteigualaladelfront end,conlasalvedaddequepodemosasignarunaplantilladistintaacadausuariodela zona de administracin. Para hacer esto, tendremos que ir al Gestor de Usuarios y editar el perfil del usuario cuya plantilla queremos cambiar. En la configuracin bsica delperfilpodremosseleccionarlaplantillaquequeremosqueutiliceeseusuario.

Figura15:Seleccindeunaplantillaparaunusuariodelbackend

Plantillas.doc

Pgina 7