Iniciación a la

creación de
páginas web
con Joomla

Sergi Montes Oliva

Sumario
• INTRODUCCIÓN

• GESTIÓN DE USUARIOS

• CREACIÓN Y EDICIÓN DE CONTENIDOS

• ORGANIZACIÓN Y NAVEGACIÓN

• PERSONALIZACIÓN

• LA COMUNIDAD JOOMLA
 Presentación: los CMS

Fuente: http://vincentjordan.com/wp-content/uploads/2011/01/cms-
diagram.jpg
Usos de Joomla

Páginas web corporativas

Blogs

Intranets

Comercio electrónico

Exposiciones virtuales

Newsletters

Gestión de foros

Etc.
 ¿Por qué Joomla?
Es Opensource

Escalabilidad. Permite la gestión desde

pequeñas páginas a portales web.

La interfaz de edición de contenidos es fácil e

intuitiva.

Soporta múltiples idiomas y está optimizado en

materia de posicionamiento (SEO)

Funciona en cualquier entorno de servidor (

Linux, Windows, FreeBSD, MacOSX server,
Solaris and AIX)

En Febrero de 2011 se alcanza la cifra de 6.000

extensiones disponibles

PHP + SQL
 Configuración del entorno de trabajo

Xampp → http://www.apachefriends.org/en/xampp-windows.html

Joomla → http://www.joomla.org/16/
 Front-end

Puerta de acceso pública al sitio web

Interactúa con el usuario

Recoge entradas de información

Permite la creación de contenidos

Procesa los contenidos de acuerdo a

lo especificado en el back-end.

Para visualizarlo:
http://localhost/joomla/
 Backend

Puerta de acceso privada al sitio

web
http://localhost/joomla/administrat
or

Se conoce también como Panel de

Control

Es la parte que procesa la entrada

de datos desde el Front-end e
interactua con el Administrador.

Desde aquí se gestionan:

Contenidos

Tipos de acceso

Usuarios

Estética global

Funcionamiento del sitio
 Primeros pasos...

• Configuraciones básicas para:

• Descripción del sitio web
• Funcionamiento
• Posicionamiento
• Permisos
• Base de datos
• Servidor de correo y de
transferencia de ficheros
(FTP)

• 3 entornos: página web, sistema y

servidor
Tipologías de usuario

Clasificación general de los usuarios:

a) Usuarios visitantes --> consumen

contenidos. Son espectadores

b) Usuarios validados --> tienen nombre de

usuario y contraseña.

Éstos últimos, al estar registrados,

disponen de privilegios y de diferentes
niveles de acceso en la gestión del web.

Los usuarios validados (o registrados) a su

vez se dividen en:

a) Usuarios del front-end

b) Usuarios del back-end
Tipologías de usuario

Los usuarios del FRONT-END:

• REGISTERED (acceso a contenidos restringidos, propuesta de

enlaces, pero no pueden redactar ni editar contenidos)

• AUTHORS (pueden redactar artículos, pero no pueden

publicarlos. Una vez publicados pueden modificar aquellos
artículos que hayan redactado)

• EDITORS (pueden redactar artículos, y editar otros artículos

enviados)

• PUBLISHERS (pueden redactar artículos, y además pueden

editar o publicar CUALQUIER artículo

http://docs.joomla.org/Hands-on_adding_a_new_article:_Joomla!_1.6

http://docs.joomla.org/How_permissions_work_in_Joomla!_1.6
Tipologías de usuario

Los usuarios del BACK-END (acceden a la administración):

• MANAGER: perfil similar al de PUBLISHER. La diferencia es

que además tiene acceso a las diferentes funcionalidades de
edición de contenidos que contiene el back-end.

• ADMINISTRATOR: A los privilegios anteriores se suman la

capacidad de añadir extensiones, personalizar el sitio web...
además de poder añadir o modificar perfiles de usuario de su
categoría o inferiores. No visualizan los perfiles de
superadministrador.

• SUPERADMINISTRATOR: Es el usuario que se crea con la

instalación de Joomla. No existen restricciones para este
usuario. Puede crear cualquier tipo de usuario, incluído otros
que comparten el perfil de superadministrador.
La gestión de usuarios en
Joomla

El gestor nos permite actuar sobre

los siguientes elementos:

- Usuarios

- Grupos de usuarios

- Niveles de acceso

- Envíos masivos de correo*

*a todos los usuarios, a grupos,

a individuos (desde el menú
superior)
Permisos y control de acceso

Cuando nos referimos a permisos de qué

estamos hablando?

• ¿Qué usuarios pueden acceder a tal

contenido? ¿Qué opciones de menú
estaran visibles para los diferentes
usuarios?

• Qué operaciones (o acciones) puede

realizar un usuario en relación a un
objeto* determinado?

*artículo, categoría, item de menú, etc.

Permisos y control de acceso

Los permisos siempre hacen referencia alguna

de las siguientes acciones (son todas las que
se contemplan en Joomla):

Login Site || Login Admin || Manage || Admin ||

Create || Delete || Edit || Edit state

Los únicos valores posibles para estas

acciones son:

Unset || Allow || Deny

Permisos y control de acceso

Dónde podemos definir el control de acceso?

1) En la Configuración Global del sitio

2) Para cada uno de los componentes que

integran Joomla

3) Para cada una de las categorías que

organizan el contenido

4) En cada uno de los articulos que

publicamos

La configuración se lleva a cabo a diferentes

niveles, con la característica de que aquello
que se define a nivel general se hereda
por defecto a los niveles inferiores.
La organización de los
contenidos

El ecosistema Joomla (hasta la v. 1.5)

• Sección

• Categoría

• Artículo

El ecosistema Joomla (desde la v. 1.6)

• Categoría

• Categoría1

...

• Artículo
Organizar los contenidos: las categorías

• Su principal función es la de
proporcionar la Jerarquía de los
contenidos.

• Agrupan los artículos dentro de una

estructura lógica que facilita la
consulta y la gestión de la web.

→ Cada categoría sólo puede tener una

categoría superior pero cada una de
ellas puede tener infinidad de
categorías inferiores

→ Cualquier artículo debe tener

asignado una categoría
Organizar los contenidos: las categorías

→ Hay que tener pensada la estructura

del web préviamente.

→ La estructura que se define a partir de

categorías y artículos es utilizada por
los menús que componen el sitio web.

→ !! Escesivas subdivisiones puede

tener implicaciones negativas en lo
que respecta a la visibilidad de los
contenidos para los buscadores !!
Organizar los contenidos: las categorías
 La visualización de contenidos
• Donde se muestran?

Los contenidos se organizan dentro del template

(diseño). Éste tiene como objetivo:
• Determinar el formato visual del sitio web
• Establecer los espacios y la distribución
de los mismos, que es donde se cargan
los contenidos.

• Los contenidos de muestran en:

• En la PERIFERIA (columnas en la
izquierda, derecha, pie de página, etc.)
• En el CUERPO PRINCIPAL ("mainbody")
La visualización de contenidos
Creación de contenidos: los
artículos
• El contenido principal de Joomla (no
es el único tipo de contenido)

• Se pueden crear a partir del

• Front-end (authors, editors,

publishers)

• Back-end (managers,
administrators,
superadministrators)

• Las opciones de edición varían en

función de una u otra vía.
Creación de contenidos: los
artículos
Creación de artículos a partir del front-end

• Los contenidos no se publican directamente una

vez enviados. Deben ser validados por alguno de los
usuarios del back-end (manager, administrator o
superadministrator)

• A parte del contenido se pueden proporcionar

metadatos y a su vez asignar una categoría o bien
determinar el nivel de acceso que deberá tener una
vez que se publique.
Creación de contenidos: los
artículos
Creación de contenidos: los
artículos
• Cómo llegan a ser
publicados estos
contenidos?

• Se requiere la
intervención de un
usuario del back-
end. Éste recibe la
notificación una
vez accede.
Creación de contenidos: los artículos

• Creación de artículos a partir del back-end

• Únicamente pueden acceder los siguientes

perfiles: manager, administrator y
superadministrator

• Éstos disponen de todas las opciones de edición

existentes, a partir del gestor de artículos.
Algunos de los parámetros que sólo pueden
definir estos usuarios son:

• La visualización

• La disponibilidad

• El acceso
El editor de artículos al detalle
• Opciones básicas

• Title: es el literal que se visualizará

• Alias : se utiliza para generar URL's amigables.

Puede ser asignado automáticamente

• State: Se contemplan 4 diferentes: publicado, no

publicado, eliminado o archivado

• Access: Tipo de acceso po tipología de usuario

• Featured: si se marca esta opción el artículo se

muestra en la página principal

• Id: valor de control automático

El editor de artículos al detalle
• Opciones de publicación:

• Created by/Alias: Identificación del autor

• Start/Finishing Publishing:
Publicación/Despublicación

• Opciones del artículo

• Múltiples opciones de visualización y

navegación.

• Metadatos

• Información para los robots, derechos de autor,

etc.

• Edición de permisos asociados al artículo

(GRANULARIDAD)
El gestor de artículos
Contiene un buscador y un sistema de filtros que
permiten la visualización de artículos en función de
criterios como:

• Estado de publicación

• Categoría asignada

• Nivel de acceso

• Autor

• Idioma

• Es, además, un cuadro resumen del estado actual de

la totalidad de los artículos, independientemente de
su estado.
El gestor de artículos

• Permite publicar y
despublicar contenidos a
partir de un sólo click. Y del
mismo modo convertir un
artículo en destacado
(featured).

• Facilita el acceso a la
gestión de las
CATEGORÍAS y de los
ARTÍCULOS
DESTACADOS (Featured
Articles)
Otros contenidos en Joomla

Qué otros contenidos pueden ser

creados a partir del Back-end?

• Contactos (Agenda)

• Newsfeeds (RSS)

• Mensajes (entre usuarios de la

plataforma)
Los menús
• ¿Qué son? → Colecciones de ENLACES

• Nos muestran determinados puntos de la

página web.

• ¿Qué pueden ser estos enlaces?

– Artículos de nuestra web
– Categorías
– Colecciones de enlaces
externos
– Componentes
– Listas de usuarios/contactos
– RSS
– Etc.
Los menús
• Su gestión es una de las tareas más
complejas dentro de la administración de
Joomla.

• Gracias a los menús podemos:

– Garantizar el uso de la página.
– Determinar los criterios utilizados para
la visualización de contenidos

• El encargado de garantizar la navegación

global → el “main menú” o “menú principal”
 Creación de menús
• 1º → Creación del menú

El menú se entiende como espacio

en el que se dispondrán los
diferentes ítems) = Crear un
módulo de tipo “menú”

• 2º → Determinar los ítems que

formarán parte del menú → Esta es la
parte más compleja, por la cantidad
de configuraciones disponibles.

• 3º → Establecer cuál será la

ubicación del menú i publicarlo. El
menú solo será visible si su módulo
es visible y colocado en alguna de las
secciones de la plantilla
Creación de menús: los ítems del menú
Mostrar artículos:
• Artículos archivados
• Artículo individual
• Lista de categorías
• Blog de categoría
• Lista de una categoría
• Artículos destacados
• Propuesta de artículos

Mostrar contactos:
• Lista de categorías de contactos
• Lista de contactos por categoría
• Contacto individual
• Contactos destacados
 Creación de menús: los ítems del menú

Mostrar RSS/sindicaciones:
• Categorías de las sindicaciones
• RSS de una categoría
• Un RSS concreto

Mostrar enlaces web:

• Categorías de los enlaces
• Enlaces de una categoría
• Proponer un nuevo enlace
web

Mostrar enlaces de sistema:

• URL externa
• Ítem de otro menú
• Separador de menú
 Creación de menús: los ítems del menú

Mostrar resultados de una búsqueda:

• Artículos con un determinado descriptor

Mostrar código web

• Wrapper → contenedor que visualizar
codigo web.

Permitir la gestión de usuarios

• Formulario de validación
• Editor del perfil de usuario
• Formulario de registro
• Reseteo del password
• Recordatorio del nombre de usuario
Recordatorio
• Que se considera contenido en Joomla?
– Artículos
– RSS
– Contactos
– Enlaces
– etc.

En definitiva... contenido es todo aquello

que pueda ser enlazado a partir de un
item de menú
No sólo contenidos...
• Otros elementos importantes de Joomla

MÓDULOS

Son las grandes “cajas” que muestran información y

que se sitúan en diferentes posiciones en función del
diseño (plantilla) quetenemos activado. Para poder ver la
ubicación de los módulos se puede añadir
index.php?tp=1 a la página de índice.

Algunos de los módulos que se instalan por defecto son:

formulario de acceso, encuesta, buscador, etc.

Se administran en el GESTOR DE MODULOS. Desde

aquí pueden habilitarse o desabilitarse (ocultarse)
 No sólo contenidos...

• Otros elementos importantes de Joomla

La posición que ocupa cada módulo se modifica en la

opción “posición”

Pueden ser el complemento de un componente Ej. Latest

News Module + com_content (muestra los últimos
artículos)

A veces no estan enlazados con nada y pueden mostrar

un simple texto o imagen Ejemplos de módulos: Banners
(mod_banners), Menus (mod_menu), Who's Online
(mod_whosonline)

Son un tipo de Extensión y hay cientos de modulos

diponibles para descargar (personalización)
No sólo contenidos...
Otros elementos importantes de Joomla

• COMPONENTES

Son las extensiones más complejas (=”mini aplicaciones”)

La mayoría de ellos tienen una parte en el back-end

(dónde se administran) y otra en el front-end (dónde
muestran el contenido)

Cada vez que se carga una página se llama a los

diferentes componentes, ya que son éstos los que
gestionan el contenido que se mostrará.

Los usuarios ven su contenido en la interfaz publica,

mientas que el administrador puede editar su contenido
desde la interfaz de gestión.
No sólo contenidos...
Otros elementos importantes de Joomla

• COMPONENTES

Los componentes son dirigidos por cada ítem de menú

y por lo tanto cada item de menú hace funcionar un
componente.

• Ejemplos de componentes:

Content (com_content), Banners (com_banners), Contact

(com_contact), News Feeds (com_newsfeeds) and Web
Links (com_weblinks)
No sólo contenidos...

• Otros elementos importantes de Joomla

• PLUGINS

Tipo de extensión (compleja) que básicamente sirven para

gestionar eventos. Los eventos pueden tener lugar tanto
en el nucleo de Joomla como también dentro de módulos
o componentes.

Ej. Editor-Button-pagebreak: Permite la

paginación dentro de un ítem de contenido.
No sólo contenidos...

• Otros elementos importantes de Joomla

• PLANTILLAS

Por plantilla entedemos el diseño de la página web

Las plantillas contienen donde pueden situarse el

componente y los diferentes módulos que se van a
mostrar.

Su aplicación se lleva a cabo a partir del “gestor de

plantillas” del back-end.
La personalización del sitio web

• LAS PLANTILLAS

• Nos permiten añadir un nuevo diseño a

nuestra web

• En ocasiones pueden añadir nuevas

características. Puede implicar la instalació
de nuevos complementos

Cada plantilla tiene una organización de los

módulos determinada.

Combiene mirarse la documentación/manual

que las acompaña préviamente a su
instalación

http://joomlathemes.co/1-6-templates/37-
ebusiness
La personalización del sitio web

• LAS PLANTILLAS

• Joomla dispone de un gestor de plantillas:

• Permite conocer cuáles tenemos

asignadas y predeterminar una plantillas
u otra para el front-end y el back-end

• Pueden establecerse cuáles son las

plantillas que se asignarán por defecto.

• Dentro de Joomla también es posible asignar

una plantilla a un contenidos específico
La personalización del sitio web

• LAS PLANTILLAS

• Para añadir nuevas plantillas se utilizará el

instalador de extensiones.

• Las plantillas siempren se distribuyen en

forma de paquete (incluyen diferentes tipos
de archivo)
La personalización del sitio web

•INSTALANDO EXTENSIONES
La personalización del sitio web
PLUGIN 2.0

Objetivo: Facilitar al usuario que pueda compartir cualquier contenido

en una red social, mediante botones que apareceran en cada uno de
los artículos.

http://itprism.com/free-joomla-extensions/social-buttons-plugin
La personalización del sitio web
FORMULARIOS

• Con este módulo podremos insertar formularios en las páginas que

seleccionemos

• Para su funcionamiento habrá que personalizarlo

http://allforjoomla.com/xmodules/mod-simpleform2
La personalización del sitio web

•GESTIÓN DE USUARIOS

Permite añadir nuevas funciones y características en la gestión de usuario.

Los usuarios web pueden disponer de un perfil completo (fotografías,

sistema de mensajes,etc.) → Comunidad de usuarios alrededor de la web
•http://extensions.joomla.org/extensions/communities-a-groupware/communities/210
La personalización del sitio web
FOROS

Permite la integración de una plataforma para gestionar foros en

nuestra página web.

Instalación: → hay que crear un nuevo ítem de menú que sea

del tipo “discussions” → Default Layout
http://www.codingfish.com/downloads/cat_view/41-free-joomla-extensions/50-
discussions
La personalización del sitio web
IDIOMAS

Nuestra instalación de Joomla está en inglés. Aquí instalaremos la

traducción al castellano del back-end y el front-end.

La traducción al catalán aún no se ha completado.

http://www.joomlaspanish.org/
La personalización del sitio web

BOLETINES/NEWSLETTERS

•Complemento que nos debe servir para gestionar la

edición y envío de newsletters.

• Debe integrarse con nuestro gestor de usuarios.

• Debe permitir la inscripción por parte de los usuarios

http://extensions.joomla.org/extensions/content-sharing/newsletter/10341
Para descubrir extensiones

• http://extensions.joomla.org/

• http://www.bestofjoomla.com/

• http://www.joomla.cat/ (Extensions)