-
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
6/47
.l 3estor de plantillas
•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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
7/47
.l 3estor de plantillas
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
9/47
.l 3estor de plantillas• .n la parte derec-a se muestran una lista de
/0 -o!as de estilo1 – blac
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
11/47
.l 3estor de plantillas
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
.dición de estilos de plantilla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
15/47
•
.n @pciones avan*adas se puedecambiar par(metros como el logo, elttulo y la descripción del sitio web
.dición de estilos de plantilla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
17/47
Instalación de plantillas
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
18/47
Instalación de plantillas
•
+na ve* descargado el arc-ivo, debeproceder a descomprimirlo
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
19/47
Instalación de plantillas
•
.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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
20/47
Instalación de plantillas
•
.n el 3estor de extensiones buscamos elcomponente a instalar
• Luego, se presiona el botón 2ubir einstalar
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
21/47
Instalación de plantillas
•
;ebe verifcar "ue el componente se -ainstalado correctamente
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
22/47
Instalación de plantillas
•
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
23/47
Instalación de plantillas
•
;espués de -acer clic en 2ubir e instalarverif"ue "ue el plugBin se instalócorrectamente
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
24/47
Instalación de plantillas
•
?inalmente, instalamos la plantilla ;e lamisma #orma "ue se -an instalado elcomponente y el plugBin
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
25/47
Instalación de plantillas
•
Luego de -acer clic en 2ubir e instalar,debe verifcar nuevamente si es instalócorrectamente la plantilla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
26/47
Instalación de plantillas
• +na ve* terminado elproceso deinstalación, -ay "ue
activar el plugBininstalado con laplantilla
•
Para ello es necesarioacceder al men.xtensiones 3estorde plugBins
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
27/47
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
28/47
Instalación de plantillas
• A-ora confguraremosla plantilla accediendodesde .xtensiones
3estor de plantillas
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
29/47
Instalación de plantillas
•
Ingresar a la .dición de estilos de laplantilla -aciendo clic en el nombre de laplantilla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
30/47
Instalación de plantillas
• 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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
31/47
Instalación de plantillas
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
32/47
Instalación de plantillas
•
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
Confgurar las posiciones delos módulos de plantilla
C f l i i d
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
Confgurar las posiciones delos módulos de plantilla
C f l i i d
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
36/47
Confgurar las posiciones delos módulos de plantilla
• .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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
Confgurar las posiciones delos módulos de plantilla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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,
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
43/47
$ódulos en Joomla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
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
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
45/47
PlugBins en Joomla
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
46/47
PlugBins en Joomla
•
La gestión de plugBins se reali*a con el3estor de plugBins
-
8/18/2019 Clase 06 - Plantillas y Extensiones de Joomla - Ciclo 02-2015
47/47
?IFAdministración de Contenidos
en Internet