En este artículo, paso a paso,
aprenderemos a crear nuestro primer Módulo Personalizado, concretamente uno similar al módulo llamado "Rayuela" que, a modo de ejemplo, aparecerá,
durante un tiempo, en la columna derecha de este portal. Además repasaremos algunas de las posibilidades de JCE, el editor de textos de nuestro Portal Educativo
Según el manual de usurario de joomla, un modulo es una pequeña aplicación “que se utiliza para mostrar información o características interactivas en un sitio Joomla!. Un Módulo puede contener cualquier cosa desde texto plano, a HTML, hasta aplicaciones de terceros autónomas. Los Módulos también pueden mostrar contenido interactivo, como encuestas, últimas noticias, noticias externas…”
Los módulos se pueden dividir en tres grupos:
-
Módulos que vienen con la distribución oficial de Joomla, por ejemplo,el módulo "Quién está en línea" (mod_whosonline), el módulo de "Acceso" (mod_loqin)...
-
Módulos de ”Terceros” obtenidos en internet y posteriormente instalados en el sistema usando en meú "Instaladores", por ejemplo el módulo Agenda o Ultimos Eventos
-
Módulos personalizados o de usuario que son aquellos que son creados por el administrador del portal o sea por vosotros.
Siguiendo este artículo desarrollaremos nuestro primer módulo de Usuario. Su estructura será muy simple: dos imágenes que se intecambian entre sí al pasar el ratón sobre ellas y que enlazan con la página de rayuela https://rayuela.educarex.es y para ello lo único necesitaremos son dos imágenes de tamaño similar tamaño y de 165 píxeles como máximo de anchura. Os la podéis bajar de aquí, haciendo clic con el botón derecho sobre ellas y guardar como…
 |
 |
Una vez que tenemos las imagenes, podemos comenzar a crear nuestró módulo. Para ello:
1.- En la zona de administración, selecciona Menú "Módulos" -> "Módulos de Sitio" para entrar en el Administrador de Módulos.
2.- Haz clic sobre el botón "Nuevo" de la barra de herramientas para crear tu módulo personal.
3.- Completa sus datos: Título -> Rayuela, Mostrar título-> Sí, Posición-> Rigth o left (según el lugar de tu frontend donde quieres que aparezca el núevo módulo), Orden -> 1º (Es la posición contando de arriba hacia abajao), Publicado -> Sí y Mambot ->No (impide que se muestre el mambot "Añadir artículo a favoritos"). Además puedes selecionar en Artículos del menú cuando deseas que aparezca tu nuevo modulo. Pulsa sobre "Aplicar", de vez en cuando, para guardar los cambios.
4.- Ya hemos creado nuestro módulo, pero aún está vacío, para llenarlo de contenido bajaremos hasta el área de "Salida personalizada" de esta misma pantalla y, utilizado su editor, introduciremos las imágenes, texto, enlaces... que deseemos. Pulsa en el icono insertar imagen.
5.- Usando el icono "Subir" - Examinar y Subir"- envía a tu servidor las dos imágenes, rayuela1.jpg y rayuela2.jp
6.- Haz clic sobre la pestaña "Imagen de Intercambio" y marca la casilla "Imagen de Intercambio". A continuación, marca en el cuadro "Cursor fuera" y selecciona, haciendo doble clic sobre ella, la imagen rayuela1.jpg y luego "Cursos sobre" y selecciona rayuela2.jpg
7.-Vuelve a la pestaña "Imagen del artículo", selecciona la imagen rayuela1.jpg y pulsa "insertar".
8.- Ya tenemos insertada nuestra imagen con efecto de intercambio ahora la vamos a enlazar con con la web de Rayuela. Selecciona la imágen, céntrala, y pulsa sobre el icono "Insertar enlace".
9.- Escribe en el Cuadro "URL" la dirección web https://rayuela.educarex.es y en Título: Rayuela y pulsa "insertar".
10.- Para terminar, haz clic sobre el botón "Guardar" de la barra de herramientas y ya tendrás tu bonito módulo listo.
Siguiendo un proceso similar al anterior podrás crear cualquier tipo de módulo personal: con texto, texto e imágenes, enlaces, flash...
Espero que te sea útil.
