Joomla 3.x Simple%26Facil

143
7/13/2019 Joomla 3.x Simple%26Facil http://slidepdf.com/reader/full/joomla-3x-simple26facil 1/143

Transcript of Joomla 3.x Simple%26Facil

  • 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