Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015

8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015

1/47

Plantillas y extensiones de

JoomlaAdministración de Contenidos

en Internet


2/47

Plantillas•

Las plantillas o templates de Joomla son elsistema encargado de defnir el aspectoestético, la disposición de los elementos y elestilo visual de los sitios web desarrollados

con Joomla• La mayor venta!a "ue o#rece Joomla es la

completa separación o#recida por elproyecto actual del $odelo %istaControlador &$%C' en donde los contenidosest(n por un lado, mientras "ue el dise)o&presentación visual' est( por otro

•

La venta!a de este en#o"ue es "ue se puedemodifcar el dise)o del sitio en un instante


3/47

Plantillas para Joomla• +na de las

caractersticassobresalientes de

Joomla -a sido la gran#acilidad "ue tiene paracambiar su aspectoestético &colores,tama)os tipogr(fcos,distribución de las (reasde contenido, etc'

• .xisten una granvariedad y cantidad deplantillas disponiblespara instalar y poder


4/47

.l gestor de plantillas•

A partir de Jomla /0 se incorporaronuna serie de me!oras, incluyendo1 – +na nueva inter#a* de usuario,

–

La posibilidad de reali*ar asignación deestilo de plantillas,

– $(s opciones de confguración de plantillay algunas opciones de edición comunes

como reempla*o de imagen de logo yedición C22 m(s sencilla para el usuariofnal


5/47

.l 3estor de plantillas

•.n Joomla /0 y /4 las plantillas segestionan al utili*ar una combinaciónde los propios arc-ivos de plantillas y

los estilos de plantillas


6/47


•Al movernos a la fc-a plantillasobservaremos las plantillas "ue vienenpor de#ecto al instalar Joomla /4 5res

para la inter#a* de usuario, "ue son1 – Atomic

– 6ee*7

– 6ee*89:

• ;os para la parte administrativa, "ueson1 – 6luestor


7/47



8/47

.l 3estor de plantillas• =acer clic sobre el nombre de la plantilla

lleva a la pantalla de edición de los arc-ivosp-p y los estilos C22 "ue crean el aspectode su sitio web

•

Por e!emplo, al -acer clic en 6ee*89:;etalles &plantilla de usuariopredeterminada' accederemos a la lista delos tres $aster arc-ivos de la plantilla "ue

son1 la plantilla de la p(gina principal, laplantilla de p(gina de error y la plantilla devista de impresión

•

.stas plantillas controlan el dise)o de lap(gina cuando los visitantes ingresan al


9/47

.l 3estor de plantillas• .n la parte derec-a se muestran una lista de

/0 -o!as de estilo1 – blac


10/47

.l 3estor de plantillas• .l 3estor de plantillas también permite

reali*ar una vista previa de la plantilla, "uemuestra las posiciones de módulo deplantilla disponibles para ser utili*adas

•

Para "ue lo anterior #uncione debe estaractiva la vista previa de posiciones de losmódulos

• .sto se puede confgurar presionando elbotón @pciones del 3estor de plantillas


11/47



12/47

.stilos de plantilla

•

.n la fc-a estilo puede editar el estilo delas plantillas

• .sto puede -acerse -aciendo clicdirectamente en el nombre de la plantilla o

-aciendo clic en la casilla de verifcación !unto al nombre de la plantilla y luego clicen el botón .ditar de la barra de-erramientas del 3estor de plantillas


13/47

.dición de estilos de plantilla

•

La edición de estilo de plantilla posee tressecciones1 ;etalles, Asignación de meny @pciones avan*adas

• .n la sección detalles lo nico "ue sepuede editar es el nombre del estilo, losdem(s datos son de solo lectura


14/47

•

.n Asignación de men contiene todoslos elementos de men confguradosen el sitio Joomla

•

2e puede aplicar el estilo actual a lostem de men del sitio marcando lascasillas de verifcación !unto al nombredel tem de men



15/47

•

.n @pciones avan*adas se puedecambiar par(metros como el logo, elttulo y la descripción del sitio web



16/47

Instalación de plantillas

•

Joomla est( dise)ado para permitir elcambio del aspecto de un sitio web de#orma #(cil

•

Para poder cambiar una plantilla,primero debe instalar una nuevaplantilla y luego seleccionarla comoplantilla predeterminada

• =aremos una prueba con la plantilla1 JAPurity II B-ttp1>>www!oomlartcom>updates>!oomlaB

templates>7BtemplatesBupdatedBreleasedB


17/47



18/47


•

+na ve* descargado el arc-ivo, debeproceder a descomprimirlo


19/47


•

.l siguiente paso, debe sersiempre -acer un respaldodel sitio web completo,antes de continuar

• A continuación, accedemosal 3estor de extensionespara comen*ar la

instalación de la plantillaCasi siempre las plantillasvienen con componentes,plugBins o módulos "ue las-acen #uncionar


20/47


•

.n el 3estor de extensiones buscamos elcomponente a instalar

• Luego, se presiona el botón 2ubir einstalar


21/47


•

;ebe verifcar "ue el componente se -ainstalado correctamente


22/47


•

A continuación instalamos el plugBinrelacionado con la plantilla JA Purity IIseleccionando el arc-ivo empa"uetado yrepitiendo el proceso "ue reali*amos conel componente


23/47


•

;espués de -acer clic en 2ubir e instalarverif"ue "ue el plugBin se instalócorrectamente


24/47


•

?inalmente, instalamos la plantilla ;e lamisma #orma "ue se -an instalado elcomponente y el plugBin


25/47


•

Luego de -acer clic en 2ubir e instalar,debe verifcar nuevamente si es instalócorrectamente la plantilla


26/47


• +na ve* terminado elproceso deinstalación, -ay "ue

activar el plugBininstalado con laplantilla

•

Para ello es necesarioacceder al men.xtensiones 3estorde plugBins


27/47


28/47


• A-ora confguraremosla plantilla accediendodesde .xtensiones

3estor de plantillas


29/47


•

Ingresar a la .dición de estilos de laplantilla -aciendo clic en el nombre de laplantilla


30/47


• Podemos establecer la plantilla JA Purity IIcomo la plantilla predeterminadacambiando el par(metro ;e#ecto en losdetalles de la plantilla a 5odos Aplicamoslos cambios y recargamos el #rontBend delsitio


31/47



32/47


•

Lo primero "ue debe notar es "ue algunoselementos de la plantilla por de#ecto noaparecen .sto se debe a "ue las posicionesen el módulo de la plantilla JA Purity II no se

corresponden con los de la plantilla 6ee*9• Para solventar este problema debemos

modifcar

•

Para esto es til acceder al front-end delsitio incorporando el par(metro tpD/ en la+EL del sitio

C f l i i d


33/47

Confgurar las posiciones delos módulos de plantilla

• .l ltimo paso, debe ser mover todos losmódulos a las posiciones "ue si est(ndefnidas en la nueva plantilla

• Para ello se debe acceder al 3estor delmódulos desde el men .xtensiones delpanel administrativo

C f l i i d


34/47

• Fote "ue las posiciones "ue est(nseleccionadas para los módulos actuales delsitio, como1 positionB9, positionB7 y positionB4, no est(n disponibles en la nueva plantillapredeterminada

• Lo nico "ue debe -acerse es cambiar estasposiciones de acuerdo a las defnidas para

la plantilla JA Purity II• Para ellos -acemos clic sobre el nombre del

módulo para editarlo, o lo marcamos en lacasilla de verifcación y -acemos clic en el

botón .ditar de la barra de -erramientas del


C f l i i d


35/47

• .n la pantalla deedición de módulosen la sección

;etalles, cambie elpar(metro Posicióndando clic en elbotón 2eleccione

posición


C f l i i d


36/47


• .n primer lugar fltre en 2elección deplantilla para ver nicamente las posicionesde la plantilla JA Purity II actualmente enuso

• 2eleccione la posición le#t para el módulo$en principal 3uarde y cierre para ver elcambio

C f l i i d


37/47

• 2i al recargar el sitio web el cambio no se vereGe!ado, deber( usar el enlace incorporadoen el panel administrativo titulado JA5

Clean Cac-é, ubicado en la parte superiordel 3estor de módulos



38/47

.xtensiones de Joomla

•

Las extensiones son pa"uetes oaplicaciones "ue ayudan a ampliar la#uncionalidad del 2istema de 3estiónde Contenido y la ar"uitectura de

Joomla

• .xisten diversos tipos de extensiones,como1 – Componentes

– $ódulos

– PlugBins

– Plantillas e


39/47

.xtensiones de Joomla

•

JoomlaH viene con una serie deextensiones incorporadas como elcomponente .nlaces web y el plugBin.ditor 5iny$C.

• Las extensiones "ue se incluyen conuna instalación est(ndar o b(sica de

JoomlaH proporcionan todo lo "uenecesita para crear un sitio web b(sico

• Puede incorporar distintos tipos deextensiones como1 Calendarios, mens

desplegables, #ormularios, encuestas,


40/47

Componentes incorporados

•

JoomlaH viene con las siguientesextensiones principales utili*adas paracrear contenido1 – Contactos 6rinda in#ormación sobre las

#ormas de ponerse en contacto con losencargados del sitio

– .nlaces web Permite organi*ar

in#ormación "ue implica vnculos de otrossitios web

– Foticias externas eeds' .s una #orma demostrar contenido de otro sitio web en susitio


41/47

$ódulos en Joomla

•

Los módulos son pe"ue)as (reas decontenido "ue se muestran en lap(gina en el espacio alrededor de uncomponente

• Los módulos se colocan en posicionesespecfcas de la plantilla utili*ada porde#ecto

• Cada módulo tiene un nico con!untode par(metros de confguración "ueest(n documentados en las p(ginas de

ayuda de JoomlaH


42/47

$ódulos en Joomla

•

Los módulos se pueden agrupar en variascategoras1 – Contenido

– %isuali*ación

– +tilidades

– +suarios

– Favegación

• 5odos los módulos tienen algunospar(metros en comn organi*ados en tres(reas dentro de la p(gina de edición demódulos1 ;etalles, $en asignado y@ ciones avan*adas


43/47

$ódulos en Joomla


44/47

PlugBins en Joomla

•

Los plugBins son pe"ue)as y potentespie*as de código "ue llevan a cabo unaamplia variedad de tareas especfcas

•

.lementos como los editoresavan*ados utili*ados para crearcontenido son plugBins Al igual "ue losbotones, por deba!o del editor, parainsertar im(genes o saltos de lnea

• Los plugBins controlan casi todo, desdela autenticación de usuarios, -asta en

"ué (reas del sitio busca el


45/47

PlugBins en Joomla


46/47

PlugBins en Joomla

•

La gestión de plugBins se reali*a con el3estor de plugBins


47/47

?IFAdministración de Contenidos

en Internet

Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015

Documents

Transcript of Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015