Proyecto Integrado Joomla - Carlos Blanco Rojas (Definitivo)

Proyecto Integrado

JOOMLA!

Administracin de Sistemas Informticos

Carlos Blanco Rojas

Autor: Carlos Blanco Rojas

2

NDICE

1. Qu es Joomla? ................................................................................................................... 4

1.1. Joomla en accin ........................................................................................................... 4

1.2. Joomla para usuarios finales ......................................................................................... 4

1.3. Llevando a Joomla al siguiente nivel ............................................................................. 4

1.4. Joomla para desarrolladores ......................................................................................... 5

1.5. Ahora, Cual es el inconveniente? ................................................................................ 5

2. Instalacion de Joomla en mbito local .................................................................................. 6

2.1. Instalacin componente a componente ....................................................................... 6

2.2. Instalacion bajo la suite Xampp .................................................................................... 6

2.2.1. Paso 1.- instalacion de xampp. .............................................................................. 6

2.2.2. Paso 2.- instalacin de Joomla .............................................................................. 9

2.3. Instalacin Joomla en un hosting ................................................................................ 13

3. Primeros pasos con Joomla ................................................................................................. 14

3.1. Plantilla Joomla ........................................................................................................... 15

3.1.1. Plantillas web para Joomla .................................................................................. 16

3.1.1.1. Creacin de plantillas .................................................................................. 16

3.1.1.2. Instalacin de plantillas ............................................................................... 17

3.2. Introduccin al entorno y la manera de trabajar de Joomla ...................................... 17

3.2.1. Estructura modular. ............................................................................................ 17

3.2.2. Gestin de contenido .......................................................................................... 18

3.2.3. Gestin de Mens ............................................................................................... 18

3.2.4. Componentes y plugins ....................................................................................... 18

4. Trabajando con joomla. ...................................................................................................... 19

4.1. Cambiar el ttulo de nuestra pgina web. ................................................................... 19

4.2. Secciones, categoras y artculos ................................................................................. 20

4.2.1. Creando una seccin ........................................................................................... 20

4.2.2. Creando una categora ........................................................................................ 21

Proyecto Integrado - Joomla

3

4.2.3. Creando un artculo ............................................................................................. 21

4.2.4. Gestior multimedia e insercin de imgenes ...................................................... 22

4.2.5. Interfaz del Panel de Administracin .................................................................. 23

4.3. Los mens .................................................................................................................... 23

4.3.1. Consideraciones previas sobre las plantillas ....................................................... 24

4.3.2. Creando un men ................................................................................................ 25

4.3.3. Creando items y sub-items .................................................................................. 27

4.3.4. Men superior ..................................................................................................... 29

4.4. Mostrar la ruta de nuestra web .................................................................................. 30

4.5. Insertar mdulo de registro y login ............................................................................. 31

4.6. Insertar una encuesta.................................................................................................. 31

4.7. Insercin de mdulos .................................................................................................. 32

4.8. Insercin de mdulos personalizados ......................................................................... 33

4.8.1. Mdulo TeamSpeak (sala de charlas online) ....................................................... 33

4.8.2. Mdulo de Copyright al pi de pgina ................................................................ 34

4.8.2.1. Editor de texto para el administrador ......................................................... 35

4.9. Plugin galera de imgenes (Very Simple Slideshow) .................................................. 35

4.9.1. Instalacin ........................................................................................................... 35

4.9.2. Uso ....................................................................................................................... 36

4.10. Plugin de comentarios para tus artculos (JCommments) ...................................... 36

4.10.1. Instalacin y uso .................................................................................................. 36

4.11. Plugin para Videos de Youtube (YouTube Embedder) ............................................ 38

4.11.1. Instalacin y uso .................................................................................................. 38

5. Consideraciones finales ....................................................................................................... 38

6. Bibliografa .......................................................................................................................... 39


4

1. QU ES JOOMLA?

Joomla es un Sistema de Gestin de Contenidos (CMS) premiado mundialmente, que le ayuda a construir sitios web y otras aplicaciones online potentes. Lo mejor de todo, es que Joomla es una solucin de cdigo abierto y est disponible libremente para cualquiera que desee utilizarlo.

1.1. JOOMLA EN ACCIN

Joomla se utiliza en todo el mundo para generar desde una simple pgina web personal hasta complejas aplicaciones web corporativas. Entre los diferentes usos que la gente da a Joomla estn:

Webs Corporativas o Portales Comercio Electrnico Pequeos Sitios de Negocios Webs de Organizaciones o ONGs Aplicaciones Gubernamentales Intranets y Extranets Corporativas Webs de Escuelas o Agrupaciones Pginas Personales o Familiares Portales de Comunidades Revistas y Peridicos

...las posibilidades son ilimitadas

Joomla se puede usar para gestionar fcilmente cualquiera de los aspectos de un sitio web, desde la introduccin de contenidos e imgenes hasta la actualizacin de un catlogo de productos o la realizacin de reservas online.

1.2. JOOMLA PARA USUARIOS FINALES

El paquete bsico de Joomla est diseado para ser instalado fcilmente, no es necesario ser un programador. La mayora de la gente no tiene problemas para conseguir que Joomla funcione, y hay una gran cantidad de soporte disponible para los principiantes. Una vez que se ha instalado y configurado Joomla, resulta muy sencillo para usuarios sin conocimientos tcnicos el aadir o editar contenido, subir imgenes, y gestionar los datos principales de su compaa u organizacin. Cualquiera con conocimientos sobre un procesador de palabras bsico puede aprender fcilmente a gestionar un sitio Joomla.

Mediante un navegador web ser capaz de publicar fcilmente artculos o noticias, gestionar pginas de personal, listados de trabajo, imgenes de productos, y crear una cantidad ilimitada de secciones o pginas de contenido en su sitio web.

1.3. LLEVANDO A JOOMLA AL SIGUIENTE NIVEL

Joomla realiza un gran trabajo gestionando el contenido necesario para que un sitio web funcione. Pero para mucha gente, el verdadero potencial de Joomla recae en la arquitectura de la aplicacin, que posibilita que miles de desarrolladores en el mundo puedan crear potentes add-ons y extensiones. A continuacin mostramos algunos ejemplos de los cientos de extensiones disponibles:


5

Generadores de Formularios Dinmicos Directorios de Empresas u Organizaciones Gestores de Documentos Galeras de Imgenes Multimedia Motores de Comercio y Venta Electrnica Software de Foros y Chats Calendarios Software para Blogs Servicios de Directorio Boletines de Noticias Herramientas de Registro de Datos Sistemas de Publicacin de Anuncios Servicios de Suscripcin

...y muchos, muchos ms

1.4. JOOMLA PARA DESARROLLADORES

Muchas compaas u organizaciones tienen necesidades que van ms all de lo disponible en el paquete bsico de Joomla o en las extensiones de distribucin libre.

Afortunadamente, Joomla ofrece una arquitectura de aplicacin potente que permite a los desarrolladores crear sofisticadas extensiones que amplan la capacidad de Joomla en mltiples e ilimitadas direcciones.

Usando la estructura del ncleo de Joomla, los desarrolladores puede construir fcilmente:

Sistemas de Comercio Electrnico Integrados

Sistemas de Control del Inventario

Herramientas de Registro de Datos

Sistemas de Reserva Online

Herramientas de Comunicacin

Puentes de Aplicaciones ...o cualquier tipo de aplicacin para una necesidad

Si su compaa u organizacin contrata un desarrollador de terceras partes de Joomla o construye software propio usando la estructura de soporte de Joomla, crear una plataforma abierta, que no le ata a una aplicacin cerrada de un desarrollador o propietario.

Puede aprender ms sobre el desarrollo de la arquitectura de Joomla en el Sitio del Desarrollador. Lo interesante de Joomla es que puede utilizar la estructura e interfaz de usuario para suministrar aplicaciones a sus usuarios finales en un entorno potente y familiar.

1.5. AHORA, CUAL ES EL INCONVENIENTE?

No hay inconvenientes. Joomla es software libre, abierto y est disponible para cualquiera bajo licencia GPL. No podemos afirmar que sea perfecto, y no podemos prometer resolver todas las necesidades en el mundo. Pero el software de Joomla se ajusta perfectamente al trabajo en muchas aplicaciones web. Se estn aadiendo nuevas caractersticas importantes en cada versin, y con la ayuda y consejos de la increble comunidad de usuarios se podr seguir proporcionando software de reconocido valor en los aos venideros.


6

2. INSTALACION DE JOOMLA EN AMBITO LOCAL

Antes de trabajar con Joomla necesitamos cumplir unos requisitos bsicos de funciones

instaladas en la maquina donde trabajaremos con Joomla.

Necesitaremos tener instalado PHP, MySQL y Apache, podemos hacerlo por separado o bien

instalar una suite del tipo Server2Go o Xampp.

Software Requisitos

Minimos

Recomendado ltimas

opciones

Sitio Web

PHP 4.3.10 4.4.7 5.x http//php.net

MySQL 3.23.x o

mejor

5.x http://dev.mysql.com/downloads/mysql/5.0.html

Apache 1.3 o mejor 2.2 http://httpd.apache.org

2.1. INSTALACIN COMPONENTE A COMPONENTE

Para la instalacin componente a componente necesitaremos el siguiente software:

PHP 5.2.12 32BITS

MYSQL 5.1.46 64BITS

MYSQL 5.1.46 32BITS

APACHE HTTP SERVER 2.2.15

2.2. INSTALACION BAJO LA SUITE XAMPP 2.2.1. PASO 1.- INSTALACION DE XAMPP.

La instalacin de las tres dependencias bsicas que necesita Joomla para funcionar puede

resultar tediosa, y a veces, difcil de configurar, por este motivo explicar con imgenes y en

sencillos pasos su instalacin bajo la archiconocida suite Xampp. Empezamos bajando y

ejecutando el instalador de XAMPP.


7

Dejamos la ruta de instalacin por defecto y damos a instalar

Nos saldr la consola de Windows para que sigamos una serie de pasos. Primero nos

preguntar si deseamos crear un acceso directo en el escritorio y una entrada en el men

inicio, le decimos que si y y pulsamos entrar.


8

Ahora nos pregunta que si puede proseguir con la instalacin, damos a si y y continuar con

su tarea.

A continuacin nos pregunta si queremos hacer Xampp portable, quitando la letra de las

unidades del path de la instalacin. Dejamos la opcin por defecto que es No n.

Ahora nos saldr una lista de componentes que instala Xampp y nos pedir que presionemos

cualquier tecla para continuar, pulsamos entrar.

A continuacin nos dice que tiene que establecer la zona horaria en el php.ini y en my.ini,

pulsamos cualquier tecla para continuar.

Ahora nos dar una serie de opciones de configuracin avanza, de la cual no veo necesidad de

modificar, as que presionamos x y damos a entrar para salir del instalador.

Perfecto, ya tenemos Xampp instalado, ahora solo falta ponerlo en marcha. Para ello clicamos

en el acceso directo que se nos acaba de colocar en el escritorio y arrancamos las


9

dependencias Apache y MySQL como servicios y damos a Start. Nos preguntar si estamos

seguros de arrancar dichos servicios, si estamos seguros, as que aceptamos y listo. Ya tenemos

Xampp funcionando y listo para trabajar.

2.2.2. PASO 2.- INSTALACIN DE JOOMLA

Para instalar Joomla primero necesitamos los archivos de Joomla. Una vez descargado y

descomprimido el .rar que adjunto, necesitamos copiarlo a la carpeta \htdocs de Xampp,

que se encuentra en C:\xampp\htdocs pero para hacer ms fcil su instalacin con el

navegador que usemos debemos renombrar la carpeta que acabamos de copiar por un

nombre ms fcil de recordar, como por ejemplo: Joomla.

PASO 0: Ahora abrimos nuestro navegador favorito y escribimos: http://localhots/joomla o

http://127.0.0.1/joomla. Acto seguido se iniciara una instalacin secuencial con unos pasos

muy sencillos.

PASO 1: Elegimos idioma, espaol por supuesto, clicamos en siguiente.


10

PASO 2: Ahora nos aparece un resumen de posibles incidencias, en el recuadro de la izquierda

detalla su significado, pero resumiendo es que si te aparece algo en color rojo en el recuadro

superior derecho de la pantalla es que algo no se ha hecho bien. Si todo ha ido bien pulsamos

siguiente.

PASO 3: Aceptamos el acuerdo de licencia y clicamos en siguiente.


11

PASO 4: Ahora dejamos los datos que aparecen en la imagen tal cual los pongo, excepto el

nombre de la base de datos que podemos llamarla como queramos y pinchamos en siguiente.

PASO 5: La configuracin del FTP la dejamos tal cual de momento y damos a siguiente.


12

PASO 6: Ahora introducimos los datos que nos vayan pidiendo y dejamos la opcin instalar

contenido de ejemplo predeterminado marcada, a no ser que ya poseamos un script de

creacin, en cuyo caso se nos pedirn unos datos y ya tendremos nuestro backup restaurado.

Y damos a siguiente.

PASO 7: Ahora se nos pide que se borren los archivos de instalacin por nuestra propia

seguridad. Estos se encuentran en C:\xampp\htdocs\joomla\ borraremos una carpeta

llamada installation.


13

PASO 8: Ya tenemos instalado Joomla ahora solo falta entrar como administradores, para ello

abrimos el navegador y escribimos lo siguiente en la barra de direcciones:

http://localhost/joomla/administrator http://127.0.0.1/joomla/administrator

Para entrar el usuario es Admin y la contrasea la que hayamos puesto en el paso 6 de la

instalacin de Joomla.

2.3. INSTALACION JOOMLA EN UN HOSTING

La instalacin de Joomla en un hosting, ya sea gratuito o de pago, no difiere mucho de

la instalacin en local. Bsicamente una vez tenemos registrado nuestro espacio web, no

tenemos ms que crear una base de datos que usar Joomla posteriormente para gestionar el

contenido de nuestro sitio web. Durante la instalacin nos pedir una serie de datos que

nuestro hosting nos facilitar.

PASO 1: Subimos la carpeta Joomla a la raz de nuestro alojamiento web, mediante un gestor

FTP (filezilla, coreftp, etc). As mismo y como ya he dicho antes, cuando nos creemos la cuenta

hosting se nos facilitarn todos los datos necesarios para la correcta gestin de nuestro

alojamiento o hosting, entre ellos los datos del FTP que se nos ha asignado. No tenemos ms

que agregar dichos datos FTP a nuestro cliente FTP favorito, en mi caso particular us FileZilla

que es gratuito. Una vez que tengamos nuestro cliente FTP configurado y la carpeta joomla

subida a la raz de nuestro alojamiento escribimos en la barra de direcciones de nuestro

navegador: www.nuestrositioweb.xxx/joomla, y as la instalacin dar comienzo.

PASO 2: La instalacin es muy parecida a la que hacamos en local, salvo cuando llegamos al

paso de configuracin de la base de datos. Elegimos tipo: MySQL, nombre del servidor:

localhost, nombre de usuario: (el que nos proporcione el alojamiento web), contrasea: (la


14

que nos proporcione el alojamiento web), nombre de la base de datos: (el nombre de la base

de datos que creamos en la introduccin de este apartado).

PASO 3: Configuracin del FTP aqu no es necesario hacer nada, dejamos las opciones por

defecto y proseguimos con la instalacin.

PASO 4: Configuracin Principal. Nombre del sitio web introducimos el que nos haya

proporcionado nuestro alojamiento. En la configuracin del usuario admin. Hay que tener en

cuenta ciertas consideraciones. El correo electrnico podemos poner realmente el que

queramos pero de cara al futuro, algunos alojamientos ya nos proveen de un servicio de

correo del tipo [email protected], por ejemplo: [email protected], yo

recomiendo usar el servicio de correo que nos facilite nuestro dominio, de cara al envo de

correos masivos o de altas de nuevos usuarios, dado que si alguien se registra en nuestra web

resultar ms serio que le llegue el correo de alta desde [email protected] que

desde este otro [email protected]. Por esa y otra razones es mejor usar una cuenta de

correo con el nombre admin o administrador. Si nuestro alojamiento no nos provee de servicio

de correo siempre podremos crearnos una cuenta en Gmail, Hotmail, etc con un nombre

polticamente correcto. Bien una vez elegida la direccin de correo la introducimos en el

cuadro de dialogo as mismo introducimos la clave del administrador, esta ser la clave que

nos pregunte el panel de administracin de Joomla para poder gestionar todo el contenido de

nuestro sitio. Las dems opciones se dejan por defecto y continuamos con la instalacin.

PASO 5: ya tenemos instalado Joomla pero al igual que cuando instalbamos en mbito local

nos pedir que borremos la carpeta installation, para ello ejecutamos nuestro cliente FTP

preferido y nos conectamos al alojamiento web, una vez all buscamos la carpeta installation

y no tendremos ms que borrarla.

Ya tenemos nuestro Joomla instalado y alojado en la red de redes. Para acceder al panel de

control tan solo tendremos que escribir en la barra de direcciones de nuestro navegador:

www.nuestrodominio.com/administrator y si tan solo queremos ver nuestra web

ingresaremos www.nuestrodominio.com.

3. PRIMEROS PASOS CON JOOMLA

Ya tenemos Joomla instalado bien en local o bien en un alojamiento web, pero solo hemos

dado el primer paso. Joomla sin llegar a ser complicado puede provocar algn que otro dolor

de cabeza. Hacerse con el control del panel de administracin y la metodologa de trabajo no

es tarea fcil, pero intentar resolver la mayor parte de las dudas con explicaciones sencillas.

Nada ms instalar Joomla y como vimos en el penltimo paso de instalacin, instala contenido

de ejemplo, que no es ms que un titulo para la web y un men con una sola opcin (Inicio),

una cabecera y nada ms.

Antes de hacer absolutamente nada con Joomla, creo que lo primero es hacerse con una

plantilla web, caso de que no nos gusten las plantillas que integra por defecto.


15

3.1. PLANTILLA JOOMLA

La plantilla es el aspecto que tendr la web una vez terminada, no hay que confundir plantilla

con una pgina web ya hecha, un smil seran los estilos de Microsoft Word, puedes crear los

estilos de Word sin haber escrito absolutamente nada, tan solo servirn para darle un aspecto

final bonito y elaborado. Esto quiere decir que en contra de lo que mucha gente piensa una

plantilla o estilo de Word no te da el resultado final ya hecho, tan solo define que aspecto

tendr una vez terminada.

Por qu elegir la plantilla antes de empezar a trabajar con Joomla? Sencillamente porque

cada plantilla tiene un espacio de trabajo diferente, cada una tiene nombres propios para cada

zona de la pgina web y donde una tiene el banner1 otra puede tener el footer o pie de

pgina. Y qu importa que te cambien de nombre las zonas de una plantilla? Pensareis, pues

sencillamente porque si terminamos la pagina web y no nos gusta su aspecto, luego habra que

corregir la posicin manualmente de cada modulo y cada contenido y men para que quede

con el diseo que habamos planteado en un principio. Vemoslo con un ejemplo:


16

Si nos fijamos con detenimiento la primera plantilla, que es la que yo he usado tiene mayor

cantidad de zonas donde colocar mdulos y mens, mientras que la segunda plantilla, que es

una de las que incorpora por defecto Joomla, es bastante ms bsica, con menor cantidad de

zonas donde colocar mdulos, mens y contenido.

A continuacin explicar como conseguir o crear plantillas.

3.1.1. PLANTILLAS WEB PARA JOOMLA

Elegir o crear una plantilla para Joomla es una tarea bastante sencilla, si sabemos dnde

buscar o que utilidades tenemos que usar para crearlas. Buscarlas es bastante sencillo y no me

voy a parar a explicarlo, tan solo tenemos que buscar plantillas Joomla o templates Joomla

en nuestro buscador web favorito y obtendremos miles de resultados con miles de plantillas

para elegir, las hay de pago y gratuitas. Ms adelante explicare como instalarlas.

3.1.1.1. CREACIN DE PLANTILLAS

Hay distinta maneras de crear plantillas con Joomla, desde hacerla uno mismo usando CSS,

php y html, hasta usar un software de creacin de plantillas o incluso un servicio web de

creacin de plantillas. El sitio web es http://app.template-builder.com/ , es un editor web

donde podemos crear un template o plantilla fcilmente para nuestro sitio, o podemos usar el

Software Artisteer que es de pago pero el resultado final es excelente.


17

Yo he usado Artisteer que es muy sencillo de usar y no se pierde demasiado tiempo creando

una plantilla a tu gusto, es ideal para quien no quiere perder demasiado tiempo creando una

plantilla pero al mismo tiempo quiere que el aspecto de su pgina web sea llamativo.

No voy a explicar el uso de estos editores por que no es de lo que trata el proyecto, pero si

tenis curiosidad hay tantos tutoriales como uno quiera encontrar al respecto. Lo que si nos

atae es la instalacin de los templates, plantillas creadas o descargadas.

3.1.1.2. INSTALACIN DE PLANTILLAS

La instalacin es bastante sencilla, tenemos que arrancar nuestro cliente FTP y conectarnos a

nuestro alojamiento web, una vez hecho esto tenemos que buscar una carpeta que se llama

/templates e introducir ah la plantilla dentro de una carpeta que contenga un nombre

identificativo. Por ejemplo, /templates/miplantilla. Una vez que la tenemos subida al FTP

tenemos que aplicarla a la web, para ello nos dirigimos al panel de administracin de Joomla y

en el men superior pinchamos en EXTENSIONES>GESTOR DE PLANTILLAS, una vez ah

veremos nuestra plantilla la seleccionamos y damos al botn PREDETERMINADO. Con esto ya

tendremos nuestra plantilla instalada y lista para trabajar.

Parece que no hemos hecho nada aun pero lo cierto es que ya llevamos casi la mitad del

camino andado. Ya tenemos nuestro entorno de trabajo preparado y listo para empezar con lo

que de verdad es Joomla

3.2. INTRODUCCION AL ENTORNO Y LA MANERA DE TRABAJAR DE JOOMLA

Antes de meternos de lleno con Joomla hay que tener claros varios conceptos. Hasta ahora tan

solo hemos instalado Joomla y elegido la plantilla deseada que puede parecer que no es

mucho pero realmente lo ms trabajoso ya nos lo hemos quitado de encima. Ahora voy a

explicar una serie de conceptos que si quedan totalmente claros, cambiar la forma de ver

este sistema y har increblemente fcil la administracin de nuestro sitio web.

3.2.1. ESTRUCTURA MODULAR.

Joomla con la plantilla que hayamos elegido define de entrada las zonas en las que se divide la

web, por tanto nos olvidamos de tocar CSS y que todo encaje a la perfeccin con las

proporciones justas. Qu significa que tiene estructura modular? Significa que a cada zona

de la nuestra web, a cada espacio, podemos asignar uno o varios mdulos, cambiarlos de sitio

con unos pocos clics de ratn e infinidad de acciones. Qu es un modulo en s mismo? Un

modulo es una aplicacin en nuestros espacio web, podemos introducir tantos mdulos como

queramos, por ejemplo: podemos poner un modulo para identificarse en nuestra web, un

modulo con un men de opciones, un modulo que sea un banner, un modulo de encuestas,

cualquier cosa que se os ocurra y en el sitio o zona de nuestra web que os plazca. Qu

significa que son aplicaciones? Quiere decir que cada modulo es un programa escrito en un

lenguaje de programacin determinado y con una funcin especfica, Joomla integra por


18

defecto una serie de mdulos o aplicaciones ms usadas y de gran utilidad, pero esto no

quiere decir que para hacer una funcin deseada haya que buscar entre los mdulos

predefinidos y que no se puedan hacer, hay multitud de sitios web que ofrecen de forma

gratuita una ingente cantidad de mdulos, complementos y extensiones, pero la cosa no

termina ah, tambin podemos crear mdulos segn nuestra necesidad, veremos ms adelante

como Son independientes estos mdulos? Pueden serlo o no serlo, todo queda en nuestras

manos, por ejemplo: Si colocamos un modulo de encuesta en nuestra web, pero que solo

puedan votar usuarios registrados, entonces el modulo de encuesta de algn modo depende

del modulo con el que el usuario se identifica en nuestra web. Del mismo modo un banner

puede ser totalmente independiente del resto de mdulos de manera que para que este exista

no necesite de ningn otro mdulo para funcionar o para mostrarse.

3.2.2. GESTIN DE CONTENIDO

El contenido de nuestra web se organiza en secciones, categoras y artculos. Si queremos

aadir contenido a nuestra web como noticias, entradas de un blog, informacin, etc.

debemos antes crear la seccin, despus la categora y luego el artculo en cuestin. Esta tarea

se puede afrontar de dos maneras, agregar secciones y categoras segn vayamos escribiendo

artculos o por el contrario planear muy bien el futuro contenido que albergar nuestra web

creando las secciones y categoras que nos puedan ser tiles en un futuro. Por qu es esto

necesario? Una correcta organizacin del contenido ayudar a usuarios y administradores a

saber donde esta todo en cada momento a buscar artculos antiguos, pero sobre todo porque

una web desordenada queda fatal de cara al pblico, as nuestra web tendr un aspecto ms

serio y ser mucho ms sencillo navegar en ella.

3.2.3. GESTIN DE MENS

Hacerse con el control de los mens es una tarea que al principio resulta un poco liosa, pero

que con el uso resulta sencilla. Por definicin toda pgina Joomla debera contar con un men,

en la posicin que se quiera para facilitar la navegacin por todo el contenido de nuestra

pgina web. Lo complicado realmente es aadir tems u objetos a dicho men. Cada tem

cuelga de un men que le especifiquemos y cada tem tiene una funcin. La funciones que

pueden desempear los tems de los mens van desde ser un enlace a otra web hasta ser un

enlace a una parte muy especfica de nuestra web, ms adelante explicare la creacin de

mens y sus tems.

3.2.4. COMPONENTES Y PLUGINS

Aqu es donde reside el verdadero potencial de Joomla hasta ahora, habamos visto que

Joomla es de fcil instalacin y gestin, pero no habamos visto nada que no se pudiera hacer

con otro gestor de contenidos o incluso creando una pgina web de cero. Joomla es de cdigo

libre por tanto esto incita a muchos programadores a cacharrear con su cdigo dando lugar a

cientos de miles de componentes y plugins que distancian a Joomla de su competencia. La

utilidad de componentes y plugins es aportar a nuestra web ese aspecto y funcionalidad que

hace que casi cualquier persona sin demasiados conocimientos de programacin web haga un

sitio con acabado y funciones profesionales.


19

Componentes y plugins no es la misma cosa, un componente podra ser un banner, un

cuestionario, una encuesta o simplemente poder insertar un mdulo de comentarios para los

artculos de nuestra web, para que nos entendamos, son funcionalidades que se integran a la

perfeccin con el sistema Joomla y que son de gran utilidad. Los plugins son ms bien

interpretes o programas muy bsicos, por ejemplo en mi web he aadido un plugin para poder

insertar videos de Youtube con tan solo insertar la direccin del video, tambin he agregado

un plugin que crea una galera de imgenes a partir de una direccin de mi FTP o un enlace

web a una imagen, envolviendo dichos enlaces con las etiquetas adecuadas.

Resumiendo componentes y plugins son complementos para agregar funcionalidades que

Joomla no trae por defecto, la mayora son libres y gratuitos, tambin los hay de pago, aunque

tambin es cierto que por norma general los complementos de pago tienen un smil gratuito y

con la cantidad de foros y webs que se dedican al desarrollo de Joomla, no resultar muy difcil

encontrar el complemento ideal para nuestra pgina web.

Hasta aqu la introduccin, a continuacin veremos lo que podemos hacer realmente con

Joomla y veremos que un poco de tiempo y paciencia se consiguen unos resultados

asombrosos. Vamos a ver cosas ms especficas y ms complicadas que lo visto hasta ahora,

pero confi en que la base terica de Joomla la hayis asimilado bien para poder trabajar con

la mxima soltura posible. Esta base o introduccin es la que omiten la mayora de manuales

de Joomla y es en esencia lo que he ido asimilando durante mi aprendizaje. Es vital tener estos

conceptos claros.

4. TRABAJANDO CON JOOMLA.

Hasta ahora solo hemos aprendido a instalar Joomla, conceptos bsicos y que programas usar

para crear plantillas y la instalacin de las mismas. Comenzamos ahora a trabajar con Joomla.

4.1. CAMBIAR EL TITULO DE NUESTRA PAGINA WEB.

Por defecto Joomla nos instala un contenido muy bsico para que veamos de alguna manera el

aspecto que podra tener nuestra web una vez terminada. Pero por mucho que cambiemos el

template o plantilla de nuestra web no nos libraremos del letrerito que dice: Bienvenidos a la

portada, ni del cuerpo de la pagina, ni del ttulo de la pestaa del navegador. Para

solucionarlo y poder poner el nombre que queramos a nuestra web tan solo debemos hacer lo

siguiente en el panel de administracin:

Vamos a la pestaa Mens y pinchamos en Men principal

Seleccionamos el mainmenu o como se le haya llamado, en mi caso particular al

mainmenu lo llam inicio. Pinchamos en el.

Ahora nos aparecen una serie de caractersticas configurables y una serie de cajas de

texto en dos columnas, en la columna de la derecha nos vamos a Parmetros

Sistema y donde dice titulo de la pgina cambiamos el Bienvenido a la portada por

cualquier otro ttulo que queramos


20

Guardamos en el botn superior derecho de nuestro panel de administracin

Guardar.

Ya tenemos nuestro titulo personalizado, tan solo queda observar los cambios y ver que todo

est correcto.

4.2. SECCIONES, CATEGORIAS Y ARTICULOS

Como ya se ha comentado Joomla es un gestor de contenidos, su uso principal es gestionar

contenido en formato artculos de noticias, curiosidades o cualquier cosa que se nos ocurra,

pero bsicamente lo que haces es gestionar los artculos que creamos nosotros sea de la ndole

que sea.

Para escribir un artculo hay que pensar de manera global no solo hay que pensar en que

escribir en l, sino que debemos seguir un mtodo organizativo, por nuestro propio bien.

Imaginad que nuestra web posee 458.941 artculos sin organizar, sera fcil para nosotros usar

un modulo de bsqueda para buscar un articulo determinado entre tanto desorden, dado que

conocemos con cierta exactitud cada ttulo de cada artculo que hemos escrito, pero de cara al

pblico que nos visite eso ser una tarea titnica. Por el bien nuestro y de nuestros visitantes

deberamos organizar un poco el contenido que vamos publicando. Cmo lo hacemos? Para

ello Joomla divide de forma manual el contenido en secciones y estas secciones a su vez las

divide en categoras que contendrn los artculos en s. Para que esto no resulte tan lioso como

me result a m en su da os pondr un ejemplo.

La web que he hecho, ahora mismo solo contiene artculos de prueba, organizados en una

nica seccin de Noticias, dado que todo lo que tengo por ahora publicado son noticias. La

seccin de Noticias est dividida en las siguientes categoras: Hardware, Software, Juegos,

Telefona, Fotografa, Gadgets y Sin Clasificar. Espero que as se vea ms fcil el porqu de la

organizacin y si aun no se ve claro imaginad que sois un visitante y que queris leer una

noticia acerca de la nueva consola de Microsoft o el ltimo escndalo de Paris Hilton, que

sera ms fcil? Hacer una bsqueda entre los 458.941? ir a la seccin de noticias y hojear

las categoras Consolas y Prensa Rosa? Exacto la segunda opcin es ms sencilla, til y

ordenada.

4.2.1. CREANDO UNA SECCION

Para crear, modificar o borrar una seccin nos vamos al panel de control de nuestra web y

hacemos lo siguiente:

Vamos a la pestaa Contenido y pinchamos en Gestor de Secciones.

Damos al botn Nuevo

Aparecer un formulario para que rellenemos informacin al respecto sobre la nueva

seccin. Le asignamos un titulo (este ttulo es el que ser visible desde la web segn

nivel de acceso), un alias (podemos poner cualquier cosa queramos, para entendernos,

este alias ser invisible y tan solo visible para administradores del sitio web), publicado

s o no (esto define esta seccin como visible en nuestra web, si esta publicado podr


21

ser vista segn la configuracin de nivel de acceso, pero si no se publica ser invisible

para todos los usuarios de la web incluidos administradores, tan solo ser visible desde

el panel de control), nivel de acceso (define que usuarios pueden ver esta seccin)

imagen (define la imagen en miniatura de la categora, es opcional), descripcin (esta

descripcin ser visible al detener el cursor sobre la seccin, opcional).

Guardamos, botn Guardar.

Como se puede observar es bien sencillo pero debemos quedarnos con dos cosas que nos

pueden ser de mucha utilidad de ahora en adelante.

1. La publicacin es vlida para secciones, categoras, artculos, mdulos y mens de

manera que si estamos haciendo pruebas con cualquiera de estos objetos lo mejor

ser no publicarlo hasta estar del todo seguros de que esta todo correctamente

configurado aunque no es obligatorio ni corre ningn peligro vuestra web, tan solo es

un aspecto tcnico que merece ser tenido en cuenta.

2. El nivel de acceso de los distintos elementos de nuestra web determinar quin puede

y quien no puede ver que objeto, al igual que la publicacin este parmetro lo vamos a

encontrar en cualquier objeto nuevo que queramos insertar desde un simple articulo

hasta un modulo de encuesta o cualquier cosa que se nos ocurra. Este aspecto merece

una mencin que haremos ms adelante.

4.2.2. CREANDO UNA CATEGORIA

Crear una categora es exactamente igual que crear una seccin con la salvedad de que la

categora depende o pertenece a una seccin determinada, por eso al dar a nueva categora en

el Contenido>Gestor de Categoras>Nuevo el cuadro el formulario de creacin de la

categora es igual pero nos pide que digamos de que seccin depende. Todo lo dems ya lo

conocemos, guardamos y listo.

Se pueden crear tantas categoras y secciones como uno desee o crea conveniente, no es

recomendable crear muchas categoras ni quedarse corto con la creacin de las mismas, ya

que si creamos demasiadas disgregaremos demasiado el contenido de nuestra web y ser

incomoda su navegacin, y si creamos muy pocas ser demasiado generalista y provocar

tambin que la navegacin por el contenido de nuestra web sea dificultosa y haya que recurrir

al modulo de bsqueda con demasiada frecuencia para encontrar algo. Todo se puede

modificar y cambiar de forma fcil y sencilla as que no os agobies si no consegus el mtodo

organizativo perfecto la primera vez. No obstante sera conveniente que os hagis un esquema

sencillo sobre que va a contener vuestra web y en cuantas categoras y secciones debera ser

dividida la informacin, siempre pensando en la comodidad del usuario final.

4.2.3. CREANDO UN ARTICULO

Lleg la hora de hablar un poco del editor de texto, Joomla integra dos editores de texto, uno

bsico que es lo ms parecido a un bloc de notas donde no se facilita los cdigos de formato

de texto, ni tipos de letra, tamao de la fuente, en definitiva, es un editor de texto plano sin

artificios de ningn tipo. Joomla tambin integra un editor denominado TinyMCE que es ms


22

avanzado permitiendo todo lo que nos permita el editor bsico y agregando la opcin de

insertar imgenes, botn leer ms, insertar enlace y otras muchas cosas, pero como veremos

ms adelante no es el ms indicado para realizar ciertas acciones. De momento usaremos el

TinyMCE que es el predeterminado y es el ms sencillo de cara al usuario o administrador para

el 90% de las tareas.

Sin ms prembulos, para crear un nuevo artculo vamos a la pestaa Contenido>Gestor de

Artculos>Nuevo, como siempre que creamos algo nos aparece un formulario de creacin, en

este caso de articulo. Elegimos un titulo, un alias, la seccin a la que pertenece y la categora a

la que pertenece, tambin si queremos que aparezca en la pgina principal o no. Hay opciones

adicionales en la columna de la derecha que no vendra mal que echarais un vistazo, sobre

todo el nivel de acceso y el usuario que escribe el artculo. Aunque por defecto todo est

correctamente configurado y salvo en contadas ocasiones tendremos que recurrir a usar este

panel extra, hay una gran cantidad de opciones de configuracin en las que no me voy a

detener dado que su uso es ocasional y no entra dentro de la idea de una gua sencilla como lo

es esta. No obstante hay gran cantidad de documentacin online en castellano ya sea de

paginas oficiales como de foros especializados en programacin Joomla, tan solo tenis que

usar vuestro buscador web favorito para saber de qu trata cada opcin y detalle de la

configuracin avanzada.

Una vez ha quedado claro esto tan solo nos falta escribir nuestro articulo aadir los enlaces e

imgenes que queramos. Las imgenes podis subirlas a vuestro FTP y hacer uso de ellas desde

el mismo FTP, o incluso copiar el enlace a la imagen en cuestin desde cualquier web o motor

de bsqueda. A continuacin explicare la gestin de archivos como funciona y para qu sirve.

Hay una funcin de tremenda utilidad a la hora de crear artculos y es el botn leer ms lo

tenis a la derecha abajo del editor, para usarlo en vuestros artculos, hacis clic donde queris

que vaya dicho botn y dais al botn leer ms para que lo inserte. Qu utilidad tiene? Es

til para esconder imgenes que os puedan descuadrar la WEB o para que la noticia no

aparezca ntegra en portada, sobre todo si es demasiado larga, muchas web lo usan y es un

mtodo fcil y sencillo de facilitar la navegacin y la lectura de vuestra web de un solo vistazo.

Terminamos y guardamos el artculo, es decisin nuestra publicarlo o no, as como presentarlo

en la pgina principal o no.

4.2.4. GESTIOR MULTIMEDIA E INSERCION DE IMAGENES

El gestor multimedia no es ms que un acceso FTP desde el mismo panel de administracin de

Joomla encargado de gestionar todo tipo de archivos multimedia ya sean imgenes, videos,

flash, audio cualquier cosa que se os ocurra. Es importante por una sencilla razn, si escribs

un artculo lleno de imgenes enlazadas de otras web os estaris ahorrando espacio en el FTP

a costa de una gran desventaja, en el momento que esas webs borren esas imgenes vuestro

articulo/s se quedaran sin imgenes de forma automtica, cmo evitar esto? Pues usando tu

propio FTP. Veamos cmo usarlo, vais a la pestaa Sitio>Gestor Multimedia. Se ve entonces

un rbol de carpetas y archivos ya subidos por defecto. Ocupmonos, solo por el momento, de

las imgenes. Vais a la carpeta Media>Stories y veris una serie de imgenes que ya integra

Joomla, pues bien Recordis las categoras que os habais creado? Pues deberis crear una


23

carpeta por cada categora que tengis con el fin de tenerlo todo organizado, esta tarea es

tediosa, lo s, pero creedme cuando os digo que es tremendamente necesaria si no queris

tener un caos ms adelante. Bien ya tenemos nuestras carpetas multimedia, una por cada

categora que tengamos. Ahora tan solo tenemos que subir aquellas fotos, canciones o videos

que vayamos a utilizar para cada artculo segn la categora en la que est. Desde luego huelga

decir que no hace falta subir un batalln de objetos tan solo aquellos que vayamos a usar y

conforme nos vayan haciendo falta.

Para subir cualquier objeto vais a la carpeta de la categora donde queris alojarlo, abajo

encontrareis un botn que dice Seleccionar Archivo dais a ese botn y seleccionis el objeto

que deseis subir y aceptis (como mximo 10MB). Un truquito antes de que sigis adelante, si

por ejemplo estis creando un artculo sobre un juego concreto por ejemplo: pacman y queris

subir fotos para ese artculo mi recomendacin es que renombris los archivos para dicho

artculo con nombres tipo pacman01.jpg, pacman02.jpg y as sucesivamente. El porqu lo

veremos ahora.

Ya tenemos todo listo fotos para el articulo el articulo en s y tan solo nos falta redactarlo, pues

bien para insertar las imgenes en la URL (trabajando desde nuestro propio FTP) sera la

siguiente: images/stories/categora/articulo01.jpg y si tenemos alguna foto mas para poner

pues basta con copiar la ruta del FTP: images/stories/categora/articulo02.jpg, Veis el por

qu de renombrar las imgenes? Tan solo se trata de facilitar la tarea de publicacin y

bsqueda de imgenes dentro del FTP.

4.2.5. INTERFAZ DEL PANEL DE ADMINISTRACIN

Ya hemos hecho alguna cosita seria usando el panel de administracin, como podis ver es

bastante sencillo e intuitivo, no estara de ms que lo investigaseis ms a fondo haciendo

pruebas con lo que ya sabis para aprender a manejarlo y a gestionar artculos, categoras y

secciones. Cuando creamos contenido os disteis cuenta que no solo haba un botn para crear

contenido, hay botones para modificar, borrar incluso para enviar a una papelera de artculos,

as como mover de posicin y as un largo etctera. Este es el punto fuerte de Joomla. Como

imaginareis hay infinidad de funciones que por limitacin de tiempo no se van a poder tratar

en este manual bsico de Joomla, pero como ya os he dicho es fcil encontrar informacin de

todo tipo, sobre la faceta ms avanzada de Joomla.

4.3. LOS MENUS

Los mens es una parte primordial que toda web debera implementar dado que facilitan la

navegacin y son fciles de usar. Por defecto Joomla cuenta con un men ya creado que tan

solo contiene un enlace a la pgina de inicio o pgina principal, personalmente para realizar mi

web personal no me ha hecho falta crear ningn otro men adems del ya creado, tan solo le

he ido insertando los tems que crea oportunos. Un tem es un elemento del men, un enlace

a un sitio de nuestra web, puede ser un enlace a una seccin o a una categora concreta o un

enlace externo a otra web como tengo yo para visitar el foro asociado a esta pgina que he

creado. As mismo los tems de los mens pueden tener a su vez sub-tems, es decir un hijo

que depende de un padre. Vemoslo:


24

Si os fijis en el men lateral izquierdo veris que dentro del men principal tengo 4 tems

(inicio, noticias, foro UMRA y regstrate) estructurados de la siguiente forma:

Inicio: El tem inicio es un enlace a la pgina principal de mi sitio web.

Noticias: Este tem es un enlace a la seccin de noticias y a su vez padre de los sub-tems que

se pueden observar en la imagen cada sub-tem corresponde con una categora dentro de la

seccin de noticias. Estos sub-tems son a su vez enlaces a la categora correspondiente.

Foro UMRA: Esto es un enlace externo a un foro asociado a mi pgina web en concreto

http://foro.clanumra.com/ poda ser un enlace a cualquier pgina que se os ocurra.

Regstrate: Este tem nos dirige directamente al modulo de registro de mi pagina web, de

forma que es un enlace a una aplicacin interna de Joomla.

Podis insertar tantos mens, tems y sub-tems como necesitis vamos a ver cmo, pero no

sin antes retomar el asunto de la plantilla.

4.3.1. CONSIDERACIONES PREVIAS SOBRE LAS PLANTILLAS

Como ya mencion ms atrs, las plantillas determinan el aspecto final y no todas siguen el

mismo patrn de organizacin de sus mdulos y contenido. Este truco lo aprend tarde pero

me sirvi de gran ayuda. Cmo sabis cuantas y donde estn las posiciones donde se puede

colocar contenido en nuestra plantilla? Si habis hecho vosotros mismos la plantilla de la

pagina manualmente sabis donde esta cada posicin, pero si la habis hecho con la ayuda de

un programa como Artisteer o la habis descargado de algn sitio web es imposible saber de

antemano donde esta o estar cada cosa. Para saber cul es el esquema de divisin de nuestra

plantilla nos vamos al Panel de Administracin>pestaa Extensiones>Gestor de plantillas, aqu

tenemos la lista de templates o plantillas instaladas elegimos la nuestra y la predeterminamos,

con esto ya esta activa, ahora pinchamos sobre el nombre y buscamos en la esquina superior

derecha un botn llamado previsualizar y voila! tenis el esquema de un solo vistazo.


25

Cada divisin tiene un nombre, quedaos con ellos para saber luego donde queris poner cada

cosa. Cuando insertamos un modulo o un men uno de los parmetros de configuracin es la

posicin que este ocupa en la pagina y tendremos que elegir de ese listado uno de los nombres

con los que aparecen etiquetadas estas divisiones.

4.3.2. CREANDO UN MENU

Para crear un men entramos como siempre en el Panel de Administracin>pestaa

Mens>Gestor de Mens>Nuevo, a continuacin le damos un nombre nico, un titulo (ser

publico), descripcin y titulo del modulo (el que queramos). Para evitar confusin recomiendo

que el nombre nico sea del tipo: menuprueba y los dems campos que tengan el mismo

nombre que el titulo: Men de Prueba y guardamos, con eso ya tenemos el men creado.

Ahora si nos fijamos en nuestro panel de administracin hay un botn en la esquina superior

derecha llamado previsualizar si lo pulsamos nos mostrar la pagina web que llevamos hasta

ahora, si os fijis aun no tiene mucha presencia y el men no aparece aunque este creado, eso


26

es porque para que sea visible hemos de ir al gestor de mdulos, pestaa Extensiones>Gestor

de Mdulos, aparecer como deshabilitado:

Para habilitarlo basta con hacer clic en la crucecita y se habilitar, pero antes de hacer esto

recomiendo echar un vistazo a su configuracin, basta con pinchar sobre su nombre.

Aparecer entonces la siguiente ventana con una serie de parmetros (ya conocemos algunos,

otros son nuevos para nosotros) ajustamos el parmetro de posicin, si queremos o no

habilitarlo y el orden. Habilitarlo o no cambia su estado de visible a invisible en nuestra web. La

posicin es el espacio que ocupa en nuestra web este es el nombre de las divisiones que

hablbamos antes con la plantilla, ahora elegimos donde queremos colocarlo. El orden hace

referencia a la posicin dentro de una misma divisin, si tenemos dos mdulos en una misma

divisin de la plantilla podemos elegir el orden de visualizacin de estos.

NOTA IMPORTANTE: Si usamos Artisteer para crear nuestra propia plantilla y creamos un

men con sub-tems estos por defecto no tienen el aspecto que vimos en la plantilla mientras

la crebamos. Esto es un problema de Artisteer y es que la clase del estilo CSS que define los

mens no la llama igual que la llama Joomla, es algo complejo de explicar. La solucin es bien

fcil, si os fijis en la siguiente captura en la columna de la derecha, en la pestaa de

parmetros avanzados veris que hay un cuadro de texto llamado sufijo de la clase del

modulo pues bien con poner art-vmenu es suficiente.


27

Con esto vuestro men y sub-items tendrn el aspecto que definimos con anterioridad con

Artisteer. Recordad que es necesario poner este parmetro en todos los tems y sub-items que

nos creemos. Es una tarea mecnica, tan solo tenis que acordaros de ponerlo. Si algo no os

queda tal cual lo ideasteis en la plantilla, tendris que indagar por Internet como llama

Artisteer a esa clase concreta a la que queris llamar. Personalmente es el nico fallo que he

encontrado al usar una plantilla de Artisteer y supongo que lo solucionaran en siguientes

revisiones de Artisteer.

4.3.3. CREANDO ITEMS Y SUB-ITEMS

Para crear tems y sub-tems de los mens tenemos que ir al panel de administracin e irnos a

la pestaa Mens>Gestor de Mens, ahora tenemos que pinchar en el icono que corresponda

del el men que queremos trabajar de la columna tems del men.

Ahora nos aparecer otra tabla con una lista de tems que contiene el men con el que

estemos trabajando. Si seleccionamos el men principal que viene por defecto con Joomla


28

veris que solo tiene un tem, el tem Inicio que no es ms que un enlace a la pgina

principal. Para crear un nuevo tem damos como siempre a Nuevo y nos aparecer un listado

en herencia de posibles tems que podemos incorporar, hay multitud de opciones para

seleccionar y no voy a explicarlas todas, a continuacin pondr un ejemplo de tem y sub-tem,

pero no sin antes recomendar una lectura comprensiva antes de seleccionar el tipo de tem o

sub-tem que queremos dada la ambigedad de algunas de las opciones. Os equivocareis cien

veces, es normal, pero Joomla permite cambiar el tipo de tem en cualquier momento con un

par de clics de ratn, as que no os preocupis si a la primera no os sale el tem con la funcin

que querais.

Veamos un par de ejemplos de creacin de tems. Antes hemos llegado hasta crear un tem

pero sin elegir ninguna funcin, pues bien vamos a darle la funcin de ir a nuestra seccin de

noticias de modo que al darle nos presente todas las categoras de noticias que nos hemos

creado con anterioridad. Para ello elegimos de la lista de funciones: Enlace

interno>Artculos>Seccin>Presentacin de la seccin.

Una vez que elegimos presentacin de la seccin nos aparecer una pantalla como esta, con

una serie de opciones como siempre, que algunas recordaremos haberlas usado y otras son

nuevas, Enlace(es la direccin que ocupa dentro de nuestra web el objeto que hemos

aadido, en caso de aadir un tem de enlace externo aqu deberemos poner la direccin a la

pagina donde queramos que ese tem nos lleve), Mostrar dentro (esto nos da a elegir dentro

de que men queremos insertar el tem, por defecto coge el men sobre el que estamos

haciendo los cambios, aunque no est dems que sepis que aqu se puede cambiar la

ubicacin del tem), Insertar tem(Esto es importante, por defecto se inserta dentro del

men como tem, pero si os fijis en la lista que aparece de tems ya creados y

seleccionramos uno se introducira como tem hijo dentro del que seleccionemos creando as

un sub-tem), Ordenar(es el orden que queremos que ocupe en nuestra lista de tems), Al


29

hacer clic, abrir dentro(esto define el comportamiento de la ventana del navegador cuando se

pincha en el tem, no entraa ninguna dificultad), guardamos los cambios.

NOTA IMPORTANTE: El problema que mencionbamos antes con las plantillas creadas con

Artisteer, se repite con los sub-tems, no afecta a los tems que si se muestran correctamente,

basta con acordarse de aadir art-vmenu como sufijo de la clase del modulo en

parmetros avanzados o parmetros de sistema (dependiendo del objeto esta variable se

encuentra en alguna de las estas dos pestaas).

Si previsualizis la pagina veris que el resultado final ha cambiado, tendris un men con dos

opciones y acceso a la seccin de noticias para elegir la categora, siempre y cuando os

acordis de publicar los objetos que habis creado, para ello os vais al gestor de mdulos y

miris si hay algo que aparezca como no publicado.

Vemos otro ejemplo, esta vez vamos a aadir un tem a nuestro men principal que nos dirija a

otra web. Seguimos los mismos pasos que seguimos para crear un nuevo tem pero al elegir el

tipo de tem elegimos enlace externo y en la casilla Enlace donde antes nos apareca una

direccin interna de nuestra web ahora nos aparece vaca, ponemos el enlace a la web o foro

que deseemos, elegimos la posicin y la ordenacin, y guardamos los cambios. Como habis

podido observar segn el tipo de tem que queramos crear nos aparecern una serie de

opciones diferentes entre un tem y otro, muchas opciones sern comunes y otras no, esta

parcela del aprendizaje depende de vosotros, investigar y practicar es un ejercicio que debera

hacer cada uno y con el tiempo veris que lo que a priori parece algo complejo se convierte en

la ms sencilla de las tareas.

4.3.4. MENU SUPERIOR

Hasta ahora sabis como organizar vuestra web y como agregar mens tems para los mismos.

Veamos como insertar un men bajo la cabecera. Es muy sencillo os vais a la pestaa

Extensiones>Gestor de mdulos y una vez aqu tenemos dos opciones copiar un men ya

hecho (opcin estndar) o crear uno y colocarlos donde queramos. Para la segunda opcin

debis crear previamente el men, aadirle los tems que queris que tenga y posicionarlo en

el espacio User3 (si usis una plantilla Artisteer) o espacio Breadcrumb (si usis una plantilla

Joomla por defecto), si lo que queris es tan solo copiar el men que ya tengis en la

posicin superior es tan sencillo como seleccionar en el gestor de mdulos el men que

queris copiar y darle al botn copiar arriba a la derecha, os har una copia del men ya tan

solo queda colocarlo en una de las dos posiciones mencionadas previamente segn usemos un

plantilla de Joomla por defecto o una plantilla creada con Artisteer.

Dependiendo de la organizacin interna de la plantilla y de cul sea vuestra idea podis crear

un men y colocarlo donde queris siempre y cuando respetis el diagrama que os mostr con

anterioridad, una de las ventajas de Joomla es la libertad que nos da de colocar las cosas como

queramos, siempre y cuando respetemos los espacios y divisiones de la plantilla elegida.


30

4.4. MOSTRAR LA RUTA DE NUESTRA WEB

Hay muchas formas de facilitar la navegacin de nuestra web, una de ellas es insertar la ruta

en la que estamos de forma que saltar de donde estamos a uno o dos pasos anteriores sea

tarea de un solo clic de ratn. Fijaos en la siguiente imagen, veis que bajo el men superior y

en posicin centrada se muestra la ruta que he seguido en mi web,

Home>Noticias>Software>Ya esta disponib

Insertar este elemento es muy sencillo, nos vamos al gestor de mdulos que est en la pestaa

Extensiones y damos al botn Nuevo ahora nos aparecer una lista de todos los mdulos

prediseados de los que dispone Joomla, ms adelante veremos cmo agregar mdulos

manualmente. Pues bien de esa lista de mdulos seleccionamos el que se llama Ruta de

acceso

Tenis una serie de opciones como siempre fciles de interpretar y comprender las rellenis

para dejar el modulo a vuestro gusto (recomiendo no mostrar el titulo de este modulo ya que

si lo ponis ocupar bastante espacio de vuestra pgina, restando sitio a cosas ms

importantes), la posicin con un plantilla Artisteer es la de Breadcrumb, cambiamos el texto

de entrada para el inicio que es el recuadro amarillo si queris y por ultimo guardis los

cambios, recordad que podis o no habilitar el modulo si no lo hacis ahora hacedlo luego,

como ya sabis en el Gestor de mdulos pinchando en la crucecita correspondiente al modulo

que este deshabilitado y que queris habilitar. Listo, ya tenis la ruta en vuestra web.


31

4.5. INSERTAR MODULO DE REGISTRO Y LOGIN

Este modulo permite a los navegantes registrarse y loguearse en nuestra pgina web con el fin

de acceder al contenido exclusivo del que gozan los miembros registrados. Si recordis cada

vez que creamos un objeto de nuestra web tenamos la oportunidad de controlar su visibilidad

segn si el usuario es annimo, registrado, permiso especial o administrador. La idea es que la

pgina web sea lo suficientemente atractiva para que la gente la visite y al mismo tiempo dar

contenido exclusivo y oportunidad de participacin a los miembros que se toman la molestia

de registrarse. Joomla integra por defecto varios tipos de mdulos de registro, usando Joomla,

open ID, LDAP, Gmail. Por defecto se usa el sistema Joomla.

Para agregar el modulo de registro y login nos vamos a la pestaa Extensiones>Gestor de

mdulos>Nuevo y de la lista que nos aparece seleccionamos el modulo de acceder. Echamos

un vistazo a las diferentes opciones, aunque no hay nada nuevo. Solo un apunte, la visibilidad

debe estar para todos los usuarios, no tiene mucho sentido poner un modulo de registro

oculto a usuarios annimos, dado que no lo vern y no podrn registrarse. Guardamos los

cambios y observamos los cambios. Este modulo es muy completo e integra todo lo necesario

para loguearse en nuestra web, registrarse, as como recuperacin de una contrasea perdida.

Os acordis cuando instalbamos Joomla, que nos peda una direccin de correo electrnico?

Pues bien esa direccin es la direccin de la administracin de la web, los formularios y correos

de activacin de cuentas de usuario que se le envan a todo aquel que se registre en nuestra

web los recibirn de esta direccin, por esa razn recomendaba crear un correo dedicado a la

web para evitar correos que puedan resultar poco serios.

4.6. INSERTAR UNA ENCUESTA

Para insertar una encuesta, se hace mediando un modulo, pero antes de insertar el modulo

tenemos que decirle de donde queremos que use los datos, para ello nos tenemos que crear

una encuesta previamente, digamos que el modulo no es ms que el continente, el contenido

realmente se ubica en componentes, veamos cmo. Nos vamos a la pestaa

Componentes>Encuestas>Nuevo, nos aparecer el que podra ser el formulario ms fcil de

Joomla, elegimos un titulo de la encuesta, un alias y las opciones que queremos (tenemos 12

opciones posibles), guardamos los cambios y ahora nos vamos al gestor de mdulos, recordad,

Extensiones>Gestor de mdulos>Nuevo, ahora de la lista de mdulos posibles elegimos

Encuesta, nos aparecer una pantalla como la siguiente.


32

Como siempre elegimos el titulo del modulo, la posicin, la ordenacin, la visibilidad, pero

atencin para coger la encuesta que hemos creado previamente en la columna de la derecha

vemos que ha un desplegable para que elijamos la encuesta que deseemos, en este caso

elegimos la que hemos creado unos pasos ms atrs, terminamos guardando los cambios y

observando que tal queda.

Como podis comprobar, Joomla puede parecer ms difcil de lo que en realidad es, los

formularios de configuracin difieren poco unos de otros y muchas de las opciones son

exactamente las mismas, si leemos muy atentamente los formularios lo cierto es que no

entraan ninguna dificultad.

4.7. INSERCION DE MODULOS

Ya hemos visto como insertar mdulos y lo cierto es que todos tienen el mismo modus

operandi, por eso mismo he decidido no explicar la insercin de algn modulo dada su escasa

dificultad, no obstante los mencionar a continuacin con el fin de aportar ideas para vuestra

futura pagina web.

Mdulo de usuarios online: informa sobre que usuarios estn online en este

momento.

Mdulo de estadsticas: informa sobre cuntos miembros pertenecen a la web, cuanto

contenido hay disponible y cuantos clic sobre contenido se han hecho desde que el

modulo esta activo.

Mdulo de noticias ms ledas: informa de aquellas noticias que han obtenido mayor

aceptacin o inters por parte de los usuarios.


33

Mdulo de bsqueda de contenido: Introduce un cuadro de bsqueda con el que

podemos encontrar rpidamente cualquier tipo de contenido de nuestra pgina web

Si me gustara explicar un tipo de modulo de creacin manual que nos puede servir para hacer

cositas mas avanzadas. A continuacin explicar como crear un modulo personalizado, en

este caso se trata de un Script de java script que se utiliza para monitorizar en tiempo real una

sala de charlas online llamada TeamSpeak.

4.8. INSERCION DE MODULOS PERSONALIZADOS 4.8.1. MODULO TEAMSPEAK (SALA DE CHARLAS)

TeamSpeak es un servicio cliente-servidor que sirve como sala de charlas, existe la posibilidad

de monitorizar esa sala de charlas en tiempo real sin necesidad de estar en ella virtualmente,

por lo que puedes ver quien est conectado o cuantos estn conectados. Tratamos de crear un

mdulo vacio e insertar cdigo java script por supuesto el cdigo nos lo dan ya generado en la

web oficial de TeamSpeak Viewer, yo personalmente no tengo idea alguna de java script pero

es un modulo que necesito para mi web y dada su dificultad me pareca interesante tratarlo.

PASO 1: Vamos a la pestaa Sitio>Gestor de Usuarios y pinchamos sobre la cuenta que sea

superadministrador.

PASO 2: Solo vamos a tocar el editor predeterminado del usuario, para ello nos fijamos en la

columna de la derecha donde pone editor del usuario y elegimos No Editor de la lista

desplegable, guardamos los cambios.

PASO 3: Vamos al Gestor de mdulos, y creamos uno nuevo. De la lista de mdulos elegimos

Personalizar HTML

PASO 4: Elegimos un titulo, visibilidad, posicin, ordenacin y por ultimo pegamos el cdigo

del siguiente recuadro en el cuadro de texto inferior llamado Salida Personalizada.

Enable JavaScript or visit TeamSpeak Viewer

to display the TeamSpeak server.


34

PASO 5: Guardamos los cambios y listo ya tenemos nuestra sala de charlas en nuestra web.

Este debera ser el aspecto final del modulo:

4.8.2. MODULO DE COPYRIGHT AL PIE DE PGINA

El copyright tambin se cambia creando un modulo personalizado, pero se puede volver a usar

el editor normal TinyMCE, podis ir al gestor de usuarios, tal y como vimos en el apartado

anterior, y volver a poneros el editor normal, luego explicar el por qu de esta maniobra.

Vamos a ver como cambiar el copyright de nuestra web para darle un toque ms personalizado

y pasar de esto:

A esto:

Vamos paso a paso

PASO 1: Vamos al Gestor de mdulos, y creamos uno nuevo. De la lista de mdulos elegimos

Personalizar HTML

PASO 2: Elegimos un titulo, visibilidad, posicin (ha de ser copyright), ordenacin y por

ultimo en el cuadro de texto inferior llamado Salida Personalizada e introducimos el texto

que queramos que nos aparezca en el copyright.

PASO 3: En los parmetros del modulo (columna derecha del formulario de configuracin del

modulo), en el sufijo de la clase del modulo introducimos art-page-footer. Por el mismo


35

motivo que ponamos art-vmenu en los mens laterales para que cogiera bien el estilo con

plantillas Artisteer. Lo dejamos de manera que quede como en la siguiente imagen.

PASO 4: Guardamos los cambios y listo ya tenemos nuestro copyright personalizado.

4.8.2.1. EDITOR DE TEXTO PARA EL ADMINISTRADOR

Como habis podido comprobar y como ya os advert el editor normal no sirve en

todas la ocasiones, la mayora de las veces resulta tremendamente til pero en

contadas ocasiones resulta un incordio, sobre todo si tratamos de introducir cdigo

personalizado en cualquier cuadro de texto, cuando digo personalizado me refiero a

cdigo HTML, java-script, php, etc. Por qu no se debe usar para cdigo web

personalizado? Porque es un editor del tipo WYSIWYG y limpia parte del cdigo

cargndose de esta forma la estructura del cdigo haciendo que el modulo en cuestin

no funcione. Si queris ver de primera mano lo que pasa, cread la sala de charlas con el

editor TinyMCE y veris de lo que hablo. Cmo saber cundo puedes y cuando no

usar TinyMCE o el editor bsico? Siempre que queramos insertas cdigo web

avanzado deberemos tratar con el editor bsico, mientras tanto podemos usar

siempre el TinyMCE.

4.9. PLUGIN GALERIA DE IMGENES (VERY SIMPLE SLIDESHOW)

Este plugin no es ms que un slideshow de imgenes muy configurable con el que puedes

centrar la atencin sobre un artculo en concreto o hacer un espectacular pase de fotografas.

Dira que es de instalacin obligatoria

4.9.1. INSTALACIN

PASO 0: Descargar este enlace

PASO 1: Ir a Extensiones> Instalar / Desinstalar

PASO 2: Damos a seleccionar el archivo (lo podemos hacer desde nuestro equipo, no es

necesario usar el FTP)

PASO 3: Haga clic en "Subir archivo & Instalar"

PASO 4: Selecciona Extensiones> Gestor de Plugins

PASO 5: Encontrar bretteleben.de Simple Picture Slideshow y se habilita, a menos que ya

este habilitado.


36

Si hacemos clic en el podemos modificar su configuracin para adaptarlo a nuestros gustos o

necesidades pero es algo en lo que no voy a entrar si queris saber ms acerca de su

configuracin dirigos a este enlace.

Ya tenemos instalado el plugin, veamos cmo se usa.

4.9.2. USO

Lo siguiente que necesitamos son las imgenes. Lo subiremos usando el gestor multimedia,

Recordis como usarlo? Si no os acordis, lo explicar a continuacin.

PASO 1: Vamos a la pestaa Sitio> Gestor Multimedia

PASO 2: Vaya a la carpeta Media> Stories

PASO 3: Creamos una nueva subcarpeta para imgenes. Llammosla galeriaejemplo

PASO 4: Abrimos la carpeta creada haciendo clic sobre ella.

PASO 5: Podemos subir unas imgenes, no demasiado grandes para hacer una prueba. El plugin acepta imgenes de tipo jpg, gif y png

PASO 6: Vamos a la pestaa Contenido>Gestor de artculos y abrimos el artculo en el que deseamos mostrar la galera, o si lo preferimos lo podemos crear de cero, ya sabis como.

PASO 7: En la parte del articulo donde deseamos insertar la galera escribimos {vsig}galeriaejemplo{/vsig} o si usamos una subcarpeta de galeriaejemplo, por ejemplo, galeriaejemplo/prueba1 pues escribimos {vsig}galeriaejemplo/prueba1{/vsig}

PASO 8: Guardar y listo.

4.10. PLUGIN DE COMENTARIOS PARA TUS ARTICULOS (JCOMMMENTS)

Este plugin le dar mucha vida a tu pagina web ya que la gente podr participar comentando

noticias que vayas poniendo creando una comunidad de asiduos.

4.10.1. INSTALACION Y USO





PASO 3: Haga clic en "Subir archivo & Instalar" una vez terminada su instalacin hemos

terminado, veamos cmo se usa.


37

Para modificar su configuracin hay que ir a la pestaa

Componentes>JComments>Preferencias, tampoco voy a explicaros cmo configurar el

plugin, es muy sencillo y est en castellano no creo que encontris problemas para dejarlo a

vuestro gusto.

Ya tenemos los comentarios instalados y configurados, ahora si vamos a nuestra web u

abrimos cualquier artculo que hayamos escrito es posible que no veamos debajo ningn

botn para agregar comentarios. Si estis logueados como administradores en el front-end de

vuestra pagina web, es decir, a la web que ve todo el que entra a visitarla, podris editar

noticias, he incluso crear noticias, las mismas posibilidades que tenamos en el panel de

administracin las tenemos en la propia pgina web. Pues bien si editamos cualquier artculo o

creamos uno nuevo, en el editor de la noticia hay una serie de botones en el borde inferior del

editor en el que fcilmente se habilitan o deshabilitan comentarios, tienen este aspecto:

Hay que activarlos para que los comentarios estn activos, guardamos y listo. Ya tenemos

comentarios en todos los artculos que queramos.


38

4.11. PLUGIN PARA VIDEOS DE YOUTUBE (YOUTUBE EMBEDDER)

Este es un plugin sencillito pero muy til, con el podremos insertar un video de Youtube en

cualquier artculo simplemente con pegar el enlace al video que aparece en la barra de

direcciones. Este plugin dira que es de instalacin obligada.

4.11.1. INSTALACIN Y USO





PASO 3: Haga clic en "Subir archivo & Instalar".

PASO 4: Selecciona Extensiones> Gestor de Plugins

PASO 5: Encontrar Content - YouTube Video Embedding y se habilita, a menos que ya este

habilitado.

Ya lo tenemos habilitado, para usarlo no es necesario hacer nada, tan solo poner el enlace

directo al video en nuestro articulo y listo, eso es todo.

5. CONSIDERACIONES FINALES

Como habis podido comprobar, Joomla es terriblemente extenso pero a su vez bastante

sencillo en lneas generales. La cantidad de aadidos, plugins y usos que se le pueden dar a

Joomla son prcticamente infinitos gracias sobre todo a una amplia comunidad de aficionados

y desarrolladores que dan su apoyo a esta plataforma.

La parte tcnica de este manual puede parecer excesiva pero lo cierto es que una vez se tiene

bien montada la pagina web, apenas es necesario acceder al panel de administracin, dado

que podemos escribir artculos desde la propio front-end, es ms, las opciones de colocacin

de imgenes en los artculos son ms extensas, incluso nos deja subir imgenes desde nuestro

equipo al gestor de medios de nuestro dominio sin necesidad de acceder en ningn momento

al panel de control

Podis ver todo el trabajo que he realizado hasta ahora en www.proyectoasicarlos.musica-

directa.com


39

6. BIBLIOGRAFA

http://es.wikipedia.org/wiki/Joomla

http://www.joomlaspanish.org/

http://comunidadjoomla.org/

http://www.joomlamania.org/

http://ayudajoomla.com/

http://joomla.deseoaprender.com/guia-rapida-joomla-1-5.html

http://www.solojoomla.com/

paso6

Proyecto Integrado Joomla - Carlos Blanco Rojas (Definitivo)

Documents

Transcript of Proyecto Integrado Joomla - Carlos Blanco Rojas (Definitivo)