rayuela    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:

      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… 

rayuela1
rayuela2

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.

art_mod01

2.- Haz clic sobre el botón "Nuevo" de la barra de herramientas para crear tu módulo personal.

  art_mod02

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.

art_mod03

 

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.

art_mod04

5.- Usando el  icono "Subir" - Examinar y Subir"- envía a tu servidor las dos imágenes, rayuela1.jpg y rayuela2.jp

  art_mod05

  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 

art_mod06

  7.-Vuelve a la pestaña "Imagen del artículo", selecciona la imagen rayuela1.jpg y pulsa "insertar".

art_mod07

  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".

art_mod08

9.- Escribe en el Cuadro "URL" la dirección web https://rayuela.educarex.es y en Título: Rayuela y pulsa "insertar". 

art_mod09

 

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. 

 

 

 


 

 art_mod092