joomla 3.x simple%26facil
TRANSCRIPT
-
7/13/2019 Joomla 3.x Simple%26Facil
1/143
-
7/13/2019 Joomla 3.x Simple%26Facil
2/143
Gente detrs de este libro
Escritores
Dao Ngoc Anh Bui Thi Mo
Editores
Nguyen Thi Thanh Huyen Bui Anh Tuan Bui Huy Thang
Diseadores
Ho Huy Tung Luu Minh Son
Traduccin al espaol
Daniel Hacohen Sergio Rocha
Fecha de Publicacin: Julio 2013
Tercera Edicin.
-
7/13/2019 Joomla 3.x Simple%26Facil
3/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
3
Contenidos
Gen te det rs d e este l ib ro............................................................................................................................... 2ContenidosContents.......................................................................................................................................... 3Caractersticas del J oom la! 3.x........................................................................................................................ 4Paso1: conozca el CMS J oom la!..................................................................................................................... 5
Qu es el CMS Joomla!?........................................................................................................................................... 5De qu est hecho Joomla!?.................................................................................................................................... 8
Paso 2: Instalando Joomla! 3.x en su h ospedaje local......................................................................... 25Instalando XAMPP........................................................................................................................................................ 26Instalando Joomla!...................................................................................................................................................... 29
Paso 3: Crear contenido para su pro pio sit io Jo om la!......................................................................... 31Preparando la estructura del contenido................................................................................................................. 31Creando contenido...................................................................................................................................................... 32Manejando el contenido con el JSN PowerAdmin.............................................................................................. 48Hacer que los artculos se vean bien...................................................................................................................... 49
Paso 4: Personal iza la apariencia de tu sit io web con una Plant i l la Joom la!................................ 76Qu es una plantilla Joomla!?............................................................................................................................... 76Seleccionando una plantilla Joomla!...................................................................................................................... 78Instalando la plantilla Joomla!.................................................................................................................................. 80
Paso 5: Ordenando los mdulos en posiciones............................................................................................. 85Qu es un mdulo y su posicin en Joomla!? .................................................................................................. 85Agregando un nuevo mdulo a una pgina............................................................................................................. 89
Paso 6: Entendiendo la funcion al idad del si t io co n las Extensiones Jo om la!............................. 96Trabajando con la extensin por defecto de Contactos............................................................................... 97Agregando nuevas extensiones............................................................................................................................... 108
Paso 7: Gestio na tu pgin a web Jo om la! con JSN PowerA dm in.................................................... 113Gestiona tu sitio web Joomla! con Gestor de Sitios (Site Manager )....................................................... 116Acceso rpido a cualquier elemento con Bsqueda de Foco (Spotlight Search).................................... 129Maneja el estilo de la plantilla con el Gestor de Estilo de Plantilla (Template Style Manager).............. 131Otras caractersticas................................................................................................................................................. 135Configuracin.............................................................................................................................................................. 139
Conclusin...................................................................................................................................................... 142Referencias...................................................................................................................................................... 143
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
4/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
4
Caractersticas del Joomla! 3.x
Joomla! 3.x es la ltima version de Joomla!. Es la publicacin rpida que estar siendo apoyada hasta Abril del
2013. Esta nueva versin es un mundo totalmente nuevo y excitante, con muchas mejoras atractivas. Usted
puede ver las 6 principales mejoras en la infografa de abajo.
Para ms informacin sobre las caractersticas de Joomla! 3.x acuda a http://www.joomla.org/3/en.
Six great features of Joomla! 3.x
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.joomla.org/3/enhttp://www.joomla.org/3/enhttp://www.joomla.org/3/enhttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
5/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
5
Paso1: conozca el CMS Joomla!
En el pasado si se necesitaba un sitio de internet, la nica opcin era contratar a un estudio profesional que lo
construyera, y luego necesitara depender absolutamente en ellos para el mantenimiento del sitio. Pero ahora, con
el aumento de programas abiertos, uno mismo puede, fcilmente, construir su sitio utilizando un (CMS) Contenido
Manejado Sistemticamente. Hay distintos CMS disponibles, pero el ms apropiado para sitios pequeos a
medianos es Joomla!.
Qu es el CMS Joomla!?
Logotipo Joomla!
El CMS Joomla! es un paquete basado en internet que permite crear y manejar sitios de internet. Con l se
pueden controlar:1. Contenido del sitio como texto, fotos videos, etc.
2. La apariencia del sitio utilizando plantillas
3. La funcionalidad del sitio usando extensiones
Existen dos partes dentro del sistema: La parte frontal (lo que los visitantes al sitio ven) y la parte trasera (lo que
los administradores del sitio ven).
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
6/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
6
La parte frontal
La parte frontal es lo que la gente ve cuando visitan al sitio de internet. Normalmente existen ciertas partes
estandarizadas como son el logotipo, la barra de men, columna lateral, y el texto principal empaquetados en
un atractivo diseo.
La parte frontal del sito
Viendo un artculo en la parte frontal
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
7/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
7
La parte trasera
La parte trasera es el rea administrativa y es donde se controla el sitio de internet. El acceso es permitido por
medio firmar acceso y solo a los usuarios con permisos de administracin.
La parte trasera de Joomla!
Editando un artculo en la parte trasera
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
8/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
8
De qu est hecho Joomla!?
Ahora exploremos las partes principales de Joomla!
Contenido
En Joomla!, el contenido consiste de artculos, categoras y media.
Artculos
Los artculos son los principales bloques de construccin de un sitio Joomla!. En la parte frontal se puede
fcilmente reconocer un artculo como una pieza de texto que puede o no incluir imgenes, presentados en la
zona principal de contenidos.
The article Getting started
En la parte trasera, los artculos son administrados usando el Gestor de Artculosal cual se puede acceder
por medio de Contenido => Gestor de Artculos.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
9/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
9
El Gestor de Artculos
Aqu se pueden crear nuevos artculos, editarlos, elegir si publicarlos o des-publicarlos, etc.
Categoras
Las categoras ayudan a organizar los artculos de forma ms conveniente. Pensemos en las categoras como
folders que contienen archivos. Por ejemplo, una categora Productos puede contener todos los artcul os
relacionados con sus productos. O una categora llamada Sobre Nosotros puede contener artculos comoNuestra Compaa, Nuestra Visin, Mesa Directiva, etc.
En la parte trasera las categoras son manejadas con el Gestor de Categorasaccesible por medio del men
Contenido =>Gestor de Categoras.
El Gestor de Categoras
Aqu se podr crear nuevas categoras, editarlas, elegir si publicarlas o des-publicarlas, etc.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
10/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
10
Etiquetas
Las etiquetas son palabras claves o trminos asignados a una pieza de informacin. Describen el contenido del
artculo. Por ejemplo, puedes agregar las etiquetas Plantillas Joomla! y Extensiones Joomla! al artculo
Comenzando con Joomla!.
Los artculos con etiquetas similares se agruparn en conjunto de tal forma que a la hora que el usuario desee
realizar una bsqueda de una etiqueta en concreto, pueda encontrarlo mas fcilmente. Puedes fcilmente crear
un elemento de men (o un modulo) para mostrar todas las etiquetas que has creado.
En el back-end, las etiquetas se encuentran en el tablero de edicin del artculo. Puedes verlo en Contenido
=> Gestor de Artculosy luego ve a cada artculo para asignarle las etiquetas.
La funcin de Etiqueta ate permite asignar palabras claves a un artculo en particular
Para gestionar todas tus etiquetas, ve a Componentes=> Etiquetas
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
11/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
11
Ve a Componentes -> Etiquetas para gestionar tus etiquetas
Medios
Puesto de manera simple, medioses todo lo que no sea texto y que se puede poner en los contenidos. Esto no
solamente pueden ser imgenes, sino adems video y otros elementos multimedia.
Los medios son administrados por medio del Gestor de Mediosaccesible por medio del men Contenido
=> Gestor de Medios.
El Gestor de Medios
Aqu se puede crear nuevos folders de medios, subir archivos, etc. Discutiremos el uso del gestor de Medios en
ms detalle en el captuloPaso 3: Crear contenido para su propio sitio Joomla!
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
12/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
12
Mens
Por medio de los mens los visitantes pueden accesar y navegar en el contenido del sitio. Se pueden crear
mltiples mens y configurarlos para que se muestren en distintas partes como hasta arriba, o en una columna
lateral, etc.
Men de ejemplo
En el ejemplo de arriba, el administrador cre un men Inicio con varios elementos de sub-men como Antes
de iniciar, Usando Joomla!, etc.
Para controlar los mens, vaya a el gestor de mens, por medio de Mens=> Gestor de Mens.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
13/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
13
El Gestor de Mens en el administrador de Joomla!
En el gestor de mens, se pueden crear mens y componentes del men ligndolos a cualquier parte del sitio
que se desee. Cuando el men est listo se puede crear un modulo de men para desplegar el men en la parte
frontal.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
14/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
14
Usuarios
Joomla! permite al sitio tener mltiples usuarios registrados. Todos los usuarios son organizados en grupos, los
cuales tienen permiso para accesar a ciertas partes del sitio. Por defecto hay varios grupos de usuarios como
Autor, Editor, Publicista etc. Por ejemplo:
Los usuarios asignados al grupo de Administradorpueden accesar tanto a la parte frontal como trasera
Los usuarios asignados al grupo de Registradopueden solo entrar a la parte frontal. Se pueden
administrar a los usuarios, grupos de usuarios y niveles de acceso en el Gestor de Usuarios por medio del
men Usuarios.
El men Usuarios en la parte trasera.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
15/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
15
Extensiones
Las extensiones son programas escritos especialmente para Joomla! para extender la funcionalidad del sitio de
internet. Por ejemplo, si se desea que haya unslideshowde fotos o una galera de videos o una forma avanzada
de contactos, entonces se necesitar instalar extensiones para estos propsitos.
Por defecto Joomla!, es empaquetado con varias extensiones que cubren las necesidades bsicas. Si se desea ms,
entonces existen miles (literalmente) de extensiones disponibles en elJoomla! Extension Directory. Este es el
directorio de extensiones oficial de Joomla! mantenido por el equipo principal de Joomla!.
El Directorio de Extensiones del sitio de Joomla!
Hay 5 tipos bsicos de extensiones: componentes, mdulos, plugins, plantillas y lenguajes. Cada uno de estasextensiones operan distintas funcionalidades especficas.
Demos un vistazo!
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.joomlashine.com/blog/entry/joomla-extensions-directory-extend-your-joomla-website.htmlhttp://www.joomlashine.com/blog/entry/joomla-extensions-directory-extend-your-joomla-website.htmlhttp://www.joomlashine.com/blog/entry/joomla-extensions-directory-extend-your-joomla-website.htmlhttp://www.joomlashine.com/blog/entry/joomla-extensions-directory-extend-your-joomla-website.htmlhttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
16/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
16
Componentes
El componente es la forma ms compleja de extensin. Puede ser visto como una aplicacin que desempea
ciertas funciones y despliega contenidos especficos en el sitio. Como mencionamos anteriormente, una galera
de video es un ejemplo de componente. Tambinpuede ser un carrito de compras, un sistema para agendar,
foros, y mucho ms.
El componente Canales Electrnicos en la vista traseraEl contenido producido por un componente se despliega en el rea principal de contenidos. En el ejemplo de
arriba, usted puede ver una lista de Canales electrnicos generada por el componente Canales electrnicos.
Todos los componentes estn localizados en la seccin Componentes.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
17/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
17
El men Componentes en la parte trasera
Por defecto, Joomla! Es empaquetado con los siguientes componentes: Anuncios, Contactos, Canales
Electrnicos, Redireccin, Buscar, Bsqueda Inteligente, Etiquetasy Enlaces Web.
Mdulos
Los mdulos tienen un rol similar al de los componentes, pero en una menor escala. Ellos desempean tareassimples y despliegan contenido en pequeos bloques en el sitio.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
18/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
18
Los Mdulos como aparecen en la parte frontal
Ejemplos de mdulos son: la caja de bsqueda, men, forma de acceso, informacin de derechos de autor del
pie de pgina, etc. En muchos casos los mdulos trabajan en conjuncin con componentes para presentar
contenido. Por ejemplo, un componente de carro de compras se usa para administrar productos y un mdulo es
usado para mostrar los productos ms solicitados.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
19/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
19
Todos los mdulos son accesibles mediante el men Extensiones=> Gestor de Mdulos.
El Gestor de Mdulos en la parte trasera
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
20/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
20
Plantillas
Las plantillas controlan el aspecto de diseo grfico del sitio. Estas determinan las capas, colores, tipografas,
grficos y otros aspectos del diseo que harn al sitio nico.
En general, una plantilla consiste en 3 elementos:
Elementos grficos estticos, como imgenes de fondo, diseo decorativo, logotipo, etc.
El rea principal de contenido que muestra informacin generada por los componentes.
Las mltiples posiciones para mostrar el contenido presentado por los mdulos en locaciones especficas.
Ejemplo de imagen de fondo, posicin de mdulos y rea de cuerpo principal /contenido
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
21/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
21
En la parte trasera se pueden controlar las plantillas en Extensiones => Gestor de Plantillas.
Gestor de plantillas
Por defecto, Joomla! 3.x viene con 2 plantillas: Protostarand Beez3. Pero existen miles de plantillas, tanto
gratuitas como comerciales, disponibles. Revise esta lista dellas mejores 10 plantillas para usuarios de Joomla!
3.0.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.instantshift.com/2012/12/19/top-10-joomla-3-0-templates-for-users/http://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
22/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
22
Aqu algunos ejemplos de plantillas:
JSN Pixel
JSN Boot
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://demo.joomlashine.com/joomla-templates/jsn-pixel.htmlhttp://demo.joomlashine.com/joomla-templates/jsn-pixel.htmlhttp://demo.joomlashine.com/joomla-templates/jsn-boot.htmlhttp://demo.joomlashine.com/joomla-templates/jsn-boot.htmlhttp://demo.joomlashine.com/joomla-templates/jsn-boot.htmlhttp://demo.joomlashine.com/joomla-templates/jsn-pixel.htmlhttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
23/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
23
Plugins
Los plugins estn diseados para desplegar contenido en componentes y mdulos. Los plugins pueden desempear
tareas en ciertos puntos mientras que el sitio se est cargando. Se puede pensar a los plugins como una forma ms
verstil de interactuar con el sistema.
Plugins de contenido Visitasand Lea msen la parte frontal
Ejemplos de plugins que pueden haberse visto son los de funcionalidad de votacin y el botn de Lea ms
dentro de los artculos. Todos los plugins son controlados mediante Extensiones=> Gestor de Plugins.
Gestor de Plugins
En el paquete principal de Joomla! 3.x, los plugins se dividen en 11 categoras: autentificacin, captcha,
contenido, editor, editores-xtd, extension, buscador, icono-rpido, bsqueda, sistemay
usuario.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
24/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
24
Idiomas
Idiomas permite correr al sitio en ms de un idioma. Por ejemplo, si se desea usar Frances para el rea de
administrador de sitio de Joomla! solo se necesita descargar el paquete de traduccin de Frances, delDirectorio
de extensiones para idiomas de Joomla!e instalarlo utilizando el Gestor de Extensiones.
Language Manager
Ambos lenguajes instalados sern visibles entonces en Extensiones=> Gestor de Idiomasen la parte
trasera.
>>> El prximo paso
Ahora que ya tiene nociones sobre Joomla! es momento de experimentarlo en carne y hueso. Instalemos
Joomla! 3.x en su hospedaje localy probmoslo.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://extensions.joomla.org/extensions/languages/translations-for-joomlahttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
25/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
25
Paso 2: Instalando Joomla! 3.x en su
hospedaje local
Instalar Joomla! 3.x en su hospedaje local es simple pero puede convertirse en algo confuso en el primer intento.
As que para este paso, daremos instrucciones de cmo hacerlo correctamente desde cero.
Primero aclaremos el significado de Hospedaje Local. Como usted sabe, cualquier sitio de internet necesita ser
hospedado en un servidor de internet para que pueda ser mostrado a los usuarios. Normalmente se necesitar
comprar un paquete de hospedaje de algn proveedor de hospedaje como Rackspace o GoDaddy. Dependiendo del
paquete que se elija, el proveedor instalar a su servidor de internet en uno de sus equipos, los cuales son accesibles
al pblico. El hospedaje local, es bsicamente el mismo tipo de servidor de internet pero instalado en su propia
computadora.
Ahora para que pueda correr Joomla! necesitar no solo un servidor de internet, sino adicionalmente dos cosas
ms: un intrprete de scripts de PHP y un sistema de base de datos MySQL. Suena complicado pero gracias a Dios
existe un paquete sencillo llamado XAMPP que tiene todos estos elementos incluidos.
Instalemos XAMPP en su computadora.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
26/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
26
Instalando XAMPP
1. Se descarga el paquete de instalacin XAMPP en http://www.apachefriends.org/es/xampp.html
2. Se corre el instalador siguiendo las instrucciones que este da tal como se hace con cualquier otro programa.
3. Se abre el XAMPP Control Panel Applicationy se pulsa Starta Apachey a MySQL.
XAMPP Control Panel Application
Eso es todo, el hospedaje localest ya instalado. Se puede probar si funciona o no pulsando la direccin
http://localhosten el navegador de internet. Se debera poder ver algo como la ilustracin siguiente:
XAMPP for Windows interface
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.apachefriends.org/es/xampp.htmlhttp://www.apachefriends.org/es/xampp.htmlhttp://www.apachefriends.org/es/xampp.htmlhttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
27/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
27
4. Se crea una base de datos en phpMyAdmin.
Desde la interface de XAMPP, se pulsa a phpMyAdminpara iniciar la creacin de la base de datos.
Clic a phpMyAdmin
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
28/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
28
5. A continuacin se hace clic en Databaseen la barra de herramientas, como se ilustra en la imagen
siguiente:
Click Database
6. Ahora se teclea un nombre para la base de datos y luego se hace clic en Create
Creando la base de datos
Ahora ya se est listo para instalar Joomla!.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
29/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
29
Instalando Joomla!
1. Se descarga el paquete completo de Joomla! 3.x desdehttp://www.joomla.org/download.html
2. Se crea un nuevo folder llamado Joomla3xen el folder htdocsdentro de la carpeta del XAMPP.
Usualmente sta se encuentra en C:\xampp\htdocs
3. Se desempaqueta el paquete que haba descargado en el directorio Joomla3x
4. Se entra en la direccin http://localhost/Joomla3x
5. Se sigen los pasos en la instalacin de Joomla!:
a. Paso 1. Configuracin Principal
Seleccionar Idioma: Se elije su propio idioma del men desplegable, por ejemplo, Espaol
(Espaa)
Nombre del Sitio: Se teclea el nombre para el sitio
Descripcin: Se teclea una descripcin para el sitio
Sitio Fuera de lnea: se decide el status del sitio para cuando se acceda a la parte frontal de
ste: Se pulsa Sipara modo fuera de lnea y Nopara modo En lnea(accesible).
Email del Administrador: Se teclea una direccin de email vlida para el sitio
Nombre de Usuario del Administrador: Se teclea adminpor defecto
Contrasea del Administrador: Se teclea la contrasea deseada
Confirmar Contrasea Administrador: Se vuelve a tecleear la misma contrasea
Se pulsa Siguientepara continuar al Paso 2
b. Paso 2. Configuracin de la Base de Datos
Tipo de base de datos: Se elige MySQLi
Nombre del Host: Se teclea localhost
Nombre de Usuario: Se teclea root
Contrasea: se deja en blanco
Nombre de la Base de Datos: Se teclea el nombre de la base de datos que se cre:
Joomla3x
Prefijo de la Tabla: Se deja para que se genere automticamente
Proceso de la Base de Datos antigua: Se pulsa Respaldarpara respaldar la base de datos de
anteriores instalaciones de Joomla!, o Removerpara remover esas tablas
Se pulsa Siguientepara continuar al siguiente paso.
c. Paso 3. Revisin
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.joomla.org/download.htmlhttp://www.joomla.org/download.htmlhttp://www.joomla.org/download.htmlhttp://www.joomla.org/download.htmlhttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
30/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
30
Finalizacin: Se puede optar por instalar informacin de muestra o no, pulsando en la
seccin correspondiente.
Revisin: Este es el paso para revisar toda la informacin configurada en el paso 1. Luego de
revisarlse se pulsa Instalar.
Cuando la instalacin finalice, solo se necesita hacer clic al botn Remover folder de
Instalacinpara completar el proceso de instalacin. Despus de esto se puede pulsar
Sitiopara ver el sitio recin creado (la parte frontal) o Administradorpara acceder al
rea de administracin (la parte trasera).
Ahora tiene su primer sitio Joomla! instalado exitosamente! No fue tan difcil verdad? Si se tiene cualquier
problema con el proceso de instalacin, se puede intentar con las siguientes fuentes para consulta:
Foro Oficial de Joomla!
El foro de Joomla! es uno de los ms activos (y amistosos) en el mundo, y es un gran lugar para obtener
ayuda y conocer a otros usuarios de Joomla! Hay muchas preguntas y respuestas que son discutidas aqu.
Debido a que nuestro tema es la instalacin de Joomla! 3.x, se puede encontrar la informacin en la
categoraInstallation Joomla! 3.x.
Ayuda de Joomla! en vivo (http://joomla.cmshelplive.com/)
Este sitio provee servicio de ayuda bajo demanda sobre Joomla!. Por supuesto, tiene que pagarse dinero
por el servicio pero los problemas sern resueltos por expertos de Joomla!.
Otros recursos de aprendizaje de Joomla!Hay muchos otros sitios que pueden ser usados como recursos para aprender Joomla!:
o http://docs.joomla.org/Beginners
o http://www.joomlatutorials.com/
o http://www.joomlablogger.net/
o http://www.ostraining.com/
>>> El prximo paso
Instalar Joomla! 3.x en su hospedaje locales el primer paso que se necesita hacer exitosamente antes de iniciar con
el sitio de Joomla!. Ahora, con el sitio listo, llenmoslo con contenido.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://forum.joomla.org/viewforum.php?f=707http://forum.joomla.org/viewforum.php?f=707http://forum.joomla.org/viewforum.php?f=707http://joomla.cmshelplive.com/http://joomla.cmshelplive.com/http://joomla.cmshelplive.com/http://docs.joomla.org/Beginnershttp://docs.joomla.org/Beginnershttp://www.joomlatutorials.com/http://www.joomlatutorials.com/http://www.joomlablogger.net/http://www.joomlablogger.net/http://www.ostraining.com/http://www.ostraining.com/http://www.ostraining.com/http://www.joomlablogger.net/http://www.joomlatutorials.com/http://docs.joomla.org/Beginnershttp://joomla.cmshelplive.com/http://forum.joomla.org/viewforum.php?f=707http://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
31/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
31
Paso 3: Crear contenido para su propio sitio
Joomla!
Naturalmente el elemento ms importante en cualquier sitio es el contenido. En este paso:
1. Se preparar la estructura del contenido
2. Se crearn las categoras y artculos
3. Se crear un men
4. Se administrar su contenido con el JSN PowerAdmin
Preparando la estructura del contenido
Crear contenido es como acomodar productos en una tienda de vveres. En Joomla! los artculos son comoproductos, las categoras son como los anaqueles que contienen a los productos, y los mens son como los
separadores de estos anaqueles. Ahora, imaginemos que se tiene un sitio de internet que vende objetos lujosos.
La estructura del contenido podra verse as:
1. Acerca
a. Acerca mi sitio
b. Cmo comprar/ordenar productos
c. Cmo hacer los pagos
2. News
a. Ultimas Noticias
b. Recin llegadas
c. En Venta
d. Cupones
e. Promociones
3. Soporte
a. Lnea directa de informacin
b. Servicio a Clientes en Lnea
c. Contctenos
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
32/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
32
Creando contenido
Cuando la estructura de contenido est lista en el papel, ahora se debe reproducir en Joomla! Comencemos con
la creacin de las categoras.
Categoras
1. Se va a Contenido=> Gestor de Categorasy se pulsa en Aadir Categora
Add a new category
2. A continuacin se teclea el ttulo de la categora Acercay se pulsa el botn Guardar y Cerrarde
la barra de herramientas.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
33/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
33
Entrando informacin de la Categora
Luego de guardar, se puede ver la nueva categora Acerca que aparece en el Gestor de Categoras.
La categora Acerca
Se pueden crear el resto de las categoras de la misma manera.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
34/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
34
6 new categories
Cuando las categoras estn listas es hora de crear los artculos.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
35/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
35
Artculos
Agreguemos un nuevo artculo en la categora Acerca.
1. Se acude a Contenido=> Gestor de Artculosy se pulsa Aadir Artculo
Add new article
2. A continuacin es necesario configurar 3 parmetros:
Ttulo: Se teclea Acerca de mi sitio.
Categora: Se selecciona Acercade la lista.
Texto del Artculo: Se teclea el contenido del artculo.
Por ahora, asumamos que se tiene un artculo con texto simple. Despus, en la seccin Hacer que los
artculos se vean bien discutiremos cmo crear artculos ricos en contenido.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
36/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
36
3. Si se desea que un artculo sea mostrado en la portada, por favor, se localiza el parmetro de
Destacadoy se cmbia a Si. Esto har que el artculo aparezca en la portada del sitio .
El parmetro Destacado del Gestor de Artculos
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
37/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
37
4. Al terminar, se pulsa el botn Guardar y Cerraren la barra de herramientas para guardar el artculo
recin creado.
Pulsar el botn Guardar y Cerrarpara guardar el artculo
Ahora se tiene un nuevo artculo en el Gestor de Artculos.
El nuevo artculo Acerca de mi sitio
De la misma manera se crearn dos artculos ms: Cmo comprar/ordenear productosy Cmo Hacer los
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
38/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
38
pagosen la categora Acerca.
Tres artculos recin creadosAhora que se ha completado el proceso de creacin de contenido, hay una cosa finalmente por hacer: crear un
men de elementos con las ligas a estos artculos.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
39/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
39
Mens
En Joomla! un men es una coleccin de vnculos a ciertos elementos como artculos. En la parte trasera, todos los
mens estn localizados en la seccin Mens. Por defecto Joomla! tiene pre-instalado con un men llamado
Men Principal.
Main Menu presentation at the front-end
Agreguemos nuevos elementos al Men Men Principal.
1. Se pulsa el Men Principalen el men desplegable Mens.
Se pulsa Men Principalpara ver los elementos de men asociados
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
40/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
40
2. Ahora, se pulsa el botn Nuevopara crear un nuevo elemento del men.
Click the button New to create a new menu item
3. A continuacin se pulsa Seleccionarpara elegir el tipo de elemento.
Seleccionar el tipo de elemento
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
41/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
41
4. Hay muchos tipos de elementos que se pueden crear en un vnculo como Contactos, Artculos,
Bsqueda Inteligente,Canal Electrnicoy as. En este caso se necesita crear un vnculo a un solo
artculo as que elegimos pulsando sobre Un Solo Artculo.
Seleccionando el tipo de elemento Un solo Artculo
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
42/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
42
5. Ahora se necesita llenar el parmetro Ttulo del Men, por ejemplo con Acerca de mi sitio.
Introduciendo el artculo
6. Luego se deber elegir el artculo que se desea desplegar, en la parte derecha se pulsa el botn
Seleccionarpara elegir el artculo.
Se pulsa el botn Seleccionar
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
43/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
43
7. Una pantalla desplegable se mostrar, se elige el artculo Acerca de mi sitio.
Se pulsa sobre el artculo que se desea elegir
8. Se pulsa Guardar y Nuevopara crear otros dos elementos ms de menu que vinculen a los otros dos
artculos Cmo comprar/ordenar productosy Cmo hacer los pagos.
Pulse Guardar y Nuevo
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
44/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
44
Despus de crearlos, ahora se tienen 3 nuevos elementos de men.
Tres elementos de Men recin creados
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
45/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
45
Etiquetas
Puedes crear un nuevo men o modulo para mostrar tus etiquetas; puedes hacerlo de la siguiente forma:
Crea un men de etiqueta: Ve a Mens => Gestor de Mens => Agregar nuevo elemento de
Men y luego elige Etiquetas en Tipo de Men.
Crea un nuevo elemento de men para mostrar tus etiquetas
Crea un modulo de Etiquetas: Ve a Gestor de Mdulos => Nuevo => elige el tipo EtiquetasPopulares.
Crea un nuevo modulo para mostrar tus etiquetas
Ahora, puedes ir al front-end y ver el resultado.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
46/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
46
Los nuevos artculos en el men principal
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
47/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
47
Cuando se pulse cada vnculo se deber poder accesar al artculo correspondiente.
El artculo Acerca de mi sitio
Ahora se pueden repetir los pasos pertinentes para crear vnculos a todos los artculos necesarios.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
48/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
48
Manejando el contenido con el JSN PowerAdmin
Al trabajar con Joomla! si se han creado muchos mens, artculos o mdulos, se ver que puede resultar difcil
localizar uno en especfico. Por esto una extensin que pueda ayudar a hacerlo rpida y simplemente sera de
gran ayuda. Nuestra recomendacin es una extensin popular y gratuita llamada JSN PowerAdmin.
JSN PowerAdmin ayuda a:
1. Buscar cualquier elemento en la parte trasera conSpotlight Search. As se puede ahorrar tiempo al
buscar elementos que se deseen editar.
2. Controlar el sitio de internet en un solo lugar con el Site Manager. Desde ah, el administrador puede
editar un artculoomanejar los mdulosy elementos de men con la funcionalidad arrastrar-y-soltar.
JSN PowerAdmin Site Manager
Esta extension es altamente calificada por los usuarios de Joomla! en el JED con ms de 30 votos y ms de 30
revisiones.
Descargue el JSN PowerAdmin Gratuito-Conozca ms sobre el JSN PowerAdmin en Youtube.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.youtube.com/watch?v=AfJZI4f_pbshttp://www.youtube.com/watch?v=AfJZI4f_pbshttp://www.youtube.com/watch?v=jwGgDiM46KA&list=PL6200064A0DE85CF3&index=4http://www.youtube.com/watch?v=jwGgDiM46KA&list=PL6200064A0DE85CF3&index=4http://www.youtube.com/watch?v=RqruEXrISp8&list=PL6200064A0DE85CF3&index=2http://www.youtube.com/watch?v=RqruEXrISp8&list=PL6200064A0DE85CF3&index=2http://www.youtube.com/watch?v=RqruEXrISp8&list=PL6200064A0DE85CF3&index=2http://extensions.joomla.org/extensions/administration/admin-navigation/20267http://extensions.joomla.org/extensions/administration/admin-navigation/20267http://www.joomlashine.com/joomla-extensions/jsn-poweradmin-videos.htmlhttp://www.joomlashine.com/joomla-extensions/jsn-poweradmin-videos.htmlhttp://www.joomlashine.com/joomla-extensions/jsn-poweradmin-videos.htmlhttp://www.joomlashine.com/joomla-extensions/jsn-poweradmin-videos.htmlhttp://extensions.joomla.org/extensions/administration/admin-navigation/20267http://www.youtube.com/watch?v=RqruEXrISp8&list=PL6200064A0DE85CF3&index=2http://www.youtube.com/watch?v=jwGgDiM46KA&list=PL6200064A0DE85CF3&index=4http://www.youtube.com/watch?v=AfJZI4f_pbshttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
49/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
49
Hacer que los artculos se vean bien
Ya sabemos cmo crear artculos. Es momento de volvernos ms avanzados y crear artculos que sean ms
atractivos. Hay varias formas en las que se puede hacer esto como dar formato al texto, agregarle imgenes,
ligas, etc.
Dar format al texto
Si se ha trabajado con el Word de Microsoft o cualquier otro procesador de texto, entonces dar formato al texto en
Joomla! parecer muy familiar. De cualquier forma, es mucho ms simple que con Word de Microsoft debido a
que hay menos opciones bsicas.
Se acude al Gestor de Artculos y se pulsa en el artculo Acerca de mi sitiopara abrirlo. Ahora enfoquemos
el rea del editor de artculos.
Editar el artculo
Al mirar de cerca las opciones de formatola mayora de los conos se ven familiares con los que se usan para
convertir su texto a negrillas, itlico o subrayado, o a los conos para alinear o justificar el texto. Solo se
selecciona el texto al que se desea dar estilo y se pulsa el cono con la funcin deseada.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
50/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
50
Botones de formateo del texto en Joomla!
Se pueden hacer encabezados de distintos niveles en el texto seleccionndolos del men desplegable
Prrafo. Despliegue el men y seleccione el apropiado, desde Encabezado 1 a Encabezado 6.
Eligiendo estilos de encabezados para el texto
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
51/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
51
Se ver que el texto ahora es ms grande:
Encabezado 1 en el texto
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
52/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
52
Agregando Imgenes
Antes de agregar imgenes al los artculos, se debern organizar en folders especficos. Esto har ms fcil de
encontrarlas y manejarlas.
Creando folders de Imgenes1. Se acude a Contenido=> Gestor de Medios, luego se pulsa en Crear Folder en la barra de
herramientas
2. Se teclea el nombre del folder acercamisitio y se pulsa el botn Crear Folder.
Create a new folder for imagesAhora se tiene un nuevo folder en el Gestor de Medios.
El folder acercamisitio en el Gestor de Medios
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
53/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
53
Subiendo Imagenes
Ahora es momento de subir archivos a la nueva carpeta de imgenes creada acercamisitio
1. Se hace clic en el folder acercamisitio, luego se pulsa el botn verde Subir
Click Upload
2. Luego se pulsaSeleccionar Archivospara navegar las imgenes disponibles.
Choose files
3. Se selecciona la imagen que se desea subir. En este punto se puede seleccionar solo un archivo por vez,
pero ms adelante mostraremos como seleccionar mltiples archivos de una sola vez.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
54/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
54
Seleccionar archive de imagen
4. Se hace clic en el botn Iniciar Subidapara subir la imagen.
Iniciar Subida
Ahora, el archivo recin subido est en el folder acercamisitio.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
55/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
55
La imagen mostrada en el folder acercamisitio
Por medio de esta forma de subir archivos solo puede hacerse de una imagen a la vez, de tal forma que puede
tomar mucho tiempo y esfuerzo si se tienen muchas imgenes para subir. Afortunadamente existe otro mtodo
para subir mltiples archivoscon el subidor de flash.
Por favor ntese que para este mtodo se requiere tener Flash Player instalado en la computadora. Dmosle un
vistazo:
1. En el Gestor de Media, se hace clic en el botn Opcionesde la barra de herramientas.
Pulse el botn Opciones
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
56/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
56
2. En la pgina Opciones del Gestor de Medios, se cambia el parmetro Habilitar las subidas en
Flasha Siy se pulsa Guardar y Cerrar.
Habilitar subidas en Flash
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
57/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
57
3. De regreso a la pantalla principal, debera verse ahora como en la ilustracin de abajo. Ahora puede
pulsar Explorar Archivospara localizar las imgenes que se desean subir.
Browse files
4. Para seleccionar mltiples archivos se mantiene pulsada la tecla CONTROLy se hace clic en cada
una de las imgenes que se desea subir, luego se pulsa el botn Abriren la pantalla.
Seleccionando Imgenes
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
58/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
58
5. Se hace clic en el botn Iniciar la Subiday se espera a que el proceso de subida concluya.
Subiendo Imgenes
Ahora ya se tienen las imgenes en el folder.
Las imgenes recin subidas
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
59/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
59
Agregando imgenes al artculo
Una vez que las imgenes ya estn en el servidor, estas se pueden agregar a los artculos. Usemos el mismo
artculo Acerca de mi sitio.
1. Con el artculo abierto, se coloca el cursor en el punto del texto donde se desea insertar la imagen y se
pulsa el botn Imagendebajo del panel de texto del artculo.
Agregar una imagen al artculo
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
60/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
60
2. Se elige la imagen apropiada a insertar.
Abriendo el folder de imgenes
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
61/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
61
3. Se teclean los parmetros de Descripcin de Imageny Ttulo de la Imagen y se pulsa el botn
Insertaren la parte de arriba para concluir el proceso de insercin
Elegir la imagen hacienda clic en ella y agregando sus parmetros
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
62/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
62
4. Se revisa cmo la imagen fue insertada en el artculo.
An image is inserted in the text
Ahora se podra sentir a la imagen muy grande o pequea y desear cambiar sus dimensiones o alineacin. Para
esto, se pulsa primero sobre la imagen y luego en el botn Insertar/Editar imagen, de las opciones de
formatoarriba del rea de texto del editor, a fin de modificarla.
El botn para editar/insertar imagen
Una pantalla desplegable aparecer. Aqu se puede editar la imagen a como se desee. Por ejemplo, cambiemos
las dimensiones y el alineamiento a la Derecha, luego pulsemos el botn Actualizar abajo.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
63/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
63
Edit the image
Se pulsa el botn Guardar y Cerraren la barra de herramientas del Gestor de Artculos y se puede acudir a
la parte frontal para ver cmo qued el artculo con su nueva imagen.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
64/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
64
El artculo con su nueva imagen en el sitio
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
65/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
65
Agregando ligas
Agregando ligas internas
Es muy comn necesitar crear ligas internas entre los artculos. Estas ligas son, no solo tiles, para los usuarios que
navegan en el contenido, sino tambin buenas para los Optimizadores de Mquinas de Bsqueda (SEO por sussiglas en ingls). Veamos cmo crear ligas internas en un artculo.
1. Se abre el artculo al que se desean agregar ligas internas
2. Se selecciona el texto base para ligar (llamado texto ancla)
3. Se pulsa el botn Artculoabajo del editor de texto
Insertando una liga a un artculo
4. Ahora se ve una ventana desplegable con la lista de todos sus artculos. Se localiza el artculo que se
desea ligar y se pulsa en su ttulo.
Seleccionando el artculo apropiado
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
66/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
66
Como resultado, el ttulo del artculo es usado como texto vnculo/ancla.
New link in the text
Usted puede cambiar el texto del vnculo como lo hara con un texto normal.
El texto ancla despus de ser editado
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
67/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
67
5. Se Pulsa Guardary se puede ir a la parte frontal para ver el artculo con su nuevo vnculo.
El artculo con su nuevo vnculo o liga.
Si se desea editar la liga, solo se hace clic en el botn Insertar/editar ligacomo se muestra a continuacin:
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
68/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
68
Editando la liga
O se puede remover el vnculo pulsando el botn Desvincular.
Desvinculando un artculo
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
69/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
69
Agregando ligas externas
En la seccin previa hemos visto como crear ligas internas, vg. aquellas que vinculan a artculos en su propio sitio.
En esta seccin veremos cmo crear ligas externas que vinculen a cualquier pgina en el Internet.
1. Se selecciona el texto al que se desea aplicar el vnculo y luego se pulsa el cono Insertar/editar liga.
Agregando una liga externa
Una ventana desplegable como la que se muestra a continuacin aparecer:
Agregando una URL externa
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
70/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
70
2. Se teclean los 4 valores siguientes en la pgina que aparece:
URL de la liga
Es el destino de la liga, por ejemplo la direccin de internet de la pgina que deseamos vincular
ObjetivoAqu hay dos opciones a elegir: Abrir vnculo en la misma ventanao Abrir vnculo en una nueva
ventana(Cuando se deja Sin Cambiosla liga se abrir en la misma ventana)
Ttulo
Texto breve que describa al vnculo
Clase
Como nuevos en Joomla!, por ahora dejmoslo en Sin Cambios(las otras dos opciones son
Subttulo y Sistema de Salto de Pgina)
3. Se pulsa el botn Insertarpara insertar la liga. Luego de esto se podr ver el texto vinculado a un sitio
de internet externo.
El texto vinculado
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
71/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
71
Agregando Saltos de Pginay Leer Ms
En el caso de artculos largos, tal vez se prefiera dividir el artculo en secciones ms pequeas y separadas. Con
Joomla! usted tiene dos opciones para ayudar a sus visitantes a leer artculos largos.
1. Salto de PginaEste elemento divide una artculo en pginas separadas como por ejemplo Pgina 1, Pgina 2, Pgina 3,
etc. Los saltos de pgina son ideales para artculos muy largos.
2. Leer Ms
Este elemento divide un artculo complete en una introduccin y el resto del artculo. Si desea leer el
resto del artculo, el visitante tendr que hacer clic en la liga Leer Ms.
Ahora aprenderemos como trabaja cada uno de ellos.
Agregando un Salto de Pgina
1. Se coloca el cursor de texto en su artculo en la posicin donde se desea dividir el artculo.
2. Se hace clic en el botn Salto de Pginaabajo del editor de artculos.
Agregando salto de pgina
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
72/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
72
3. Agregue el ttulo que desea dar a la nueva pgina en el campo del parmetro Ttulo de la Pginay
pulse el botn Insertar Salto de Pgina.
Insertar Salto de Pgina
4. Eso es todo lo que se necesita, ahora se ver una lnea punteada mostrando donde est el salto de pgina
dentro del artculo como en la imagen de abajo:
Lnea punteada mostrando el salto de pgina
5. Pulse el botn Guardar.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
73/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
73
6. Al ver el resultado en el sitio, Se encontrar una lista dentro del artculo, solo se necesita hacer clic en el
titulo o en Siguientepara ver la pgina.
Un nuevo salto de pgina en el sitio
Nota:
Se pueden agregar tantos saltos a la pgina como se deseen.
Se pueden borrar los saltos de pgina abriendo el artculo (en la parte trasera) y colocando el cursor
sobre el final de la lnea punteada de salto de pgina y pulsando la tecla Retroceso del teclado .
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
74/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
74
Agregando una liga Leer Ms
Agregar una liga Leer Ms es muy similaral proceso de agregar un salto de pgina.
1. Se coloca el cursor en la parte del artculo donde se desea divider entre introduccin y el resto del
artculo.
2. Se pulsa el botn Leer Ms debajo del editor de artculos.
Insertando una liga Leer Ms
Se ver una lnea roja.
Lnea punteada leer ms
3. Se pulsa el botn Guardarpara finalizar.
Aqu est el artculo con la liga Leer ms, en la parte frontal.Solo se necesita pulsar el botn Leer
Ms... para ver el artculo completo (inclusive la parte que se us como introduccin).
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
75/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
75
El artculo con la liga Leer Ms
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
76/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
76
Paso 4: Personaliza la apariencia de tu sitio
web con una Plantilla Joomla!
Hemos terminado de preparar el contenido para el sitio web. Ahora es tiempo de pensar en su apariencia.
Qu es una plantilla Joomla!?
Como mencionamos anteriormente, una plantilla controla la presentacin grfica de tu sitio. Determina la
presentacin, disposicin, colores, grficas y otros aspectos del diseo, que hacen que el sitio sea nico. Hay
dos tipos de plantillas: Plantilla del Sitio(Site template)para la presentacin de la vista frontal yPlantilla
del Administrador (Administrator template)para la presentacin de la parte trasera.
Plantillas del sitio
La plantilla del sitio cambia la forma en que el sitio se ve para los visitantes al mismo.
Plantilla en la parte delantera
La mayor parte del tiempo, estar trabajando con la plantilla del sitio, para ajustar la imagen y apariencia del
sitio web.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
77/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
77
Plantilla del Administrador
Las plantillas del administrador cambian la forma en que la interface del administrador (vista trasera) se ve.
Plantilla del Administrador en el back-end
Si se est armando un sitio propio, probablemente nunca se tendr que cambiar la plantilla del administrador
(vista trasera). Cuando se arman sitios para clientes, podras necesitarse hacer pequeos cambios en la plantilla
del administrador para reflejar la marca del cliente.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
78/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
78
Seleccionando una plantilla Joomla!
Fuentes de plantillas
La forma ms rpida de incursionar en el diseo del sitio web es usando una plantilla existente de Joomla!.
Hay muchas disponibles en Internet.
Fuentes de plantillas gratuitas (Free templates)
La comunidad de Joomla! crea miles de plantillas gratuitas de donde seleccionar. Puedes revisar las siguientes
pginas:
http://www.joomla24.com/
http://www.joomlaos.de/
http://www.bestofjoomla.com
Fuentes de plantillas comerciales (Commercial templates)
Si se tiene suficiente presupuesto para comprar una plantilla, entonces recomendamos dar una mirada a los
siguientes proveedores.
http://www.joomlart.com
http://www.rockettheme.com
http://www.joomlashine.com/
http://www.yootheme.com
http://www.gavick.com
Buscando en el Internet
Se puede buscar en Google con las palabras claves: PlantillasJoomla!o plantillas para Joomla!y es
posible obtener muchos resultados al respecto.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.joomla24.com/http://www.joomla24.com/http://www.joomlaos.de/http://www.joomlaos.de/http://www.bestofjoomla.com/http://www.bestofjoomla.com/http://www.joomlart.com/http://www.joomlart.com/http://www.rockettheme.com/http://www.rockettheme.com/http://www.joomlashine.com/http://www.joomlashine.com/http://www.yootheme.com/http://www.gavick.com/http://www.gavick.com/http://www.gavick.com/http://www.yootheme.com/http://www.joomlashine.com/http://www.rockettheme.com/http://www.joomlart.com/http://www.bestofjoomla.com/http://www.joomlaos.de/http://www.joomla24.com/http://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
79/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
79
Criterios para elegir la plantilla correcta
Hay muchas plantillas Joomla! para seleccionar. Y existen muchos criterios que pueden ayudar a seleccionar la
plantilla correcta.
CompatibilidadQu versin de Joomla! soporta? Es necesario elegir una plantilla que soporte Joomla! 3.x
Comercial o No-Comercial
Se quiere tener una plantilla de alta calidad y soporte o se tiene un presupuesto ajustado y por
consiguiente es necesario decidir por una plantilla gratuita? Normalmente, las plantillas comerciales
son ms flexibles, tienen mejor calidad, documentacin ms comprensiva y mejor soporte que las no
comerciales.
DocumentacinQu tan bien documentada est? La documentacin ayuda a entender todas las caractersticas de la
plantilla? Muestran las formas de personalizar la plantilla?
Soporte Tcnico
Habr soporte tcnico para la plantilla? De qu forma es posible obtenerlo?va un foro, por medio de
un sistema de ticket, etc. En cunto tiempo se obtendr respuesta del experto?12 horas, 24 horas o
varios das, etc.
Diseo
Va acorde a la apariencia que quieres darsele al sitio? Es similar al diseo que se deseab y no habr
que pasar mucho tiempo personalizando la plantilla? O de otra forma, es fcil personalizarla como se
quiere?
Caractersticas
Las plantillas profesionales le proporcionan muchas caractersticas, mientras que las gratuitas son ms
limitadas en cuanto a caractersticas adicionales.
Si se desea para un individuo o un usuario ordinario, una plantilla gratuita podra ser una eleccin adecuada. Sin
embargo, si se est creando un sitio web para un negocio o empresa, seguramente valdr la pena invertir un poco de
dinero en una plantilla comercial de un proveedor profesional. No se piense que se desperdicia dinero al hacerlo;
aparte de tener cdigo y diseo de alta calidad, tambin se obtendr una buena documentacin y soporte. El tiempo
que se ahorrar en dejar a punto la plantilla, valdr ms la pena que el dinero que se habr invertido.
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
80/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
80
Instalando la plantilla Joomla!
Luego de haber elegido la plantilla Joomla! apropiada, es hora de instalarla.
1. Hay que dirigirse a Extensiones => Gestor de Extensiones
Extensiones => Gestor de Extensiones
2. Se pulsa en el botn de Explorar y se busca el archivo de la plantilla que se haya descargdo, luego pulse
el botn Subir e instalar. Luego, se recibir una notificacin que informa que la plantilla se ha instalado
exitosamente.
Buscando el archivo de la plantilla en la computadora
3. Ahora que se tiene la nueva plantilla instalada, es hora de aplicarla a tu sitio web. Se pulsa Extensiones
=> Gestor de Plantillas
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
81/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
81
Se elige Gestor de Plantillas
4. Se selecciona la casilla de verificacin al lado de la nueva plantilla Joomla!, y se pulsa el cono
Predeterminaday se establecer la plantilla como el diseo por defecto para el sitio web Joomla!
Eligiendo Por Defecto
http://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.twitter.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.facebook.com/joomlashinehttp://www.twitter.com/joomlashine -
7/13/2019 Joomla 3.x Simple%26Facil
82/143
Joomla! 3.x Made Easy JoomlaShine.com
Twitterhttp://www.twitter.com/joomlashine| Facebookhttp://www.facebook.com/joomlashine
82
5. Ahora, se podr ver el diseo en la parte frontal pulsando el nombre del sitio web desde la parte superior
izquier