proyecto integrado joomla - carlos blanco rojas (definitivo)
TRANSCRIPT
-
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
-
Autor: Carlos Blanco Rojas
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:
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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:
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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
-
Proyecto Integrado - Joomla
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:
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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
-
Autor: Carlos Blanco Rojas
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
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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.
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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 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" una vez terminada su instalacin hemos
terminado, veamos cmo se usa.
-
Proyecto Integrado - Joomla
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.
-
Autor: Carlos Blanco Rojas
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 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 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
-
Proyecto Integrado - Joomla
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