ENTENDIENDO LA HERENCIA” NOS PERMITE CREAR PARTICULAS”

NOS TOCA DISEÑAR LOS SIGUIENTES BLOQUES:

BLOQUE ACCESO

BLOQUE HEADER

BLOQUE DEL MENU DE NAVEGACION

COLOCAMOS LA PARTICULA SOCIAL PRO(PAGINAS INTERNAS)

PARA CREAR EL BLOQUE

INSERTAMOS EL CUSTOM HTML(guardamos cambios)

Si quieres solo dejar un icono hacer las configuraciones siguientes:

Vamos a ir a la PAGINA INICIAL “layout”

Configuramos el SOCIAL-PRO y nos damos cuenta que hemos creado los 4 social-fb-youtube
etc. Hasta ahí creamos un sistema de HERENCIA

DIFERENTES NIVELES DE HERENCIA

HERENCIA A NIVEL OUTLINE”Se realiza en el BASE OUTLINE”

Se realiza las configuraciones generales

-Nos vamos a PARTICLE DEFAULTS

DEFINIMOS EL CONTENIDO INICIAL PARA CADA UNA DE LAS PARTICULAS

-Cuando creamos una nueva partícula o cuando insertamos una nueva particula POR EJEMPLO

INSERTAMOS”LOGO IMAGEN”

Se muestra el contenido que se está heredando de manera predeterminada

Nos vamos al Base OUTLINE A “PARTICICLE DEFAULTS

CONTENIDOS POR DEFECTO DE LAS PARTICULAS

PERO NO SOLAMENTE EN LAS PARTICULAS SI NO TAMBIEN EN LOS”ATOMOS”

Por ejemplo aquí estamos cargando en la sección de átomo

Serán heredados para todos los demás outline

ELIMINAMOS EL”Lightcase”y utilizamos el OWLCAROUSEL2 “GUARDAMOS CAMBIOS”

NOS VAMOS A”PAGINA INICIAL”PAGE SETTINGS”,vemos que se están heredando los atomos
que se están definiendo en el ONLINE PAGINA INICIAL

AHÍ VEMOS COMO SE ESTA HEREDANDO

Los que están en transparente es porque está en modo de herencia “guardamos cambios”

Nos vamos a online Paginas internas eliminamos OWLCOROUSEL”GUARDAMOS CAMBIOS”

HERENCIA A NIVEL DE ATOMOS

Y VEMOS LOS ATOMOS QUE TENEMOS

USAMOS EL ATOMO “GOOGLE ANALYTICS

CONFIGURAMOS “Y ACTIVAMOS LAS DOS PRIMERAS OPCIONES

Y colocamos 1,2,3,4,5,6,7,8,9 y guardamos. Ya hemos configurado un atomo

HERENCIA A NIVEL DE PARTICULAS “ES EL QUE SE USA FRECUENTEMENTE

AQUÍ TENEMOS VARIAS PARTICULAS CONFIGURADAS
ES NECESARIO ASIGNAR UNA ETIQUETA O TITULO

LE PONEMO AL BLOQUE NO ESPERES MAS”GUARDAMOS CAMBIOS Y HEMOS ASIGNADOS UN

TIPO DE ETIQUETA

ES UNA FORMA DE ETIQUETAR UNA PARTICULA

INSERTAMOS UN TEXTO IGUAL A ESTE

INSERTAMOS “CUSTOM HTML” en paginas internas

Configuramos el custom html

”TIENE DOS COSAS QUE CLONE O CREE LA INFORMACION

CUANDO MARCAMOS EN CLONAR TENEMOS QUE PONER DE QUE ONLINE QUIERES CLONAR
LA INFORMACION

PONEMOS PAGINAS INICIAL Y GRANDY VA A A BUSCAR TODAS LAS PARTIULAS QUE ES

CUSTOM HTML CON EL TITULO “BLOQUE NO ESPERES MAS
PARA COPIAR LOS ATRIBUTOS Y ATRIBUTOS A NIVEL DE BOQUE

VEMOS COMO SE AGREADO UNA VARIACION

¿Por qué CREEN QUE SE AGREADO ESA VARIACION “PORQUE QUEREMOS QUE SE MUESTRE AL
LADO DERECHO “APLICAR Y GUARDAR.

ARRASTRAMOS LA PARTICULA PARA QUE SE MUESTREN LOS ESTILOS CORRESPONDIENTES

Y arrastramos el custom html lo eliminamos y guardamos cambios

Y asi se debe de mostrar

HERENCIA A NIVEL DE SECCIONES

NOS VAMOS A ONLINE PAGINAS inicial “guardamos cambios

Agregamos un system message” guardamos cambios”

Nos vamos a paginas INTERNAS “Damos click en la tuerquita de la sección

Quiero que se herede también podemos clonar el contenido en este caso nos pregunta en que
online podemos encontrar una sección con este mismo nombre es decir con el nombre
message, es decir

Tenemos que clonar y marcar el online “cambiar página inicial”

Copiamos los tributos y las partículas “aplicamos y guardamos

En este caso tenemos la partícula system messages

Borramos las partículas accesos y creamos una

Va a buscar un online que queremos clonar

Si existe un online con accesos que es “página inicial”

Activamos sus atributos y sus partículas “aplicamos y guardamos” se copiarán las partículas

Incluyendo sus configuraciones

Como vemos que va a heredar la pagina inicial

Nos vamos a pagina inicial “llamado-accion,”en ruta de navegacion no”ese no existe en online
pagina inicial

Pie de pagina hacemos lo mismo

Derechos-reservados “hacemos lo mismo que llamado de atencion

Nos vamos a la pagina inicial esta totalmente identico

Vamos a”BASE OUTLINE A PAGE SETTINGS

Y HABIAMOS QUITADO EL ATOMO LIGHTCASE PORQUE PENSABAMOS QUE NO LO IBAMOS A

UTILIZAR Y REALEMENTE SI LO VAMOS A UTILIZAR PARA QUE SE ACTIVE ESTA VENTANA

ESTA VENTANA

EL BUSCARDOR NO FUNCIONA PORQUE?

NO VAMOS A “PAGINAS INTERNAS Y MARCAMOS LA OPCION QUE NO SE HEREDE NADA

ENTONCES QUITAMOS ESA OPCION PARA QUE EL BUSCADOR SE PUEDA
HEREDAR”GUARDAMOS”
NOSOTROS MARCAMOS

ACTUALIZAMOS Y SE HEREDA ESTA PARTICULAS

ELIMINAMOS” OWCAROUSEL”” APLICAMOS Y GUARDAMOS Y NOS VAMOS A LA PAGINA

INICIAL Y ACTUALIZAMOS EL BUSCADOR

SEGUIMOS DISEÑANDO NUESTRAS PAGINAS INTERNAS

CONSTRUYENDO LA SECCION “RUTA DE NAVEGACION”
ES UNA SECCION NUEVA QUEREMOS QUE SE ENCUENTRE enlaces de LA RUTA DE
NAVEGACION QUE INDICA EL USUARIO DONDE SE ENCUENTRA para hacer esto no existe una
particula para gandry pero lo que si existe un módulo para joomla podemos hacerlo con
modulo

Nosotros vamos utilizar module Instance

Seleccionamos la tuerquita y aplicamos y configuramos, pero en antes nos vamos a “joomla

para ver los modulos

Antes de cargar un modulo tenemos que ver las configuraciones de dicho modulo

Vamos a buscar el módulo de tipo “RUTA DE NAVEGACION””

ACA ESTA breadcrumbs lo abrimos y tenemos que asegurarnos que se muestre las
asignaciones

Aquí indicamos en que paginas se quiere que se muestre los modulos

En modulo podemos configurar las opciones que a nosotros mejor nos parezca “guardamos y
cerramos

Regresamos al mismo lugar donde estábamos damos click a Pick Module

Aquí buscamos nuestro modulo, podemos también cambiarle de nombreLe cambiamos el
nombre”le ponemos ruta de navegación
ahí nos damos cuenta cómo va quedando la pagina nosotros
ASIGNANDO MODULOS A LA COLUMNA LATERAL
AHORA COMO PUEDEN APRECIAR NOS FALTA MODULOS O BLOQUES DE INFORMACION EN
UNA DE LAS COLUMNAS DE NUESTRO DISEÑO”paginas internas”

TENEMOS ESTA imagen y un modulo ULTIMA FOTOS ,La información varia dependiendo de las
paginas donde tu te encuentres

COMO HACEMOS SI QUEREMOS QUE ESTO VARIE DEPENDIENDO DE LA PAGINAS QUE

ESTEMOS CARGAMOS UNA POSICION MODULAR,ARRASTRAMOS MODULE POSSITION

Y COLOCAMOS EL NOMBRE PARA CARGAR LOS MODULOS EN SI NOSOTROS VAMOS A CREAR Y

ASIGNARLES DICHA POSICION MODULAR, PARA QUE SE PUEDAN CARGAR EN ESTA ZONA DE

ACA
LE CAMBIAMOS EL NOMBRE LE PONEMOS LATERAL Y VEMOS COMO SE VA A CARGAR LOS
MODULOS SI QUEREMOS EL CONTENIDO “APLICAMOS Y GUARDAMOS”

NOS VAMOS A GESTOR DE MODULOS COMO COLOCAMOS LA IMAGEN EN LA LA PAGINA

NOSOTROS

EXTENSIONES CREAMOS UN NUEVO MODULO, PERSONALIZADO

LE ASIGNAMOS UN TITULO,”ANUNCIO” INSERTAMOS LA IMAGEN,LA SUBIMOS

LE CAMBIAMOS LA POSICION Y LE PONEMOS EL NOMBRE QUE LE HABIAMOS PUESTO AL
MODULO QUE ES “lateral”y guardamos

Nos vamos ahora a esta pagina

Buscamos

Descargamos los archivos

Nos vamos A EXTENSIONES Y SELECCIONAMOS EL ARCHIVO QUE DESCARGAMOS EL
PHOCAGALLERY

LUEGO NOS DIRIGIMOS EXTENSIONES

MODULOS LIMPIAMOS ESTE FILTRO” Y
BUSCAMOS EL PHOCA GALLERY
MODULO
DAMOS CLICK Y PUBLICAMOS EL MODULO Y LE ASIGNAMOS LA POSICION QUE LE DIMOS

LE PONEMOS UN TITULO EL TITULO VA HACER ULTIMAS FOTOS Y QUE SE MUESTRE EN TODAS

LAS PAGINAS
Y CONFIGURAMOS SUS PARAMETROS

OCULTAMOS EL ICONO DE DESCARGAS

LE PONEMOS 72%
GUARDAMOS CAMBIOS

ASI TIENE QUE QUEDAR

GESTOR DE MENU QUE ES EL GESTOR DE MENU
LO ENCONTRAMOS EN LA PARTE DERECHA

Nos permitir con lo menús activo de joomla es decir esto “ALGO QUE SE CONOCE COMO MEGA
MENUS”ES UNA CARACTERISTICA NATIVAS DE GANDRY ES MAS IMPORTANTE, LA CAPACIDAD
DE CREAR MENUS ,ICONOS ,MENUS EN MULTIPLES COLUMNAS,IMÁGENES DENTRO DE LOS
MENUS,AGREGAR UNA DESCRIPCION ,AGREGAR TITULOS,CARGAR MODULOS DENTRO DEL
MENU

CREAMOS ICONOS COLUMNAS

LO PRIMERO QUE TENEMOS QUE IR ES DIRIGIRNOS A NUESTRO OUTLINE”PAGINA

INICIAL”,LAYOUT,ANTES DE CREAR UN MENU TENEMOS QUE DEFINIR O ASEGURARN QUE
MOSTRAREMOS EL MENU CORRECTO DENTRO DE NUESTRO DISEÑO
PARA ESO NOSOTROS DENTRO DE LA SECCION NAVIGATION HEMOS INSERTADO UNA
PARTICULA “MENU”

AQUEL MENU QUE ESTA CON LA ESTRELLITA EL ITEM DE MENU QUE ESTA DETERMINANDO LA
SALIDA O EL TIPO DE PÁGINA

EL CIEN DE CONCEPTO LO VAMOS A TRABAJAR DENTRO DE GESTOR DE MENUS PARA ESO

VAMOS A ENLACES MENU

TENEMOS ESTE BLOQUE

AQUÍ VEMOS CON QUE MENUS QUEREMOS

TRABAJAR”TRABAJAMOS CON EL MAINMENU
Aquí nosotros hemos creado dos menus el acceso rápido,y el MAIN MENU QUE VIENE POR
DEFECTO

ANTES DE EMPEZAR A CREAR LOS ELEMENTOS TENEMOS QUE ELEGIR EL MENU CON CUAL
QUEREMOS TRABAJAR Y TRABAJAMOS CON EL MAIN MENU

EL EDITOR DE MENUS TRABAJA EN BASES A LOS ENLACES QUE SE ENCUENTRA DENTRO DE UN

MENU YA CREADO Y NOS PERMITE AGREGARLE CARACTERISTICAS AVANZADAS, EJEMPLO
ICONOS, SUBTITULOS IMÁGENES,ECT,NOS PERMITE ESTILIZAR LOS MENUS QUE NOSOTROS
HEMOS CREADOS EN EL MISMO JOOMLA

POR ESO SI ESQUE VAMOS AL MAIN MENU

TENEMOS ESTOS ENLACES”TENEMOS UN ENLACE DE PRIMER NIVEL Y UN SUBENLACE

SUBENLACE

DONDE SE ENCUENTRA EL SUB ELEMENTO MENU PARA SERVICIOS DAMOS CLICK EN

SERVICIOS

Y SE CARGA SUS ELEMENTOS

ESTOS SON LOS MENUS QUE TENEMOS
AHORA MISMO

Y QUEREMOS OBTENER ALGO COMO ESTO

DAMOS CLICK EN LA TUERQUITA DE NOSOTROS Y LO CONFIGURAMOS,LE CAMBIAMOS

NOMBRE Y LE PONEMOS SOBRE NOSOTROS

QUE ES LA FORMA SIMPLE UN ELEMENTO DEBAJO DEL OTRO

Simple es esto un menú despegable en donde los bloques se muestra en una sola columna
osea uno debajo del otro
Pero el elemento extendido es cuando tenemos elementos en múltiples columnas

Lo dejamos tal y como esta”guardamos”

El editor de menú de gandry nos permite reordenar y cambiar completamente la apariencia de

los menus que nosotros creamos dentro de joomla

As

hjkkkkkkkkkkkkkkk kkkkkkkkkkkk kkkkkkkkkkk

Po´´

rrr rrr rrr rr rrr rr rrr rr rrr rrr rr rrr rr rrr rr rrr rrr rr rrr rr rrr rrr rr rrr rr rrr rr rrr rrr rr rrr rr rrr

llll

lllllll
tenemos

lllljkkkkkkk j