JOOMLA

Webs con contenidos dinámicos: utiliza Joomla 26 03 2007

Este artículo está especialmente dedicado a los coordinadores de Nuevas Tecnologías de centros educativos que han asumido como tarea propia el mantenimiento de la Web institucional del centro, a todas aquellas personas responsables de la actualización de sus sitios Web, en especial si se trata de sitios Web educativos y, en última instancia, hacemos extensible esta dedicación a todos aquellos interesados en la creación y desarrollo de sitios Webs dinámicos e interactivos. ¿Estás interesado en el aspecto y el diseño de la Web o valoras, sobre todo, los contenidos que ofreces en tu sitio? Ambos aspectos no son excluyentes sino más bien complementarios, pero para aquellos que tenemos alguna responsabilidad en el mantenimiento de una Web educativa sabemos que la mayor parte del tiempo que dedicamos a esta tarea se nos va en actualizar los contenidos, en conseguir que las Web de nuestros centros ofrezcan información ágil y permanentemente viva. Si echamos la vista atrás para recordar cómo subíamos los contenidos a nuestra Web veremos que un largo y tedioso camino tuvimos que recorrer: en un primer momento programamos directamente la Web en lenguaje html, con sus etiquetas, tags y código más o menos memorizado, después pasamos a las aplicaciones WYSIWIG como FrontPage o Dreamweaver, que nos facilitaban algo más el diseño pero que estaban muy restringidas a aquellos usuarios con muchos conocimientos (lo que implicó que dedicásemos horas y horas de aprendizaje, de ensayo-error, para conseguir un sitio Web visualmente aceptable).

Pero en estos últimos meses, se han ido desarrollando sistemas de publicación para la Web “nuevos” (no lo son tanto si tenemos en cuenta que se basan en PHP y MYSQL, recuerdo los tiempos del phpnuke, del postnuke o de Mambo, el origen del gestor de contenidos que te recomendaremos más adelante) en los que el usuario no tiene porque tener grandes conocimientos técnicos para utilizarlos y tan sólo tiene que preocuparse del contenido a publicar. Son los llamados CMS (Content Management System), sistemas cuyo objetivo es facilitarnos la administración de contenidos de forma rápida y sencilla: ya te hemos comentado que sin necesidad de disponer de demasiados conocimientos técnicos una vez que el sistema se encuentra en funcionamiento.

Permiten crear un sitio o portal en poco tiempo y mantenerlo actualizado de contenidos de una forma dinámica e intuitiva para el usuario ahorrándonos una gran parte de ese tiempo de dedicación con el que muchas veces ni contamos.

Qué son los gestores de contenidos: Artículo de Blogestores

Si aún no conoces qué es un CMS y cómo funcionan existe una excelente página en Internet que te ofrecerá, ya instalados, diversos ejemplos de estos portales dinámicos.

OPENSOURCE CMS

Todos estos gestores disponen de una zona pública y otra de administración. La primera es la que ven los visitantes, la segunda es la destinada al administrador del sistema y en la que trabajan los usuarios registrados. Accede a esta página, selecciona una de los CMS que te ofrecen y “viaja” por ellos, visualízalos como si de un usuario de sus páginas se tratara o comienza a realizar tus primeras incursiones como administrador del sistema. Para ello localiza en el menú de navegación la entrada CMS Demo Menú y selecciona el portal CMS que desees.

Por ejemplo, busca la entrada Joomla (nuestro recomendado) o e107 (uno de las últimas novedades mejor valoradas) y observa el contenido de la nueva página que se abre.

Además de breve información sobre el CMS seleccionado, los comentarios de usuarios que lo utilizan o lo han probado, un ranking de valoración, la última versión disponible y la URL de la página Web oficial del proyecto. Pero sobre todo fíjate en los valores Front Page (página principal, la que se verá desde Internet al acceder a ella) y Admin login (página de acceso al módulo de administración del CMS). Los datos username y password son el nombre de usuario y clave que tendrás que teclear en la página de administración para acceder al CMS como si fueras el administrador del sistema.

Una lista muy amplia la que te ofrece OpenSource CMS pero… de entre todos ellos ¿cuál escoger para una Web institucional de centro?. Nuestra recomendación, JOOMLA, uno de los sistemas de gestión de contenidos de uso más extendido en el mundo del software libre. Joomla, CMS de código abierto y bajo licencia GNU/GPL, altamente personalizable y completamente gratuito, es un potentísimo gestor de contenidos de fácil manejo, que se actualiza frecuentemente, con amplia información en español y que, además, dispone de una increíble comunidad de usuarios y desarrolladores en Internet muy activa que te ofrecerán ayuda y soporte cuando lo precises y que van creando nuevas extensiones y funcionalidades interesantes día a día.

Son muchos los sitios Web educativos basados en este CMS y existen ya iniciativas institucionales para implantarlos masivamente. Por ejemplo, la Consejería de Educación de Extremadura, pionera en la utilización y difusión del software libre en educación, pondrá a disposición de los centros educativos públicos de la región un portal Web personalizable, con un modelo de plantilla ya predefinida que se presentará en dos versiones, una para la educación Primaria y otra para la Secundaria, para dotar de mayor calidad y cantidad de recursos y funcionalidades a las webs de los centros educativos extremeños. Otra iniciativa en este mismo sentido es la promovida por la Consejería de Educación y Ciencia de Castilla-La Mancha facilitando la instalación y administración de Joomla como sitio Web de los centros educativos. Con sitio Web de apoyo dedicado a esta tarea en la dirección URL http://edu.jccm.es/joomla, encontrarás en él toda la información necesaria para la instalación, configuración y administración de este gestor de contenidos para la Web dirigida a los centros educativos de la Comunidad.

¿Por qué Joomla, qué nos ofrece?

Si instalas Joomla en un servidor crearás un portal que incluirá información estática (como cualquier otra Web diseñada con FrontPage o Dreamweaver) pero también dinámica, artículos en formato blog, agendas de eventos, sindicación de contenidos, enlaces de interés, foros, descargas de archivos, contactos personalizados, mensajería interna, galerías de imágenes, FAQ, tablón de anuncios, wikis, encuestas, lista de correos, páginas web de alumnos y profesores, creación de perfiles y grupos de usuarios, personalización de la información y de la presentación, blogs personales, y muchos más servicios. La característica principal de Joomla es que sigue una arquitectura modular, ya que se compone de módulos, encargados de diferentes funciones, que son administrados desde una interfaz centralizada. Podrás eliminar o añadir los módulos que desees según las necesidades de la Web o los servicios que desees implantar. Joomla es elegante y estéticamente personalizable, porque otro de los puntos fuertes de este CMS es el manejo de plantillas que personaliza el aspecto con el que se muestran los contenidos, algo parecido a los skins o pieles de un reproductor musical. Y encontrarás cientos de plantillas en Internet, gratuitas y de código abierto, que permitirán que el sitio Web que estás desarrollando se muestre con la apariencia que desees.

Joomla es ideal para la web de un centro educativo donde se quiere publicar la información general del centro, pero también la información de los departamentos, de la secretaría y de otras entidades internas. Pero a la vez se pueden crear secciones más dinámicas de comunicación entre los distintos miembros de la comunidad, desde contactos por correo electrónico, foros de discusión o intercambio de información e incluso chats de comunicación. ¿Necesitas todavía algo más?, pues pídeselo a Joomla que seguro que te lo facilitará.

Ejemplos de webs de centros educativos asturianos que utilizan Joomla o algún otro CMS:      

C.P. Antonio Machado de Gijón C.P. Alfonso Camín de Gijón C.P. Tremañes de Gijón C.P. San Cucao Basada en PostNuke IES Candás. Basada en PHP Nuke IES Villaviciosa

Otras webs de centros educativos:     

Listado de centros de Castilla La Mancha que utilizan JOOMLA Listado de Centros de profesores de Castilla La Mancha que utilizan JOOMLA IES Maestro Juan Calero - Monesterio Badajoz IES Ciudad Jardín - Sevilla IES María Moliner - Sevilla http://iesmoliner.com/

Portales educativos institucionales:



EDUCASTUR. Portal de Educación de la Consejería de Educación del Principado de Asturias Portal de Convivencia de Aragón



CATEDU, Centro aragonés de Tecnologías para la Educación



Webs colectivas: 

AulaBlog

Páginas educativas de departamentos y áreas de enseñanza: 

Mates y +

    

Lengua en Secundaria Darle a la lengua Proyecto AnimaLibro Horizontes - Orientación Albacete OrientaSiloe.com - Orientación educativa

Webs profesionales de docentes:  

Lourdes Barroso Isidro Vidal - HITZEZ



¡Atrévete, cámbiate o inicia tu Web con Joomla!  





6 04 2008

Llevo un par de semanas enfrascada en la preparación de un curso sobre Joomla para el CPR de Oviedo dirigido a la formación del profesorado en esta herramienta Web. Cuando se me ofreció esta oportunidad no quise dejar pasar de largo este reto, en primer lugar porque, como entusiasta del software libre y usuaria activa del mismo, se me ofrecía así una ocasión inmejorable para poder mostrar sus virtudes en la publicación Web y para animar a mis compañeros a su utilización. Esto me ha mantenido apartada de las páginas de este Blog en estos días.

Pero como no hay mal que 100 años dure ni mal que por bien no venga, esta dedicación me ha servido no sólo para afianzar mis conocimientos sobre esta excelente herramienta de gestión de contenidos, sino ampliarlos y lo que es aún mejor, elaborarlos detalladamente en un extenso manual que llevaba en mente en preparación pero que nunca sacaba tiempo para realizarlo. Y fruto de estos días de trabajo es una extensa colección de tutoriales, prácticas y ejercicios de trabajo orientados a la instalación, diseño, configuración, elaboración y actualización, desde cero, de un Portal educativo repleto de servicios. Es mi intención poner todos estos contenidos en este mismo blog para compartir estos aprendizajes con cualquier lector que acceda a ellos e inauguro desde ahora una serie de artículos dedicados a este Sistema de Gestión de Contenidos.

Ya te hemos comentado en un anterior artículo qué son los CMS (Content Management System), qué es Joomla y por qué utilizar Joomla a la hora de diseñar una web de un centro educativo.  Webs con contenidos dinámicos: utiliza Joomla









A partir de ahora te animamos a que entres en faena y experimentes y juguetees con esta aplicación.  En primer lugar, debes conocer que Joomla se gestiona a través de una interfaz web, por tanto, es fundamental que cuentes con un navegador Web. Te recomendamos que utilices Firefox ya que Joomla es software de código abierto como este navegador, y muchas de las aplicaciones desarrolladas y programadas para Joomla podrían no funcionar o hacerlo incorrectamente con un programa de código cerrado y prácticamente desconocido en sus entresijos como es Internet Explorer. Si te recomendamos habitualmente habitualmente Firefox, ahora te animamos doblemente a utilizarlo. El disponer de interfaz web es precisamente, una de las grandes ventajas de Joomla: para publicar en Joomla podrás utilizar cualquier equipo con cualquier sistema operativo instalado, por tant tanto, no será necesario que seas exclusivamente un usuario Windows, podrás hacerlo desde cualquier distribución GNU/Linux, como Ubuntu, por ejemplo. ¡Jejejeje!

En segundo lugar, debes saber que Joomla se instala en un servidor que debe reunir determinadas características: características: disponer de MySQL, PHP y PHPMyAdmin (software de código abierto que opera básicamente con cualquier plataforma).

Debes asegurarte, por tanto, que el servidor en el que lo vayas a instalar te ofrezca todas estas opciones: Educastur, por ejemplo, ejemplo, el servidor web de las páginas de los centros educativos asturianos sí cumple estos requisitos.

Si no dispones de un servidor en Internet para instalar Joomla, no te preocupes.

Muchos servidores te ofrecen esta posibilidad gratuitamente en Internet: he probado Funpic,, por ejemplo, una excelente solución para poseer un sitio Joomla de prueba, por un período limitado de tiempo, y así aprender su manejo.

Además te recomiendo endo que para familiarizarte con Joomla pruebes primero con su instalación en tu equipo, en local. Necesitarás para ello la instalación previa de alguna solución que te permita convertir tu ordenador en un servidor: Xampp (nuestra favorita), EasyPHP… Y si esto te asusta, porque eso de instalar y configurar Apache, MySQL o PHP son palabras mayores y no tienes ni idea de cómo hacerlo (te aseguro que no es tan difícil con estos paquetes de aplicaciones, ya lo verás más adelante), la gente de Joomla Spanish, no nos ha preparado un estupendo pack con un servidor y Joomla 1.0.13 en español ya instalado y configurado, para que tu falta de conocimientos no sean excusa a la hora de aprender a manejarlo.





Para seguir nuestra serie de artículos dedicados a Joomla debes descargarte este pack llamado Pack: Joomla!Spanish-Uniform Joomla!Spanish Uniform Server RC2 de la página de proyectos de Joomla Spanish  http://joomlacode.org/gf/project/spanish/

 

Descarga el Pack directamente desde este enlace: JoomlaCode.org

Joomla!Spanish-Uniform Uniform Server RC2 es el resultado de integrar Joomla!

Spanish Premium 1.0.13, ya instalado y listo para su utilización, utilización, a Uniform Server, es decir, una aplicación con los paquetes necesarios para hacer correr un entorno WAMP: Windows, Apache, MySQL y PHP. El funcionamiento de esta



 





aplicación es todo en españoly no requiere de instalación en el disco duro para sistemas operativos Windows. De utilización muy sencilla, lo único que tendrás que hacer es descomprimir el archivo zip descargado y copiar todo su contenido en una carpeta en tu disco duro C: por ejemplo. Llama a esta carpeta Joomlapruebas, por ejemplo.

Para poner en marcha el servidor Uniform Server, haz doble clic sobre dicha carpeta y localiza el archivo Iniciar-Servidor.exe para ejecutar el servidor Apache, la base de datos MySQL y PHP. Espera breves segundos para que la ventana de Dos abierta se cierre. Esta acción pondrá en marcha el servidor (para detenerlo, utilizarás el mismo procedimiento, doble clic sobre el archivo PararServidor.exe que localizarás en la misma carpeta). ¡No lo olvides al finalizar tu sesión con Joomla!

La aplicación crea una letra de unidad de disco que, de forma predeterminada, se iniciará con la W y usará el puerto 80 para las conexiones.

En breve se abrirá el navegador Web predefinido de tu sistema operativo con una página inicial que te permitirá acceder a la Administración y al sitio Web de Joomla. Como ya te hemos indicado al comienzo de este artículo, te recomendamos que utilices Joomla con Firefox, por tanto cierra IE si es tu navegador abierto y ejecuta Firefox. En el cuadro de texto dirección URL teclea localhost y tras hacer Intro accederás de nuevo a la pantalla inicial de acceso a Joomla.



Los enlaces que localizarás en esta página inicial te permitirán acceder a la Administración de Joomla para adaptarlo a tus necesidades el primero de ellos o visualizar el aspecto de tu sitio Web, el segundo. Pero no adelantemos acontecimientos, esto ya será el contenido de otro de nuestros artículos.

De momento y como inicio ya está todo listo. Tienes un sistema Joomla plenamente instalado en tu equipo para comenzar a hacer tus pinitos con esta herramienta. Para finalizar, esta ventana se cierra como cualquier otra y recuerda parar el servidor Uniform Server por el procedimiento que te hemos indicado anteriormente. ¡Prepárate, que pronto comenzaremos!

Curso online de Joomla: el primer vistazo a Joomla

19 04 2008

Recuerda que, como ya te indicamos en nuestro anterior artículo de esta serie dedicada a Joomla, para realizar el curso que ahora comenzamos sólo necesitarás disponer de una versión de Joomla ya empaquetada, con su propio servidor ya instalado y configurado, su propia base de datos ya creada y Joomla 1.0.13 ya instalado, para que tu única preocupación y ocupación sea experimentar con Joomla sin que te frenen las tareas de instalación.

Debes descargar, por tanto, el archivo comprimido zip que te indicamos en dicho artículo: el pack JoomlaSpanish-UniformServer-RC2. Una vez descargado descomprímelo y estará listo para su utilización. Renombra la carpeta (botón derecho del ratón - cambiar nombre) y llámala joomla pruebas para que la identifiques correctamente. Haz doble clic sobre ella y arranca el servidor mediante un doble clic en el archivo Iniciar-servidor.exe, espera a que la ventana del Dos se cierre y a que tu navegador predefinido te muestre la página inicial de acceso a la administración y al sitio Web de Joomla (podrás llegar a esta página inicial siempre que quieras tecleando en el campo de texto de la dirección URL del navegador el término localhost, te recomendamos que cierres IE, utilices el navegador Firefox y teclees en el campo dirección localhost para acceder a esta página inicial):

El Frontend y el Backend En el contexto de los sistemas de gestión de contenidos como Joomla se suele hablar de Frontend y Backend. La instalación crea dos espacios accesibles vía Web: 

El Frontend es la vista que se muestra a los visitantes de la Web. Es decir, el tradicional sitio web y la página inicial que visualizas cuando tecleas la dirección URL del sitio en el navegador. Si observas su aspecto verás que se

trata de un completo y complejo portal con aspecto profesional: múltiples menús, un área de inicio de sesión, una encuesta, artículos con textos ficticios, etc. La estética, el diseño de la página, depende de una plantilla prediseñada, ya instalada con la instalación por defecto de Joomla, que podrás modificar y editar a tu gusto. En el ejemplo siguiente la plantilla escogida es rhuk_solarflare_ii.

Pero podrás cambiarla por otra o instalar una nueva plantilla, ya te indicaremos cómo hacerlo.



El Backend es una página oculta al visitante, el área de administración. Aquí sólo puede entrar el administrador, previo inicio de sesión en el sistema.

Un truco o, en realidad, una recomendación Cuando realices tareas de administración y mantenimiento de la Web, te recomendamos encarecidamente que dejes abiertos el frontend y el backend al mismo tiempo (en diferentes pestañas de tu navegador, por ejemplo, o en diferentes ventanas). Así, podrás apreciar todos los cambios que realices en el backend de forma inmediata en tu sitio Web. ¿Cómo hacerlo?. En la pantalla inicial de Uniform Server 3.5 haz clic sobre el enlace

Administración de Joomla! Spanish 1.0.13 Accederás así al área de administración o backend. Observa que aparece una nueva página en una nueva pestaña de Firefox llamada Joomla! Spanish - Administración.

Desde aquí podrás acceder al Backend de tu sitio Web. Presidiendo toda la página se encuentra un formulario de acceso al Sistema que deberás cumplimentar correctamente con ciertas credenciales para acceder a Joomla. En este caso en concreto teclea admin como nombre de usuario y admin como contraseña. Finalmente haz clic sobre el botón Entrar para acceder al Backend de tu sitio Joomla.

Para acceder al Frontend o al aspecto concreto de tu sitio Web tal y como lo vería cualquier visitante del sitio en este momento debes hacer clic sobre la entrada Sitio frontal Joomla! Spanish 1.0.13, desde la página inicial de Uniform Server. Fíjate que tienes abiertas dos pestañas diferentes en el navegador: en una de ellas podrás observar el diseño de tu sitio web, en la otra la página relativa a su administración.

Abrir el Frontend desde el panel de Administración Con el procedimiento anterior tienes acceso al Frontend o al aspecto concreto de tu sitio Web (lo que verán los visitantes), pero la mayor parte de las veces abrirás el Frontend desde la propia administración de Joomla. A continuación verás más detalladamente el Panel de Control de la página inicial de Administración de Joomla. Por ahora sólo nos interesa que veas el menú de la parte superior, menú que te permitirá acceder a múltiples opciones: Localiza en él la entrada Sitio y en el menú desplegable que emerge selecciona Vista Previa - En una Nueva Ventana.

Esto hará que visualices el aspecto de tu sitio Web en una nueva pestaña de Firefox. A partir de ahora podrás cambiar entre ambas pestañas pulsando sobre el título de la misma: esto es muy útil y práctico, cuando realizas cambios en la página de Administración, pues simultáneamente verás las modificaciones en tu sitio con sólo recargar la página (pulsa F5, por ejemplo, para hacerlo, o utiliza el botón Recargar que te ofrece el navegador). Acostúmbrate, por tanto, a tener dos pestañas abiertas a la vez: en una el backend o administración, en la otra el frontend o tu sitio Web tal y como lo ven los visitantes de tu página.

El panel de control en la Administración de Joomla Ya te hemos indicado anteriormente que en cuanto inicias sesión en el área de administración se muestra una página inicial principal desde la que accederás a todas las funcionalidades de Joomla. Puedes ver en ella tres secciones diferenciadas: 1. Un menú desplegable en la parte superior.

2. Un conjunto de grandes botones en la parte izquierda, que constituye el Panel de Control.

3. Un cuadro resumen con navegación por pestañas, a la derecha de la pantalla.

Te explicamos sus utilidades y funcionalidades: El menú desplegable Ya hemos comenzado a echar un primer vistazo al menú desplegable de la parte superior al utilizar la entrada Sitio. Fíjate que incluye variadas opciones que utilizarás para la administración del sitio web, como la vista previa de la web, las plantillas o temas utilizadas para su diseño, los instaladores de nuevos temas, módulos, la administración de usuarios, la configuración del sitio web, etc. Sólo tienes que pasar el ratón por encima de cada entrada para acceder a los submenús correspondientes (ya has visto el funcionamiento, por ejemplo, de Sitio - Vista Previa).

El Panel de Control Ocupa la mayor parte de la pantalla y se caracteriza por la presencia de unos grandes botones de acceso directo a las tareas más comunes que realizarás en Joomla. Si jugueteas con los botones y acabas medio perdido en Joomla, sólo tendrás que hacer clic en la entrada del menú Inicio para volver a la página inicial del Panel de Control (puedes también hacer clic en el primer vínculo de la barra de navegación que se encuentra inmediatamente debajo: en este caso en el enlace Joomla! Spanish). ¡No tiene pérdida!

El cuadro resumen A la derecha de la pantalla localizarás un cuadro de resumen, que se muestra en pestañas:



 



Registro. En esta pestaña se muestran los usuarios que actualmente han iniciado sesión en el sistema. Puedes “echar” a un usuario haciendo clic en la flecha roja situado a su derecha.

Componentes. Muestra la lista de componentes instalados en el sistema. Puedes navegar hacia cada uno de ellos, haciendo clic en su nombre.

Popular. Se muestran los artículos más populares, es decir, los que tienen más éxito entre los visitantes. Se muestra la fecha de creación y la cantidad de hits obtenidos. Muy práctico: si haces clic sobre su enlace podrás editar los artículos cliqueados. Últimos artículos. Aquí se muestran las últimas entradas. También resulta muy práctico, ya que a menudo puede interesarte completar algo.

Una primera característica: las plantillas Vas a realizar una primera aproximación a la utilización de plantillas en Joomla. En la pestaña de Administración haz clic sobre Sitio - Administrador de plantillas plantillas del sitio.

Aparecerá una tabla con todas las plantillas preinstaladas. La plantilla actual muestra una marca verde junto a la columna Predeterminado.

Si quieres mostrar la vista previa de una plantilla, pasa el puntero del ratón sobre el nombre de la misma. Aparecerá una miniventana con una imagen en miniatura del aspecto de la plantilla.

Para seleccionar otra plantilla diferente:    

Activa la casilla correspondiente a la plantilla deseada haciendo clic en el botón situado a la izquierda de su nombre. Por ejemplo, madeyourweb.

Haz clic en el botón de la parte superior Defecto.

Vete a la pestaña en la que se muestra el Frontend y recarga la página. Ahora el aspecto de la página ha cambiado.

Repite el procedimiento con la otra plantilla prediseñada: rhuk_solarflare_ii.

Ahora el diseño de tu página vuelve a ser diferente.

Si lo deseas puedes aplicar la plantilla únicamente a determinadas páginas y no a todo el sitio. Para ello, cuando selecciones una plantilla no hagas clic en Defecto, sino en el botón Asignar. Por ejemplo, haz clic sobre la plantilla madeyourweb y, a continuación, en el botón Asignar. En la nueva ventana, selecciona la página o páginas en las que deseas aplicar esa plantilla, por ejemplo, mainmenu - noticias y deja la plantilla rhuk_solarflare_ii por defecto. Observa los cambios en el Frontend: haz clic en el menú noticias y verás que el diseño es otro. Para quitar la asignación repite el procedimiento y selecciona la entrada Ninguno.

NOTA. ¡Asegúrate de que la plantilla Ruhk_solarflare_ii es la activa por defecto para seguir el siguiente apartado de este artículo!

La versatilidad de Joomla: los módulos Una de las características de Joomla que, precisamente es responsable de su versatilidad, personalización y potencia, son los llamados módulos. Hablaremos más adelante de ellos y por ahora, tan sólo debes conocer que Joomla tiene previamente instalados una enorme variedad de ellos: algunos probablemente ni siquiera utilizarás mientras que otros son indispensables para la estabilidad del sistema. Aunque sea muy simple, entenderás fácilmente la utilización de los módulos si piensas en ellos como cajones capaces de alojar los datos contenidos en Joomla. Por ejemplo, existe un módulo de encuestas que se encarga de colocar en alguna posición de la Web encuestas a los usuarios del sitio, un módulo para los menús, otro módulo para mostrar los artículos más visitados, o las últimos artículos publicados, etc.

Podrás ver los módulos instalados mediante el gestor de módulos, que lamentablemente no se localiza en el Panel de Control. Tendrás que acudir al menú Módulos - Módulos del sitio para visualizar la lista de módulos instalados:

Se abrirá una nueva página en la que se mostrará el listado de módulos instalados en el sitio Web. Esta página nos ofrece mucha información, destacando: 



En la primera columna se muestra el nombre del módulo y su información pertinente en la fila que le corresponde. Por ejemplo, enseguida podrás comprobar si el módulo se ha publicado (validado en verde) o no (marca roja).

La columna Publicado te muestra el estado del módulo: si está publicado y será visible, por tanto, en el sitio mostrará una marca verde, en caso contrario, será roja. Para desactivar o reactivar un módulo, es decir, publicarlo o no, sólo tendrás que hacer clic sobre el icono correspondiente. También puedes validar la casilla correspondiente al módulo elegido y, a continuación, hacer clic sobre los botones de la parte superior, Publicar o No publicar. Esta columna será muy importante cuando administres los módulos instalados en tu sistema pues si no están publicados no podrán ser visualizados en tu sitio Web. A veces, ocurrirá que cometerás errores como creer que algo va mal y simplemente, es que el módulo está despublicado.

Observa que la lista de módulos es muy larga y que, en tus tareas de administración, podrás instalar muchos más así que es muy probable que en este gestor de módulos existan varias páginas para mostrártelos. En algunos casos, tendrás que pasar página (al final de la pantalla) para ver los demás elementos de la lista. O bien ajustar el número de elementos para tener que pasar menos páginas (busca en la parte inferior Ver y cambia a un número inferior y superior para advertir los cambios en la lista).

A la cantidad de módulos se le añaden otras posibilidades como son las posiciones que dichos módulos ocupan en el sitio Web. Las plantillas de Joomla incluyen varias

posiciones. Detrás de ellas se esconden las áreas en las que se colocan los contenidos.

En la práctica son como contenedores para contenidos y menús y se pueden llamar user1, user2, top, right, left, banner, etc.

Observa la columna del gestor de módulos denominada Posición: por ejemplo la posición del menú principal es left - izquierda, y por tanto, en la Web el menú principal se mostrará a la izquierda de la pantalla).

Si te lías con el idioma inglés y además no entiendes bien algunos de estos términos debes saber que la posición de los módulos depende de la plantilla que estés utilizando y que puedes visualizar estas posiciones mediante la opción del menú Sitio - Vista previa - En línea con las posiciones.

Fíjate en la plantilla utilizada actualmente por Joomla (rhuk_solarflare_ii) dónde se encuentran las posiciones left, user1, user2 o top. Si miras la lista de módulos ahora verás que cada uno tiene “asignada” una posición. Pero esto no es inamovible, es perfectamente posible mostrar cada módulo en una posición distinta.

Realicemos un ejemplo para que compruebes los cambios que se producen en el sitio Web: 





  

Desactiva o despublica el módulo Destacamos que se localiza en la posición top. Para ello haz clic sobre el icono verde: en décimas de segundos cambia a icono rojo de no publicado.

Vete a la pestaña en la que se encuentra el Frontend del sitio y recarga la página para visualizar el cambio. Observa que la posición top ha quedado libre y el navegador te lo indica con el mensaje Top Module Empty.

Ahora vas a colocar otro módulo preinstalado en este lugar. Para ello, vete a la pestaña del backend y en la lista de módulos haz clic sobre la entrada Popular (observa que su posición es User2).

En la nueva pantalla selecciona en Posición (haciendo clic sobre el triángulo invertido) la opción Top y aprovecha para cambiar su título a Los más leídos.

Guarda los cambios haciendo clic sobre el botón Guardar de la parte superior.

Recarga de nuevo la página del Frontend para comprobar que, en efecto, este módulo ocupa ahora la posición top.

Este sencillo ejemplo te muestra la extraordinaria habilidad de cambios que Joomla posee gracias a las combinaciones que podrás realizar con los módulos preinstalados o aquellos que desees instalar para aumentar sus funcionalidades.

Prueba a despublicar el módulo banner (que muestra un banner publicitario) para ganar espacio así en la publicación de los contenidos, por ejemplo.

Por cierto, otra de las opciones que podrás variar es el orden en el que se colocan cada uno de estos módulos en su posición. Observa la columna Ordenar y el número asignado a cada número, por ejemplo, de los módulos que se localizan en left. La numeración indica que en primer lugar aparecerá el menú Principal, le seguirá, por este orden, Menú del usuario (visible sólo para usuarios registrados), Recursos Joomla, el formulario de acceso o los botones de Sindicación. Podrás cambiar este orden “subiendo y bajando” cada módulo haciendo clic sobre las flecha azules hacia arriba o hacia abajo respectivamente. Prueba a poner en primer lugar el módulo Formulario de acceso, por ejemplo. Ordena los módulos presentes en tu sitio Web como te interesen que el visitante del sitio acceda a ellos.

A través de este artículo ya conoces de Joomla: 

  

Que se administra vía Web y los cambios que realices serán automáticamente visualizados en tu sitio Web (la actualización de tu sitio Web será inmediata, por tanto).

Que el diseño de tu sitio Web depende de la plantilla instalada y de la posición de los módulos instalados.

Que necesitarás acceder al sistema como Administrador para realizar ciertos cambios en él.

Que Joomla es muy personalizable: podrás no sólo cambiar su plantilla predeterminada, sino asignarla a determinadas páginas del sitio y cambiar de posición los módulos y ordenarlos de manera diferente en la página.

Curso online de Joomla: Monta un servidor local con Xampp 20 04 2008

Para realizar pruebas “en local”, es decir, en tu equipo sin estar conectado a Internet, de todas aquellas aplicaciones que incluyen bases de datos, PHP, Flash, Javascript (como es el caso de Joomla) tendrás que montar un servidor en el ordenador. Por lo general, para montar un servidor local con las características necesarias para Joomla tendrás que instalar varios programas como Apache, MySQL, PHP, PHPMyAdmin. Puedes hacerlo por separado, pero resultaría muy trabajoso hacerlo (descargar cada aplicación, instalar y configurar) y, en el caso de usuarios no demasiado expertos, resulta mucho más sencillo instalar un único paquete que incluya todos estos programas como es el caso de EasyPHP o Xampp.

XAMPP de Apachefriends es nuestro elegido, por su facilidad de instalación, descarga gratuita, la inclusión de un servidor de correo (necesario para que en Joomla se registren

nuevos usuarios a través de e-mail o para que funcionen los formularios de contacto) y, sobre todo, porque es multiplataforma (se instala también en Linux y Mac Os). Incluye, entre otras aplicaciones:    

Apache, el servidor más popular de páginas Web. MySQL, la base de datos más extendida de código libre PHP, el lenguaje o tecnología más extendido para realizar páginas con programación en servidor, acceso a base de datos, etc. phpMyAdmin: una herramienta muy útil para la creación y administración de bases de datos MySQL. Viene a ser una interfaz gráfica para bases de datos.

Descarga e instala Xampp XAMPP para Windows se puede descargar desde la página de Apache Friends:

http://www.apachefriends.org/en/index.html y en concreto, en la página http://www.apachefriends.org/en/xampp-windows.html

El método más fácil y el que menos ocupa en disco es pinchar en el enlace EXE (7ZIP). Haz clic en dicha entrada y espera unos instantes.

Descarga Xampp Windows 1.6.6a EXE(7-zip): 29 Mb

En la página de Source Forge.net a la que nos lleva el link de descarga, se te solicitará qué hacer con la descarga del archivo en cuestión. Guárdalo en tu equipo. Cuando finalice la descarga, deberías tener en tu disco duro un archivo xampp-win32-1.6.x.exe, o similar. (La x corresponde al número de versión).

Ejecuta este fichero haciendo doble clic en él. Lo primero que te preguntará el asistente de instalación es en qué directorio deseas descomprimir los ficheros. Por ejemplo, teclea en el cuadro de diálogo en cuestión c:\servidorlocal.

Esto hará que se descomprima XAMPP en esta carpeta. Ten paciencia porque la operación puede durar unos minutos.

Una vez finalizada la descompresión, vete a la carpeta xampp creada en el paso anterior y haz doble clic en el archivo setup_xampp.bat. Se abrirá una ventana de DOS y cuando el proceso termine ya estará perfectamente instalado Apache y MySQL.

Presiona cualquier tecla del teclado para cerrar esta ventana de DOS.

Inicia Xampp Ahora que ya tienes instalado Xampp debes iniciar el servidor Apache y el servicio MySQL. Para ello haz doble clic en el archivo xamp_start.exe que localizarás en la carpeta c:\servidorlocal\xampp.

Si surge algún mensaje de bloqueo del firewall de XP, como fue mi caso, simplemente desbloquea los servicios para que la ejecución sea correcta. En ningún caso puedes cerrar la ventana de DOS que abre XAMPP. Déjala abierta, ya que esta ventana garantiza el funcionamiento de Apache y MySQL.

Cómo saber si funciona o no el nuevo servidor local ¿Quieres comprobar si funciona todo correctamente?. Con Apache arrancado, abre el navegador y escribe en su barra de direcciones URL http://localhost/ y presiona la tecla Intro. Si se abre la página de bienvenida de XAMPP es que toda ha ido correctamente.

Selecciona debajo del logo de Xampp la entrada Español y haz clic sobre este enlace.

XAMPP te dará la bienvenida con su propia página index.html, y lo hará en español.

Más adelante, podrás eliminar esta página.

¿A qué resulta asombrosa la facilidad con la que se instala XAMPP?. Si deseas detener el servicio, basta con hacer doble clic en el archivo xampp_stop_exe.

Nota. No estás limitado a tener que escribir http://localhost. De forma alternativa, también puedes escribir http://127.0.0.1. Incluso podrás usar http://nombredetuordenador. ¡Ya tienes un servidor local en tu equipo pero aún no has terminado: para instalar Joomla en este servidor necesitarás crear una base de datos para utilizarla con este Gestor de Contenidos!

Necesitas un usuario y una base de datos para Joomla!

Previamente a la instalación de Joomla debes disponer de un usuario y una base de datos en el servidor para que Joomla se instale y funcione. En el caso de realizar la instalación de Joomla en un servidor local a través de Xampp deberás crear manualmente un usuario y la base de datos que Joomla empleará.

Una vez instalado el servidor local con Xaamp tendrás que crear un usuario y la base de datos que necesita Joomla para su instalación. Para ello, inicia el servidor Xampp como ya sabes: busca la carpeta xampp y haz doble clic en el archivo xampp_start.exe (no cierres la ventana que se abre).

Ahora ejecuta tu navegador favorito (Firefox, por ejemplo) y teclea en el campo dirección URL http://127.0.0.1/phpmyadmin

o también

http://localhost/phpmyadmin

y pulsa la tecla Intro (o también, si estás en la pantalla de bienvenida de Xampp buscar el enlace Herramientas - Phpmyadmin).

En pantalla aparecerá la página principal de PHPMyAdmin que nos avisa de que el usuario root no tiene contraseña y, por tanto, supone una vulnerabilidad en la seguridad del sistema. Como vamos a realizar una instalación en local, esto no supone ningún riesgo, así que no haremos ningún cambio.

En primer lugar, vas a crear un nuevo usuario para Joomla. Para ello haz clic sobre el enlace Privilegios, que encontrarás al final de esta primera página y, a continuación, sobre Agregar nuevo usuario que localizarás a mitad de pantalla.

En la nueva pantalla rellena los siguientes datos:    

Nombre de usuario: Deja la opción por defecto Use el campo de texto y decide tú mismo el nombre de usuario, en mi caso he escogido el término usuario.

Servidor: Selecciona de la lista local y teclea el término localhost en el campo de texto situado a su derecha.

Contraseña: Deja la opción por defecto Use el campo de texto y teclea tu contraseña elegida. ¡Debes recordarla, no la olvides! En este caso he escogido el término usuario.

Debe volver a escribir: tecléala de nuevo exactamente igual que en el campo de texto anterior.

Ahora debes asignar privilegios globales a este usuario. Para ello haz clic en Marcar todos/as o bien valida todos los campos Datos, Estructura y Administración. Ya sólo queda crear el usuario haciendo clic sobre el botón Continuar.

El siguiente paso será crear la base de datos para dicho usuario. Haz clic en la nueva pantalla sobre el enlace Servidor: localhost que hallarás en la parte superior para volver a la pantalla inicial de PhpMyAdmin Para crear la base de datos tendrás que darle un nombre. Escríbelo en el cuadro de texto Crear nueva base de datos: por ejemplo, joomla y despliega la lista que aparece a la derecha de Cotejamiento para localizar utf8_spanish_ci. Cuando finalices haz clic sobre Crear.

¡Ya está, el nuevo usuario y la base de datos necesarios para Joomla están creados!

Instala Joomla!Spanish 1.0.15 en Xampp Tendrás que descargar la última versión estable disponible de Joomla y salvarlo convenientemente en tu equipo. Se trata de un archivo comprimido ZIP que localizarás en la Web oficial del proyecto, en castellano:

http://www.joomlaspanish.org/

La descarga te reenviará a otra página: Jomlacode.org, desde la que podrás descargar la última versión (selecciona Ficheros y en la lista el archivo joomla_1-0-15-spanishpremium.zip y guárdalo en tu equipo.

Descarga Joomla 1.0.15 Spanish-premium.zip

Una ver finalizada la descarga, extrae el contenido del archivo comprimido zip a una carpeta (utiliza 7-Zip como programa alternativo de compresión y descompresión de archivos). Se creará una estructura de carpetas y archivos que será la que compondrá nuestro sitio Web posteriormente en el servidor (puedes borrar a continuación el archivo zip descargado si lo deseas, ya no lo utilizarás).

Si haces un doble clic sobre la carpeta Joomla_1.0.15-Spanish-Premium, podrás observar la estructura de archivos y carpetas que incluye su contenido, estructura que deberás copiar íntegramente al directorio raíz de tu servidor para iniciar la instalación:

Es decir, deberás “subirla” al completo, tal cual está, mediante un cliente de FTP a tu espacio Web, copiando toda la estructura original y sin modificaciones para iniciar el proceso de instalación de Joomla o bien si estás realizando la instalación de Joomla “en local”, como es este caso, copiar todo este contenido en el directorio establecido al efecto en el servidor.

Recuerda que, en el caso que nos ocupa, has creado una carpeta servidorlocal en el disco duro de tu equipo en el que has instalado Xampp. Será en una subcarpeta de este directorio en el que copiarás la estructura completa de Joomla. En concreto localiza c:\servidorlocal\xampp\htdocs\

y crea un nuevo directorio en su interior llamado joomla (botón derecho del ratón nueva carpeta, ponle por nombre joomla). Ahora copia el contenido de la carpeta descomprimida de Joomla!Spanish 1.0.15 en esta carpeta joomla (asegúrate de que la has copiado completamente, con toda la estructura de archivos y carpetas que has visto en la captura de pantalla anterior).

El siguiente paso será realizar la instalación propiamente dicha del C.M.S. Joomla en este servidor local. Pero eso, será asunto de un nuevo artículo de esta serie dedicada a Joomla.

Curso online de Joomla: el aspecto de la Web, las plantillas 27 05 2008

El aspecto de tu sitio Web realizado en Joomla se encuentra prediseñado gracias a la utilización de plantillas. Por defecto, Joomla se instala con un número muy limitado de estos templates pero podrás descargar muchos gratuitamente desde Internet para mejorar

el diseño de la Web. En realidad, los sitios Web realizados con Joomla se preocupan más del contenido, por ello es un Gestor de contenidos, que por el diseño (a veces, parecen ser iguales en su estética). Pero esto no es óbice, para que puedas modificar y editar la plantilla que estás utilizando y variar el diseño de tu sitio de una manera más creativa.

Nota. Debes conocer qué tipo de licencia tiene la plantilla que estás utilizando para saber si puedes realizar tareas de edición sobre ella. Busca plantillas gratuitas y preferentemente bajo licencias Creative Commons o GNU/GPL, o si no, puedes incurrir en alguna ilegalidad o irregularidad. Y, como protección del derecho de autor, mantén el nombre del creador al final de la página inicial.

La gestión de las plantillas se realiza desde el menú Sitio – Administrador de plantillas – plantillas del sitio.

Administrar las plantillas ya instaladas

Vas a realizar una primera aproximación a la utilización de plantillas en Joomla. Para ello accede a la pantalla inicial de Administración con tus datos de acceso y haz clic en el menú Sitio – Vista previa – En una nueva ventana para tener acceso simultáneo al Backend y al frontend de Joomla. En la pestaña de Administración haz clic sobre Sitio – Administrador de plantillas – plantillas del sitio Aparecerá una tabla con todas las plantillas preinstaladas. La plantilla actual, la que está usando en este momento tu sitio Web, muestra una marca verde junto a la columna Predeterminado.

Si quieres mostrar la vista previa de una plantilla, pasa el puntero del ratón sobre el nombre de la misma. Aparecerá una miniventana con una imagen en miniatura del aspecto de la plantilla.

Para seleccionar otra plantilla diferente:    

Activa la casilla correspondiente a la plantilla deseada haciendo clic en el botón situado a la izquierda de su nombre. Por ejemplo, madeyourweb.

Haz clic en el botón de la parte superior Defecto.

Vete a la pestaña en la que se muestra el Frontend y recarga la página (si utilizas Firefox puedes también pulsar la tecla F5). Ahora el aspecto de la página ha cambiado.

Repite el procedimiento con la otra plantilla prediseñada: spanishred. Ahora el diseño de tu página vuelve a ser diferente.

Si lo deseas puedes aplicar la plantilla únicamente a determinadas páginas y no a todo el sitio. Para ello, cuando selecciones una plantilla no hagas clic en Defecto, sino en el botón Asignar. Por ejemplo, haz clic sobre la plantilla madeyourweb y, a continuación, en el botón Asignar. En la nueva ventana, selecciona la página o páginas en las que deseas aplicar esa plantilla, por ejemplo, mainmenu – noticias y deja la plantilla rhuk_solarflare_ii por defecto. Observa los cambios en el Frontend: haz clic en el menú noticias y verás que el diseño es otro. Para quitar la asignación repite el procedimiento y selecciona la entrada Ninguno.

NOTA. ¡Asegúrate de que la plantilla Rhuk_Solarflare_II es la activa por defecto para la siguiente práctica, pues vas a cambiar el aspecto de su logotipo!.

Ajusta la imagen de cabecera a tu centro

Si estás realizando la Web de tu centro es evidente que te interesará poner como imagen de cabecera de la página una de tu propia creación, más acorde con la representación de tu IES o colegio. No es difícil hacerlo aunque necesitarás cierta soltura a la hora de trabajar con un programa gráfico (te recomendamos PhotoFiltre, por su sencillez de uso, aunque existen otros más potentes como El Gimp, libre y gratuito, Photoshop, comercial y de pago, etc).

1. Recuperar el logotipo original

Debes de tener en cuenta que este logotipo depende de la plantilla que estés utilizando.

En primer lugar, tendrás que determinar dónde se encuentra. Para ello visualiza el Frontend de tu sitio Web y haz clic con el botón derecho del ratón en el logotipo en cuestión. Tendrás que seleccionar las entradas Propiedades o Ver imagen de fondo (las capturas de pantalla están realizadas utilizando Firefox como navegador). En el caso de la plantilla rhuk_solarflare_ii, que es la que está utilizando en este momento el sitio, selecciona Ver imagen de fondo. La imagen del logotipo se abre. Ahora haz clic con el botón derecho del ratón y selecciona la entrada Propiedades.

Observa la información de la imagen:    

Se localiza en la ruta templates/rhuk_solarflare_ii/images Se llama header_short Su formato es jpg Su tamaño 635 x 150 píxeles

2. Editar o crear el nuevo logotipo

Tienes dos posibilidades a la hora de editar este archivo: 1. Descargarlo, por FTP, y “retocarlo” con un programa de edición de imagen 2. Crear una imagen nueva con el tamaño que tiene el original 635×150, en este ejemplo concreto. Cuando la guardes tendrás que llamarla exactamente igual que el original (mismo nombre, mismo formato jpg) y “subirla” por FTP a su ubicación original reescribiendo el archivo.

Instala una nueva plantilla

Visualiza nuevas plantillas para Joomla en Internet Si buscas plantillas gratuitas para Joomla, no te preocupes, las hay a miles. Podrás localizarlas directamente mediante el buscador Google pero lo más recomendable es acudir a las páginas especializadas en plantillas Joomla. Y, sin duda, la mejor es

Joomlademo, una página con más de 1600 plantillas, en alemán, pero que utilizarás sin problemas con nuestras indicacione.

JOOMLADEMO.DE http://www.joomlademo.de

Para seleccionar una plantilla, hazlo a través de la lista desplegable del centro de la página y a continuación haz clic en el botón de la derecha Auswahlen para visualizar cómo cambia el aspecto de la página.

¿No quieres perder el tiempo ni sabes cuál elegir entre tantas plantillas? Depende claro está, de tus gustos y preferencias pero selecciona 247portal, ccportal, derya (originalísimo diseño), silver_flare_ex, sunshine, rhuk_solarflare_iii o vista_aero_template, para visualizar diferentes tipos de plantillas a dos columnas, a tres columnas, ocupando toda la pantalla, etc.

Descarga una nueva plantilla En el site anterior visualizas la plantilla elegida pero no puedes descargarla. Para ello, tendrás que recurrir a otra página alemana igual de intuitiva en su navegación.

JOOMLAOS.DE http://www.joomlaos.de

Lo primero que debes hacer es anotar el nombre de la plantilla que te interesa. En este ejemplo hemos elegido 247portal. En la página inicial de Joomlaos.net vete al cuadro de diálogo de búsqueda y teclea en él el nombre de la plantilla que has elegido: en este caso, 247portal. Haz clic después sobre suche! - Buscar.

Aparecerá en pantalla un listado de entradas localizadas con el término escrito, entre ellas localizarás la referida a la plantilla. Para esta práctica vas a seleccionar el pack 247 Portal color-Pack, un paquete o carpeta comprimida que incluye todas las variedades de

colorido de la plantilla 247Portal (para que en el aspecto de tu web predomine el rojo, violeta, azul o marrón, por ejemplo). Observa la posibilidad de descarga del pack mediante el enlace Download 247 Portal color-Pack – Descarga

Haz clic sobre el enlace Download de nuevo en la siguiente pantalla:

Y finalmente guarda el archivo comprimido zip en tu equipo, en una carpeta de tu elección. Este pack incluye varias plantillas, por tanto, descomprímelo para acceder a las distintas carpetas zip que incluye de las diferentes variedades de la plantilla.

En ciertos casos, en la página de Joomlaos.de te encontrarás que, al hacer clic sobre el enlace relativo a la plantilla escogida, te dirige a una página similar a la que ves a continuación:

Se refiere al acuerdo de licencia que tendrás que aceptar (en el caso anterior, una licencia Creative Commons) activando la casilla junto a Ich bin mit den Lizenzbestimmungen einverstanden. Sólo entonces se te ofrecerá el archivo Zip para su descarga al que accederás haciendo clic sobre el botón Download, ahora activo.

Instala la nueva plantilla descargada Para instalar la nueva plantilla que acabas de descargar deberás seleccionar en el menú Instaladores, la opción Plantillas – Sitio.

A continuación, haz clic en el botón Examinar y localiza el archivo Zip de la plantilla elegida en tu disco duro (no es necesario que lo extraigas previamente), seléccionalo y haz clic en abrir.

Una vez localizado (la ruta al archivo aparecerá en el campo Paquete de archivo), haz clic sobre Subir archivo e instalarlo. Joomla se ocupará de colocar los archivos en su lugar correspondiente e instalarlos, sin requerir tu intervención. Si todo funciona correctamente, aparecerá una página en la que te informará de que la instalación ha sido satisfactoria.

Encontrarás la nueva plantilla en el Administrador de plantillas (recuerda Sitio Administrador de plantillas - Plantillas del sitio) y desde allí podrás configurarla como plantilla estándar (por Defecto, tal y como te hemos mostrado en un paso anterior).

Sólo te queda comprobar que, en efecto, la nueva plantilla 247portal-red tiene el diseño que te gusta para tu sitio Web recargando de nuevo el Frontend de tu sitio Web. Nota. No todas las plantillas disponen de todas las posiciones y de todos los módulos que has visto en una de las plantillas preinstaladas. Puede faltar algún menú, algún módulo como la encuesta o la barra de navegación: es el diseñador de la plantilla quien decide qué posiciones coloca en la plantilla o puede estar en otro lugar inesperado.

Tendrás que entonces arreglarlo manualmente: visualiza la posición de los módulos en Sitio – Vista Previa – En línea con las posiciones, accede al Gestor de módulos y coloca los módulos no visibles en las posiciones disponibles o modifica la posición de aquellos que no te gusta su ubicación. O si conoces el lenguaje PHP podrás modificar completamente el código de la plantilla para adaptarlo a tus necesidades o diseñar una plantilla propia. Pero esto último escapa a las pretensiones de este curso online.

Como puedes comprobar, tras la lectura de este artículo, Joomla es una herramienta que te permitirá olvidarte de muchas horas de trabajo en el diseño de la Web: desarrolladores y voluntarios en el proyecto te ofrecen diseños para tu sitio Web ya listos, para todos los gustos y colores, de manera completamente gratuita. Una vez que decidas el aspecto del sitio Web de tu centro, con estos sencillos pasos podrás volver a cambiarlo siempre que lo desees e incluso Joomla te permitirá que el visitante de tu sitio utilice el diseño que prefiera. A partir de ahora, sólo tendrás que preocuparte de llenarlo de contenidos.

Descarga en formato PDF, Capítulo 3, manual de Joomla para sitios educativos

Controlando el diseño de tu sitio Web: Descargar

Curso online de Joomla: añadir un nuevo contenido al sitio 16 06 2008

Es muy probable que esta sea la operación que realizarás con mayor frecuencia en Joomla. Ya te hemos comentado que Joomla es un C.M.S, es decir, un Sistema de Gestión de Contenidos que, ante todo, se preocupa y ocupa de que puedas añadir contenido con relativa simpleza en tu sitio Web. Y en esto radica una de las ventajas de

utilizar Joomla como herramienta de publicación Web: olvídate de pasar horas y horas ocupándote del diseño de tu sitio, de añadir botones o menús de navegación, de diseñar tablas para que el contenido que añadas a la Web no “se descoloque”… descoloque”… Joomla te lo pone muy, muy fácil… sólo decide qué contenido quieres incluir y simplemente teclea.

Una puntualización, para Joomla contenido es todo… no sólo texto, sino también imágenes, archivos de vídeo, animaciones, audio o presentaciones. Así que cuando te decimos que Joomla te permitirá añadir con suma sencillez contenido te estamos indicando que la misma sencillez la encontrarás para añadir todos estos elementos multimedia.

Para incluir contenido en Joomla utilizarás un editor de textos WYSIWIG. Si estás familiarizado con la introducción de artículos en blogs, por ejemplo, el editor de Joomla te resultará muy familiar, si lo estás con procesadores de texto tipo Microsoft Word, Works y OpenOffice tampoco notarás mucha diferencia con este tipo de ed editores (incluso alguno de sus botones son increíblemente parecidos). Por tanto, no tienes excusa para comenzar a añadir contenido a tu sitio Web. Joomla, por defecto, trae incorporado de serie en una instalación básica un editor llamado TinyMCE (libre y de código abierto), un editor utilizado por una gran variedad de gestores de contenidos además de otras herramientas de publicación Web como WordPress, muchos sistemas blogs o wikis.

Nota.. Por lo general, en todos estos sistemas que te hemos indicado, indicado, dispondrás de dos editores diferentes: uno visual, visual, caracterizado por filas y filas de botones o iconos, que te permitirá formatear el texto sin necesidad de conocer código HTML (el código empleado inicialmente en la publicación Web), y otro editor de código HTML HTML, sin botones ni etiquetas, que te permitirá establecer el formato desde el código fuente del documento. El primero deberás utilizarlo casi obligatoriamente si eres un principiante en esto de publicar en Internet y desconoces completamente el lenguaje HTM; el segundo, es muy probable que lo utilices con frecuencia si eres un usuario avanzado y deseas un mayor control sobre el código fuente.

Por cierto, TinyMCE no es el único editor posible que podrás utilizar en Joomla.

Existen otros que podráss instalar en el sistema. Es más, aunque TinyMCE es un buen editor te recomendaremos más adelante que instales otro diferente en Joomla (si estás utilizando una versión Joomla 1.0…). La razón, en este caso, estriba en que la gestión de imágenes con este editor itor no es precisamente su fuerte (y probablemente todo el contenido que incluyas en Joomla - a partir de ahora le llamaremos artículos artículos- irá acompañado de una o varias imágenes). TinyMCE, en estas versiones de Joomla (recuerda que estamos utilizando la versión versión 1.0.13), no te permite, por ejemplo, subir directamente nuevas imágenes al servidor a la vez que construyes un nuevo artículo

(habrás de hacerlo previamente o bien por FTP o bien con un gestor de archivos de imagen instalado en el sistema) y esto hace hace que utilizar este editor no sea excesivamente cómodo.

A pesar de esta limitación, y con el objeto de que te familiarices con los editores de texto en Joomla y con la forma de añadir artículos al sitio Web, te indicamos en este artículo como incluir texto en Joomla utilizando este editor. Más adelante, realizarás la instalación de un nuevo editor con mejores funcionalidades y con un gestor avanzado de imágenes que utilizarás sin problemas pues ya estarás familiarizado con la manera de añadir artículos al sistema istema y, sobre todo, con algunos de sus iconos para editar el formato del texto.

Añadir un nuevo contenido al sitio Web Vete, en primer lugar, al Panel de Control de Joomla (si no estás en él, haz clic en el menú Inicio para localizarlo). Escoge la opción del botón Añadir un nuevo artículo del Panel de Control.

Se abrirá una nueva página dividida en varias secciones, que te describiremos a continuación: Una botonera en la parte superior con botones que realizan diferentes funciones:

 

   

Previsualizar: Previsualiza cómo ésta quedando el contenido del artículo que estás realizando.

Subir:: permite subir una imagen al servidor, concretamente a la carpeta stories que localizarás en la ruta images/stories de Jooma. Por lo general no utilizarás esta opción sino no que acudirás al Administrador de imágenes, entrada que localizarás en el menú Sitio, porque necesitarás controlar el lugar exacto donde ubicar tus imágenes, sobre todo, si tienes muchas carpetas diferentes para distintos usos.

Guardar:: guarda los cambios cambios que vayas realizando al editar el artículo Aplicar:: aplica los cambios realizados Cerrar:: Cancela los cambios y cierra el editor Ayuda:: muestra la pantalla de ayuda de esta página.

La parte izquierda de la pantalla la ocupa el editor de artículos, en el que verás el espacio central en el que podrás teclear el texto del artículo a realizar y varias filas de

botones de edición del contenido (algunos te recordarán a los iconos propios dde un procesador de textos). En la parte derecha de la pantalla verás las opciones de publicación del artículo con diversos parámetros que podrás seleccionar.

Observa los iconos presentes en el editor TinyMCE. Si pasas el ratón lentamente por encima de ellos los te mostrará para qué sirven y conocéras intuitivamente su utilización si estás familiarizado con la edición de textos a través de los procesador de textos, como Word o Writer.

Antes de escribir el contenido del artículo deberás incluir un título al mis mismo en el campo Título (el que se verá como título del artículo en diferentes secciones de la web), un alias (procura repetirlo, para facilitarte la tarea) y asignarlo a una sección y categoría (obligatoria la jerarquización de contenidos en sección - categ categoría - artículo de contenido, y por este orden, te lo explicaremos más adelante). Como ejemplo concreto vas a crear un nuevo artículo en el que expliques la oferta educativa de tu centro, tal y como ves en la captura de pantalla siguiente:

Hemos asignado el artículo a una de las secciones ya preestablecidas por Joomla como ejemplo en la instalación: Noticias y a la categoría Últimas noticias,, pero podrías haber asignado este artículo a cualquier sección y categoría del listado (o a cualquier sección y categoría egoría que hubieras creado previamente). Con respecto al texto hemos utilizado las diversas opciones que nos permite la caja Formato del texto para ampliar su tamaño y además hemos hecho un listado tipo viñetas.

Nota. Joomla se integra perfectamente con tu procesador de textos. Puedes preparar el texto previamente en Word o en OooWriter, por ejemplo, y luego copiar - pegar su contenido al editor de Joomla (lo que incluye también todas sus características de formato).

Observa ahora la parte derecha de la pantalla, unos cuadros informativos distribuidos en pestañas te permitirán controlar el contenido del artículo y algunos de sus parámetros de publicación: Por ejemplo, en la pestaña Publicación: 

Ver en la página inicial. Te permite posicionar el artículo, si está validado, en la página de inicio de tu sitio Web. Publicado: Si está validado el artículo estará publicado y se mostrará en la Web. Nivel de acceso: Puedes hacer que el artículo que estás realizando pueda ser accesible públicamente - public o sólo para usuarios registrados - registered. Así se simple es limitar el acceso a un artículo a quien desees.

Autor Alias: si deseas que un nombre concreto aparezca como autor del artículo escríbelo aquí.

Las otras opciones son bastante intuitivas, compruébalo por tí mismo: podrás cambiar editar la fecha de creación del artículo, ver los hits de visualizado del artículo tras su publicación, etc.

Edita o formatea el nuevo artículo Como ves en las imágenes siguientes, he escrito un artículo de prueba para que aprecies los cambios que puedes realizar con alguno de los iconos presentes en el editor TinyMCE. 

Si quieres trabajar con los márgenes, selecciona el texto y haz clic en uno de los iconos para alinear el texto situados en la fila superior; por ejemplo Alinear centrado: De esta misma forma puedes alinear el texto a la izquierda, alinearlo a la derecha o alinearlo justificadamente en los márgenes (seleccionarel texto y hacer clic sobre el icono correspondiente, así de simple).



Para formatear el texto en negrita, cursiva, subrayado o tachado, selecciona el fragmento de texto que desees y haz clic sobre la N, K, S o ABC ABC, respectivamente.



Puedes también cambiar el tamaño de la fuente fuente seleccionando uno de los formatos preestablecidos.



O puedes incluir listas ordenadas e insertar viñetas haciendo clic sobre los iconos correspondientes.

Como ves, aunque sencillo, TinyMCE incorpora iconos que te permiten realizar tus nuevos artículos culos con una cierta apariencia y estética relativamente vistosa. Prueba a añadir nuevos artículos asignándolos a las secciones y categorías preestablecidas de Joomla y a editar el texto utilizando los iconos señalados.

Como has comprobado tras la lectura del artículo, añadir texto a Joomla es sencillo.

Para visualizar el nuevo artículo que acabas de crear tendrás que seguir los siguientes pasos: 1. Visualizar el sitio Web mediante Sitio - Vista previa - En una nueva ventana.

2. Hacer clic en el botón Noticias que hallarás en el menú de navegación principal.

3. Hacer de nuevo clic en la categoría Últimas noticias y, a continuación, en el nombre del artículo que has creado.

Esto te indica algo muy habitual en Joomla: puedes crear un nuevo artículo pero puedes no verlo en tu sitio Web. Necesitarás siempre asignarlo a una sección, a una categoría y, además, lo más probable es que necesites un enlace en un menú de navegación para poder acceder a él. Y puede ser también que te hayas olvidado olvidado de publicarlo (por

defecto, los nuevos artículos se publican siempre) o que su acceso esté limitado a ciertos usuarios y no sea público. Como aprecias las opciones de configuración de Joomla son muy variadas, lo que hace que esta herramienta sea excepcionalmente excepcionalmente potente.

Joomla 1.5: una grata sorpresa 26 07 2008

Llevaba tiempo con ganas de probar la nueva versión 1.5 de Joomla, y ahora que estoy de vacaciones, he decidido instalarla. Apenas un par de días y ya tengo un buen listado de motivos para quedarme con ella. He de reconocer mi reticencia inicial, en parte, parte, porque la versión 1.0 que manejaba satisfacía completamente mis necesidades en esto de la publicación Web (y para qué dedicarle tiempo, pura comodidad) y, además, porque no quería arriesgarme a no poder utilizar algunas de las extensiones que uso habitu habitualmente. Pero, lo dicho, aprovecho estos momentos para probar nuevas opciones y le llegó el turno a Joomla.

Lo primero que me sorprendió gratamente fue el proceso de instalación. Tan simple y en tan breves pasos como en la versión anterior, sin diferenciarse diferenciarse en el proceso prácticamente en nada: rápido y sencillo, aunque eso sí, con una cierta mejora en su apariencia estética y un par de botones que simplifican si cabe, aún más, el proceso de instalación.

Pero las mejoras se aprecian aún más cuando iniciamos iniciamos tareas de administración con la nueva versión. Lo primero que destaca es el rediseño en la navegabilidad por el sistema, mucho más claro y más usable. Ya me había acostumbrado a navegar por los diferentes menús de Joomla 1.0.15 para realizar distintas tareas, tareas, como si fuera dando saltos de uno a otro, cuando compruebo con un cierto asombro que Joomla 1.5 agrupa desde un mismo elemento de menú la gestión e instalación de extensiones: un único apartado para instalar y desinstalar cualquier tipo de extensión y un nuevo reagrupamiento de la gestión de las extensiones que hacen que el manejo sea ahora mucho más cómodo y rápido. ¡Olé!

También me había acostumbrado a acudir al Panel de control o a manejar las entradas de menú según la tarea que iba a realizar con con Joomla, casi de memoria (en esto Joomla 1.0.x, de vez en cuando, nos lía algo). En cambio, con Joomla 1.5 puedo hacer prácticamente todo desde el menú de navegación, mis visitas al Panel de control se han hecho más bien escasas. ¡Menuda comodidad!

Reconozco ozco que también me hacía un pequeño lío con la instalación de mambots, plugins o como quisieran llamarlo y, en más de una ocasión, he tenido que comprobar fehacientemente qué es lo que estaba instalando. Con Joomla 1.5 se acabó la confusión: instalaremos plugins y gestionaremos plugins. Y el acceso a los mismos es mucho más rápido al poder filtrarlos por tipo de plugin o por su estado (publicado o no). ¡Clarito, muy clarito!

Tampoco utilizaba en demasía la división de la pantalla de edición de contenidos een dos partes diferentes. Pero con Joomla 1.5 esto se ha simplificado para bien. Una sola pantalla para editar el artículo permite ampliar el campo de visualización y es mucho más práctica, un sencillo botón en la parte inferior permitirá dividir el texto dde una manera muy simple: incorporará una línea horizontal para marcar la separación entre el texto introductorio y el resto del artículo. Además, se mejora también la visualización de los parámetros de configuración de los artículos al incluir paneles desl deslizantes frente a las clásicas pestañas de las versiones anteriores. ¡Qué modernidad!

En alguna ocasión, a la hora de crear los contenidos para Joomla he tenido que dedicar un cierto tiempo a decidir qué tipo de contenido iba a crear según la finalidad que perseguía escribiéndolo: la diferenciación entre artículo de contenido estático y artículo de contenido dinámico me obligaba a ello. Y ha habido varios momentos en los que, o he tenido que redefinirlos o he tenido, incluso que borrarlos o eliminarlos porqu porque no se ajustaban a lo que buscaba. Joomla 1.5 simplifica mucho estas opciones y no sólo suponen un cambio de nombre (ahora todo se llama artículo): es posible realizar artículos sin clasificar, sin atribuir a una determinada categoría o sección (similar a lo que antes eran los artículos de contenido estático) pero con la opción ahora de asociarlos a una categoría o sección con posterioridad si fuese necesario. ¡Muy útil!

También se ha simplificado la creación y gestión de menús, algo que los administradoress más noveles agradecerán: de un listado amplio y, a veces, confuso en las versiones 1.0.x se ha pasado a una especie de árbol con una lista mucho más clara y simple que, además, ofrece ayuda visual sobre el tipo de menú que se está creando. Si en versioness 1.0 los errores en la creación de menús pasaban por eliminarlos

irremediablemente, en Joomla 1.5 un simple botón nos permitirá cambiar el tipo de menú y escoger otra de las opciones disponibles. ¡Bravo, bravísimo!

En fin, seguro que me dejo en el tintero tintero muchas otras mejoras que iré comprobando a medida que vaya familiarizándome con esta versión, pero con las ya mencionadas… ¡Definitivamente, me quedo con Joomla 1.5!

Curso online de Joomla: instala el editor JCE 27 07 2008

Joomla incorpora preinstalado un editor básico para que puedas crear y editar los contenidos que desees: es el llamado editor editor TinyMCE, un sencillo editor WYSIWIG que te permitirá formatear el texto como si estuvieses trabajando con un procesador de textos (de hecho, en muchos ocasiones, no notarás la diferencia, al utilizar un sistema de iconos muy similares a los que habitualmente habitualmente utilizas en Ms. Word o en OooWriter (su alternativa libre integrada en OpenOffice.org).

Editor predeterminado TinyMCE en una instalación básica de Joomla

Probablemente será suficiente para tí utilizar el editor TinyMCE, sobre todo, a la hora de realizar las tareas más habituales que realizarás con textos: cambiar el formato de fuente, su tamaño, alinearlo, etc., pero… notarás sus carencias cuando utilices imágenes en tus artículos. Este editor no posee un buen gestor de imágenes que te permita no sólo incluirlas en tus artículos, sino también subirlas cómodamente al servidor, redimensionarlas, ajustar su tamaño y posición, añadir y configurar enlaces, etc. Para ello, no te quedará más remedio que utilizar el Administrador de imágenes que incluye Joomla en su instalación básica (lo hallarás en Inicio - Panel de Control) y preparar previamente la imagen con un programa de edición (como Gimp, por ejemplo) antes de subirla al servidor. Esto es muy incómodo, hasta complicado si no sabes manejar un programa de edición de imagen y, sobre todo, una pérdida de tiempo considerable.

Lo ideal es disponer de un editor que te permita realizar todas estas tareas directamente desde la propia edición en línea del artículo, es decir, utilizando las posibilidades que el propio editor incorpora. Por ello, te recomendamos que dediques unos minutos a instalar en Joomla un editor que incorpore estas funcionalidades.

Si acudes a la página oficial de extensiones para Joomla: http://extensions.joomla.org/

y seleccionas en el menú Extension Categories, la categoría Edition y, a continuación, el enlace Editors, accederás a una amplia lista de posibles editores para instalar en tu Joomla (a fecha de este artículo, nada más y nada menos que 14 editores, algunos de ellos incluso comerciales, de pago).

Con este artículo aprenderás a instalar uno de ellos (repite el procedimiento con el que desees). El que te recomendamos es el mejor, sin duda, por su popularidad, por su amplio desarrollo y por ser uno de los más completos. Nos referimos al editor JCE, un editor WYSIWIG como el anterior pero que sí incorpora un excelente gestor de imágenes. Al ser una extensión muy completa, su instalación puede resultarte algo complicada, pero si sigues nuestras indicaciones no te resultará nada difícil. Ten en cuenta que el desarrollo del editor JCE está muy avanzado y muchos desarrolladores trabajan con él: esto trae consigo que existan muchas funcionalidades creadas para él como plugins específicos o packs de lenguaje diversos (entre ellos el español). Nosotros realizaremos una instalación básica: necesitarás descargar e instalar el plugin del editor, pero también un componente de administración ( paso imprescindible) y un archivo de idioma español, por si eso del inglés no es lo tuyo. ¿Te pones manos a la obra?

Paso 1. Localiza los archivos necesarios En primer lugar, debes dirigirte a la página oficial del proyecto: http://www.joomlacontenteditor.net/

Para descargar los archivos necesarios tendrás que registrarte: hazlo en la pestaña Login/Register. No te preocupes: el registro es completamente gratuito. Una vez

finalizado el registro acude a la pestaña Downloads para acceder al gestor de descargas.

Tanto si utilizas Joomla 1.0.1x como Joomla 1.5 el procedimiento de descarga es el mismo: selecciona la versión exacta de Joomla que tienes instalado y guarda en tu equipo los archivos referentes al plugin, al componente de administración y al pack de idioma español.

Para Joomla versión 1.0.x 





Localiza el enlace JCE Editor Mambot/Plugin y haz clic sobre él. Selecciona la versión 1.0.1x y haz clic de nuevo sobre este enlace. Ahora busca en la siguiente pantalla el enlace JCE Editor Mambot 1.18 y guarda el archivo bot_jce_118.zip en una carpeta de tu ordenador.

Haz clic sobre el icono Downloads Home para volver al gestor de descargas. Localiza el enlace JCE Admin Component y haz, de nuevo, clic sobre él. Selecciona la versión 1.1.x haciendo clic sobre su entrada y busca en la siguiente pantalla la entrada JCE Admin Component 1.1.1. Haz clic en ella y guarda el archivo com_jce_111.zip en tu equipo.

Por último, vuelve de nuevo a la pantalla inicial de descargas y haz clic sobre JCE Language packs. Selecciona la entrada Language Packs for Joomla 1.1.x y guarda en tu equipo el archivo del idioma español (spanish language).

Ahora tienes tres archivos comprimidos zip convenientemente guardados en tu ordenador: no necesitarás descomprimirlos, Joomla se encargará de todo cuando comiences el proceso de instalación del nuevo editor.

Para Joomla versión 1.5

El proceso es exactamente el mismo, pero localizando en cada una de las entradas la versión Joomla 1.5.x. De momento, no existe versión de idioma español, por lo cual sólo tendrás que localizar y descargar dos archivos: el archivo correspondiente al plugin y el archivo que se refiere al componente de Administración.

Al finalizar el proceso tendrás dos archivos comprimidos zip en tu equipo: plg_jce_150_rc1.zip (el plugin) y com_jce_150_rc4.zip (el componente de administración). No debes descomprimirlos, Joomla se encargará de todo a la hora de instalarlos.

Paso 2. Instala el editor Llega el momento de realizar la instalación del nuevo editor. Lógicamente tendrás que loguearte en Joomla como Administrador (en la pantalla de acceso, teclea los datos del usuario admin) para realizar la instalación de extensiones en el sistema.

Instala el editor JCE en Joomla versión 1.0.1x

El orden que has seguido para descargar los archivos necesarios, es también el orden que debes seguir para instalar el nuevo editor. En primer lugar, instala el plugin y, a continuación, el componente de Administración. Observa cómo: Instalar el plugin JCE.



Para instalar plugins o mambots en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada mambots.



En la nueva pantalla haz clic sobre el botón Examinar para localizar el archivo del plugin descargado en el paso 1 (es el archivo bot_jce_118.zip) y guardado en tu equipo. Cuando su ruta de acceso aparezca en el campo de texto Paquete de archivo archivo, haz clic en el botón Subir archivo e instalarlo. instalarlo



En breves segundos, el sistema te indicará que el plugin se ha instalado satisfactoriamente. Localiza al final de la página el enlace Continuar… … para volver a la pantalla inicial de instalación.

Ahora toca instalar talar el componente de Administración de JCE. 

Para instalar componentes en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada Componentes.



El procedimiento es exactamente igual al anterior. Mediante el botón Examinar localiza el archivo descargado en el paso 1, es el archivo com_jce_111.zip e instálalo mediante el botón Subir archivo e instalarlo. instalarlo



De nuevo espera unos segundos y el componente se habrá instalado sin problemas. Sal de la pantalla de instalación haciendo clic en el enlace Continuar… … que localizarás en la parte inferior de la página.

Instala el editor JCE en Joomla versión 1.5

Como ya te hemos comentado en un artículo anterior, Joomla 1.5 ha simplificado mucho el proceso de instalación de extensiones pues ahora todo todo se hace desde un único punto: el menú Extensiones - Instalar / Desinstalar.

Por lo demás, el proceso es exactamente igual que el referido para las versiones 1.0.1x: instala primero el plugin y después el componente de administración, mediante idénticos procedimientos.

Paso 3. Configura el editor En primer lugar, debes asegurarte que el plugin que acabas de instalar está habilitado.

Quizá no sea el caso de este editor, pero este es un error muy frecuente a la hora de trabajar en Joomla:: instalas algo y no puedes utilizarlo, y no sabes el porqué, simplemente el motivo es que puede no estar habilitado. Es muy recomendable que cuando realices cualquier instalación acudas al gestor correspondiente para comprobar si se encuentra o no publicado. publica . Si tu versión de Joomla es 1.0.1x tendrás que acudir al menú Mambots - Administrador de mambots y comprobar que en el listado correspondiente la entrada JCE Editor Mambot se encuentra publicada (en la columna que corresponde a su derecha habrá un icono en verde). Si tu versión de Joomla es 1.5 acude al menú Extensiones - Gestor de plugins para comprobar que Editor - JCE 1.5.0 también lo está (icono de validación en verde).

La administración del editor se realiza desde su entrada en el menú Componentes ((en ambas versiones de Joomla). En el caso de la versión 1.0.1x tendrás que utilizar la entrada JCE Languages para instalar el pack de idioma español. No es nada difícil hacerlo: en la pantalla JCE Language Manager haz clic sobre el botón Install y repite ell procedimiento ya conocido para instalar el archivo: examina tu equipo y súbelo e instálalo. El lenguaje español aparecerá en el nuevo listado, haz clic en su botón de validación y, seguidamente, pulsa sobre el botón Publicar.

Paso 4. Asigna el nuevo editor editor a los usuarios de Joomla La instalación del editor ha finalizado pero, de manera predeterminada en la instalación, los usuarios del sistema utilizarán el editor preinstalado en Joomla, es decir, TinyMCE. Tendrás que indicar manualmente qué usuario utilizará utilizará el nuevo editor instalado y, en concreto, tú mismo como administrador del sistema.

Utilices la versión de Joomla que utilices el proceso es similar. Acude al Administrador de Usuarios (en Joomla 1.0.1x mediante el Panel de Control y en Joomla 1.5 a través del menú Sitio - Gestor de usuarios). ). Si acabas de realizar una instalación básica lógicamente sólo habrá un usuario en el sistema, el usuario Administrador. Haz clic sobre su nombre para acceder a la configuración del usuario y localiza el apartado Parámetros para especificar el editor que utilizará, a partir de ahora, el usuario. De la lista selecciona el editor JCE y haz clic finalmente sobre el botón Guardar.

Selección del editor para el usuario Administrador en Joonla 1.0

Selección del editor para el usuario Administrador en Joomla 1.5

Comprueba ahora que el nuevo editor se encuentra ya disponible. Por ejemplo, escribe un nuevo artículo y fíjate que ahora el editor JCE se muestra en la pantalla. Prueba con alguno de sus iconos nos y experimenta un poco. En un futuro artículo te indicaremos cómo utilizar el gestor de imágenes que lleva incorporado.

Este artículo ha sido visitado 822 veces

Curso online de Joomla: gestionando los contenidos (I) 6 08 2008

Si eres administrador de un sitio Web realizado con Joomla debes conocer cómo este C.M.S. gestiona iona los contenidos. Joomla sigue una estructura jerárquica de contenido muy precisa: Sección - Categoría y Artículo de contenido, y por este orden. Cuando te plantees el diseño de tu sitio Web, primero deberás crear las secciones que necesites, luego, dentro tro de ellas, irán las categorías y, finalmente, dentro de éstas los artículos de contenido. Debes pensar en las secciones y categorías como contenedores de información que sirven para la organización interna de los contenidos en Joomla, pero que no poseen la flexibilidad que tienen las carpetas y directorios en los sistemas operativos. Joomla entiende por artículo de contenido cualquier texto que quieras introducir en tu Web, ya sea una noticia, un comentario, un conjunto de fotografías, etc. y cada artículo lo de contenido tiene que estar asignado a una categoría (al menos en versiones Joomla 1.0.x) y cada categoría formará parte de una sección, o viceversa, a cada sección debe corresponderle por lo menos una categoría.

Nota. Debes crear, por lo menos, una sección, sección, y dentro de ella, por lo menos, una categoría, antes de crear cualquier artículo de contenido o documento en Joomla.

¿Te lías un poco? Los conceptos de secciones y categorías pueden resultarte un tanto confusos y difíciles de comprender, así sin más, más, pero si planificas previamente tu sitio Web te resultará fácil su creación. Debes establecer, con lápiz y papel, el menú de navegación que incluirá tu sitio Web, pues eso condicionará, con toda probabilidad, la creación de secciones, categorías y, también, también, los futuros menús de navegación. Nosotros te ofreceremos un ejemplo de las posibles secciones, categorías y, en futuros artículos también los menús de navegación, que puede poseer una web-tipo web tipo para un centro educativo, ya sea de Primaria o Secundaria, pero, pero, lógicamente, te corresponderá a ti adaptarlo a tus necesidades concretas.

Pero si el concepto de secciones y categorías puede resultarte a priori un poco lioso, su proceso de creación en Joomla es extraordinariamente sencillo y repetitivo: prácticamente el único dato que tendrás que considerar será su nombre.

Te adelantamos otro dato: la estructura de secciones y categorías no tiene necesariamente que coincidir con los menús de tu Web, aunque sí es posible que una gran cantidad de los menús de tu sitio se relacionen directamente con categorías creadas. Como verás más adelante, los menús en Joomla son sólo enlaces a distintos apartados de la Web y podrás crear estos enlaces a una sección, a una categoría, pero también a artículos de contenido o a componentes instalados en el sistema. Las posibilidades son muchas y muy variadas.

Y aunque te ofrecemos un criterio de clasificación tipo, el sistema es tan flexible que te permitirá editar las secciones y categorías en cualquier momento que precises y también mover documentos creados anteriormente hacia otras secciones o categorías existentes.

Por tanto, considera que esta organización ni es inamovible ni es inalterable.

Planificación de secciones Supongamos que estás planificando el diseño de la página Web de tu Instituto y que deseas que en ella se traten los siguientes aspectos de la vida de tu centro: 



 







Con respecto a la vida ordinaria del centro: Datos generales, su situación, instalaciones, organización, oferta educativa, el horario general del centro, información académica, secretaría, personal laboral, etc.

Con respecto a los alumnos: horarios por cursos - aulas, la Junta de delegados, Actividades complementarias, Actividades extraescolares, enlaces expresamente destinados a ellos…

Con respecto a los padres: AMPA, tutores y horarios de atención de tutorías, Escuela de Padres, actividades de la AMPA… Los proyectos en marcha del centro: Biblioteca escolar, Apertura del centro, Proyecto TIC, Educación vial, Fomento de la lectura, Salud y consumo, proyectos internacionales, etc.

La organización en Departamentos: información general y concreta de los diferentes departamentos, Ciencias Naturales, Economía, Cultura Clásica, Educación Física,Tecnología, etc.

Diferente documentación para visualizar y/o descargar: Proyecto Educativo, Proyectos curriculares, Proyecto TIC, RRI, Boletines informativos del centro, legislación actualizada, etc.

Novedades: Últimas noticias, novedades, citas, avisos, etc.

El esquema ya de por sí te indica que necesitarás que Joomla disponga de unas secciones muy claras: por ejemplo, CENTRO, ALUMNADO, FAMILIAS, PROFESORADO, DEPARTAMENTOS, aunque todo ello dependerá, claro está, del contenido que quieras mostrar en la Web y de la complejidad de la misma. Para diseñar una web de un centro de Educación Infantil y Primaria probablemente no necesites planificar tantas secciones y, en cambio, en la Web de un Instituto la sección Alumnos y Departamentos puedan ser imprescindible, sobre todo, si pretendes ofrecer recursos propios de una intranet en el primer caso o si diferentes profesores gestionan su propio departamento y acostumbran a incluir contenidos propios en la Web en el segundo.

Como ves, la posibilidad de establecer secciones y categorías te permite mucha flexibilidad a la hora de diseñar tu sitio Web, desde un sitio muy sencillo con una única sección (por ejemplo, la sección centro) en la que incluirás todos tus artículos de contenido, a sitios Web complejos y casi profesionales con múltiples secciones, plantillas diferentes para cada sección, menús variados por secciones y muchas otras combinaciones posibles. Depende, todo ello, de qué tipo de sitio Web pretendas diseñar y de tus conocimientos en la propia administración de Joomla, pero te garantizamos que Joomla te permite todo esto… y mucho más.

Planificación de categorías Algo similar ocurre en el proceso de planificación de las categorías que se incluirán en cada sección. Aunque te ofrecemos un ejemplo de posibles categorías, todo dependerá de qué sitio Web estés planificando: 

   

Categorías de la sección CENTRO. Organización, Información académica, Secretaría, Proyecto TIC, Proyecto Biblioteca y los distintos proyectos que tenga en marcha el centro…

Categorías de la sección ALUMNADO. Junta de delegados, Extraescolares, Experiencias, Experiencias TIC Categorías de la sección FAMILIAS. AMPA, Actividades Categorías de la sección PROFESORADO. Profesorado General, Enlaces Web Categorías de la sección DEPARTAMENTOS. Crea una categoría para cada departamento: Educación Física, Ciencias Naturales, Historia y Geografía, Orintación, Llingua Asturiana, Música, Matemáticas, Lengua y Literatura, Francés, Inglés, Física y Química…

¿Tienes las cosas más claras ahora? Pues… planifica tu sitio web convenientemente: coge lápiz y papel y anota qué secciones y qué categorías concretas necesitarás para clasificar tus contenidos en Joomla. Nosotros te mostraremos el procedimiento para crearlas, a ti te corresponde adaptar nuestra guía a tus posibles criterios de clasificación: sólo tendrás que cambiar su nombre.

Eliminar las secciones, categorías y artículos de contenido de ejemplo de Joomla

Cuando realizaste la instalación de Joomla, sea en su versión 1.0.x o 1.5, muy probablemente instalaste datos de ejemplo. De esta manera, se crearon secciones, categorías ías y artículos de contenido de ejemplo, para mostrarte las posibilidades de este CMS. Ahora bien, no las vas a utilizar con toda probabilidad, por lo que lo mejor será que elimines estos elementos preinstalados que no te hacen falta.

Para eliminar secciones, categorías y artículos de contenido debes seguir un orden determinado. En primer lugar, tendrás que eliminar los artículos de contenido, ya que sólo podrás eliminar categorías y secciones si éstas están vacías. ¿Cómo?

En versiones Joomla 1.0.x  



Vete al Panel de control (menú Inicio) y haz clic sobre el botón Administrador de artículos.

Selecciona todos los artículos de ejemplo que deseas eliminar haciendo clic en el cuadradito situado a la izquierda de cada uno de ellos (te recomiendo los selecci selecciones todos, te aseguro que no los necesitarás).

Una vez validados, para borrarlos pulsa el botón Basura que se encuentra en la botonera superior.

En realidad, no has eliminado los artículos, tan solo los has mandado a la Papelera (te permitirá recuperarlos rlos posteriormente si te arrepientes de su borrado). Para borrarlos definitivamente (y que las secciones y categorías se encuentren vacías) debes acudir de nuevo al Panel de Control, Control al botón Administrador de la Papelera.. Selecciona de nuevo todos los artículos ículos y bórralos definitivamente haciendo clic, de nuevo, sobre el botón Borrar (acepta los mensajes de advertencia y elimina definitivamente todos los artículos de la papalera)

Una vez que hayas eliminado los artículos de contenido podrás borrar las ca categorías y secciones, ¡y recuerda… siempre por este orden!

La gestión de categorías se realiza desde el menú Contenido - Administrador de categorías o bien desde Panel de Control - botón Administrador de Categorías Categorías.

Observa que en el listado aparecen las tres categorías de ejemplo creadas en la instalación y que ninguna tiene artículos de contenido asociados (columna Activos, valor 0), ni siquiera en la papelera (columna Papelera, valor 0). Como están vacías podrás eliminarlas seleccionándolas y haciendo clic sobre el botón Borrar Borrar. Elimina todas las categorías de ejemplo.

Con un procedimiento similar podrás eliminar también las secciones. Accede a las diferentes secciones creadas desde el menú Contenido - Administrador ador de Secciones o bien desde Panel de Control - Administrador de Secciones y repite el procedimiento para eliminar todas las secciones de ejemplo creadas (selecciónalas y haz clic en el botón Borrar). ¡Ahora tu sistema esta limpio y despejado!

En versiones Joomla 1.5

Los procedimientos para eliminar artículos de contenido (en Joomla 1.5, simplemente artículos), categorías y secciones son exactamente los mismos sólo que su gestión y administración se realiza desde el menú Contenido. Selecciona Gestor de ar artículos y envía todos los artículos de ejemplo a la Papelera haciendo clic sobre el botón de la botonera superior Papelera (bórralos definitivamente en el menú Contenido - Papelera de artículos). ). A continuación, elimina las categorías creadas en Contenido - Gestor de

Contenidos y, finalmente, haz lo mismo con las secciones en Contenido - Gestor de secciones. ¡Ya está, Joomla limpio y despejado!

Nota. Si ahora previsualizas tu sitio (localiza el enlace Previsualizar situado en la esquina superior derecha y en el menú contextual del botón derecho del ratón selecciona Abrir en una pestaña nueva, así recargarás la página) comprobarás que la parte central de Joomla (donde se muestran los artículos) está vacía y no muestra nada: te has “cargado” todo el contenido de tu sitio Web. Ten, por tanto, mucho cuidado con lo que borres en Joomla.