Joomla. Índice. 1. Categorías y subcategorías Crear artículos Gestión de menús Otros tipos de menús...

Transcripción

1 1

2 Joomla Vamos a aprender a utilizar este potente Sistema Gestor de Contenido (CMS, Content Manager System) que permite crear sitios web elegantes, dinámicos e interactivos en nuestro propio dominio web. Índice 1. Categorías y subcategorías Crear artículos Gestión de menús Otros tipos de menús Gestión de módulos Instalar extensiones Crear encuestas Galería de fotos Gestión de usuarios Servidor de noticias Página web del IES Agost Editar artículos desde el Front-end Usuarios de profesores Crear contactos

3 1. Categorías y subcategorías Al entrar podemos pulsar sobre Gestor de Categorías o desde el menú Contenido > Gestor de categorías. Después para crear una nueva categoría se puede hacer desde Contenido > Gestor de categorías > Añadir nueva categoría o desde dentro del gestor pulsando sobre Nuevo. 3

4 Ahora crearemos la categoría Apuntes, el alias se llamará igual que el nombre si se deja en blanco El padre lo dejamos en No asociado pero para una subcategoría, debemos elegir la categoría de la que colgará. El estatus publicado o despublicado permitirá que los artículos que contenga sean visibles o no en la web. El acceso puede ser público (todo el mundo puede ver lo que contenga), registrado (solo los usuarios registrados en la web pueden verlo). Podemos añadir una descripción y finalmente pulsamos Guardar & Cerrar. Si tenemos que crear más categorías o subcategorías es mejor pulsar Guardar & Nuevo. Ejemplo: 4

5 2. Crear artículos Ahora aprenderemos a crear artículos, para ello vamos a la pestaña Contenido > Gestor de Artículos > Añadir Nuevo Artículo o desde dentro del gestor pulsando sobre Nuevo. A la hora de rellenar los campos es igual que las categorías. 5

6 Para añadir imágenes pulsamos sobre el botón Imagen que sale al final del editor de texto, en Subir archivos seleccionamos la imagen y le damos a Iniciar subida. Después para insertarla la seleccionamos, podemos ponerle una leyenda y alinearla con el texto si queremos, y finalmente pulsamos Insertar. Al terminar un artículo, para guardar es igual que las categorías. 3. Gestión de menús En esta sección aprenderemos a añadir menús y cómo hacer que aparezcan luego en la página principal. Añadiremos el menú Qui som?, para ello seguimos la ruta Menús > Gestor de menús > Añadir nuevo Menú o desde el Gestor de menús > Nuevo. El título será Qui som?, el tipo de menú: qui-som y añadiremos una descripción si queremos. Guardar & Cerrar. 6

7 Para crear los submenús o elementos de menú, vamos a Menús > Qui som? > Añadir nuevo elemento de menú. El primer elemento será Localització y elegimos localización de menú Qui som?, el elemento padre lo dejamos como está. Seleccionamos el tipo de elemento de menú artículo simple. Guardar & Cerrar. Ejemplo: 7

8 Finalmente, entramos en Opciones Artículo y ponemos como No u Oculto todo. Solo se vería el contenido del artículo: 8

9 4. Otros tipos de menús 5. Gestión de módulos Antes de crear un módulo, debemos ver las posiciones de la plantilla para saber en que posición pondremos el módulo. de plantillas y pulsamos en el botón de Plantillas. Así que vamos a Extensiones > Gestor 9

10 Si no sale debajo de cada nombre Vista previa, pulsamos sobre activamos. y la Si pulsamos encima del nombre de la plantilla, algunas llevan el dibujo pero si no lo llevaran, pulsamos sobre vista previa. Nombre de la plantilla Vista previa 10

11 Ahora queremos colocar el menú Qui som? en la posición 7 y que solo salga en los elementos de menú del Qui som? que está en el menú principal. Este es el que queremos posicionar en la web. Para crear el módulo vamos a Extensiones > Gestor de módulos > Nuevo Seleccionamos el tipo de módulo Menú. 11

12 Le damos un nombre y lo ponemos como oculto, la posición 7, que esté publicado, elegimos el menú Qui som? y abajo del todo aparecerá la asignación donde elegiremos Solo en las páginas seleccionadas y las seleccionamos. 12

13 Ejemplo: 6. Instalar extensiones Vamos a Extensiones > Gestor de extensiones Las extensiones suelen venir en archivos.zip, ya sean extensiones, plantillas o plugins. 13

14 Se busca el archivo.zip y se pulsa Subir e Instalar. Algunas extensiones se instalan pero no están publicadas o activadas. Para activarlas vamos a Gestionar y la buscamos. Marcamos la casilla y pulsamos Habilitar. Si no estuvieran en Gestionar, vamos al Gestor de plugins y la buscamos allí, el método de activar es el mismo. También algunos plugins o extensiones llevan un módulo que al instalarse no está publicado. Vamos al Gestor de extensiones y lo buscamos para publicarlo en la web y que aparezca. 14

15 En este caso hemos entrado en el módulo del contador de visitas. Se cambia el estatus a publicado, la posición y se elige donde queremos que salga (aquí solo saldrá en la página principal, en Inicio). 7. Crear encuestas Crearemos una encuesta sobre las asignaturas más populares de nuestro ciclo. Ahora crearemos el contenido de la encuesta desde Componentes > AcePoll > Poll. 15

16 Ahora crearemos el módulo para que la encuesta aparezca en la página web. Vamos Extensiones > Gestor de módulos > Nuevo. El tipo será AcePoll, el título será Asignaturas más populares pero oculto la colocaremos en la posición 7. Ejemplo: 16

17 8. Galería de fotos Vamos al Gestor Multimedia y creamos las carpetas de ViajeBilbao y Nevada2010 dentro de oziogallery3. Después subimos cuatro fotos en cada carpeta sobre estas excursiones. Ahora crearemos el menú Mis Galerías desde Menús > Gestor de Menú > Añadir Nuevo Menú Entramos en Mis Galerías y creamos dos elementos de menú pulsando en Nuevo. Primero creamos el de ViajeBilbao, como tipo elegimos FlashGallery Skin y en Gallery folder path indicamos la ruta de las imágenes, podemos modificar algunas características generales. Después para la Nevada2010 elegiremos el tipo MediaGallery Skin e indicaremos la ruta de donde se encuentras las imágenes de la nevada. 17

18 Ahora crearemos el módulo de Mis Galerías desde Extensiones > Gestor de Módulos > Nuevo, lo colocaremos en la posición 7. 18

19 Ejemplo: Meter una galería dentro de un artículo: Entramos en Componentes > oziogallery3, buscamos la galería que queremos y copiamos el Plugin code que tiene para pegarlo en el artículo donde queremos que aparezca. 19

20 9. Gestión de usuarios Como siempre, tenemos las 2 formas de añadir un usuario. Se escribe el nombre de la persona, el nick de usuario, la contraseña y el correo. Después tenemos la opción de que se le envíe un correo a este usuario diciéndole que se le ha creado una cuenta en la Web y la opción de Bloquear usuario es para que no pueda entrar a la web pero estará creado, para ello marcaríamos que Sí. Finalmente tenemos tipos de grupos de usuarios. Un usuario puede pertenecer a varios grupos. Joomla tiene 2 partes, el back-end y el front-end. 20

21 Back-end (Usuarios del Administrador) Front-end (Usuarios del sitio) Estos son los grupos que tenemos: Los usuarios que pueden entrar al back-end (Usuarios del Administrador) pero también tienen acceso a la interfaz del Front-end: Gestor: tiene los mismos permisos que un Publicador pero con acceso al panel de administración del Back-end. Los Gestores tienen acceso, en el panel del administrador, a todos los controles asociados al contenido, pero no tienen capacidad para cambiar las plantillas, alterar el diseño de las páginas, o añadir o eliminar extensiones de Joomla. Los Gestores tampoco tienen autoridad para añadir usuarios o alterar los perfiles de usuarios existentes. Administrador: tienen un rango de acceso más amplio que los Gestores. Además de todas las actividades relacionadas con el contenido que puede ejecutar un Gestor, los administradores pueden añadir o eliminar extensiones al sitio web, cambiar plantillas o alterar el diseño de las páginas, e incluso 21

22 alterar los perfiles de usuario a un nivel igual o inferior al suyo. Lo que no pueden hacer los Administradores es editar los perfiles de Súper- Administradores o cambiar ciertas características globales del sitio web. Super Usuarios: tienen el mismo poder que un root en un sistema tradicional Linux y disponen de posibilidades ilimitadas para ejecutar todas las funciones administrativas de Joomla. Solo los Súper-Administradores tienen la capacidad de crear nuevos usuarios con permisos de Súper-Administrador, o asignar este permiso a usuarios ya existentes. Controlan todo el sitio. Los usuarios que pueden entrar solo al front-end (Usuarios del sitio): Público o invitado: son aquellas personas que pueden ver la web sin necesidad de registrarse pero no tienen acceso a todos sus contenidos. Registrado: no pueden crear, editar o publicar contenido en un sitio Joomla. Pueden enviar nuevos Enlaces Web para ser publicados y pueden tener acceso a contenidos restringidos que no están disponibles para los públicos o invitados. Autor: pueden crear su propio contenido, especificar ciertos aspectos de cómo se presentará el contenido e indicar la fecha en la que debería publicarse el material. Editor: tienen todas las posibilidades de un Autor, y además la capacidad de editar el contenido de sus propios artículos y los de cualquier otro Autor. Publicador: pueden ejecutar todas las tareas de los Autores y Editores, y además tienen la capacidad de publicar un artículo. 10. Servidor de noticias Las Noticias Externas (RSS) ofrecen una posibilidad muy cómoda de estar al día y permitir a los usuarios del sitio web que visualicen noticias que provienen de otras web que tienen habilitada la sindicación o distribución de contenidos. Actividad propuesta 3.16 En esta actividad vamos a crear las categorías y servicios de noticias siguientes: 22

23 Categoría Educación Actualidad Servidor RSS Conselleria d Educació - Educación musical - Conciertos - Noticias Joomla - Noticias TV - Portada noticias - Portada deportes - Noticias Magazine - La voz del Tajo - ml=1 La tribuna de Toledo - Empezaremos creando las categorías de noticias desde Componentes > Noticias Externas > Categorías > Nuevo Una vez que ya tengamos creadas las categorías, nos pasamos a la pestaña de Noticias Externas y pulsamos en Nuevo para ir creándolas. En cada noticia introduciremos el título, el enlace y la categoría. 23

24 Ahora pasamos a crear el menú Mis noticias que contendrá tres elementos de menú. Pulsamos en Menú > Gestor de menú > Nuevo menú. 24

25 Después le vamos añadiendo los elementos desde Menú > Mis noticias > Añadir nuevo elemento de menú o si estamos dentro, pulsando Nuevo. Todos los servicios de noticias con la categoría raíz para visualizarlas todas. Tipo: muestra todas las categorías de noticias externas Noticias de Educación, categoría Educación y Noticias de actualidad, categoría Actualidad. Tipo: Lista de noticias externas en una categoría. Por último crearemos el módulo para visualizar el menú Mis noticias desde Extensiones > Gestor de Módulos > Nuevo, será de tipo Menú. 25

26 Ejemplo: El formato de los artículos: 11. Página web del IES Agost Para introducir enlaces pulsamos el botón HTML y se abrirá el Editor del código fuente HTML 26

27 o escribimos el nombre del enlace, lo seleccionamos y pulsamos el botón que parece una cadena, insertamos el hipervínculo y seleccionamos donde queremos que se abra. Enlaces para poner archivos para ver o bajar <a href= >Nombre</a> Importante: poner el nombre correctamente y con la extensión al final. Por ejemplo: <a href= images/pdf/calendari_escolar_ pdf >Calendari escolar</a> href= images/pdf/archivos_pdf href= images/baixades/archivos_del _apartado_descàrregues href= images/audio/archivos_audio_música href= images/videos/archivos_video href= images/words/documentos_words_excel 27

28 Introducir videos y música de la web y videos de youtube en un artículo y que se visualize Para videos de youtube: De la dirección del video, hay que pillar el código que aparece detrás del v=. Dentro del artículo escribimos: {youtube}syytn6ixz0q{/youtube} Para videos o música subidos en la carpeta de audio y videos: {formato}nombre_video_o_canción{/formato} Subir archivos a la web desde el Gestor multimedia: Antes debemos ver en Opciones que el formato del archivo se encuentre entre las extensiones permitidas: (Por ahora están casi todas y el tamaño máximo de subir un archivo es de 10 MB) 28

29 12. Editar artículos desde el Front-end Se entra en la página web, se loguean y van al artículo que quieran editar. 29

30 Arriba a la derecha aparecerá un icono de un folio con un lápiz, ese es el icono para editar un artículo. Pinchen sobre ese icono y se abrirá el editor que aparece en la foto (las opciones son las mismas que las del back-end pero no están todas): 30

31 13. Usuarios de profesores Los usuarios de profesores serán de tipo Gestor y pueden entrar a modificar o crear artículos desde el back-end y front-end. Cada profesor tendrá su artículo creado, no hace falta que creen otros nuevos. Modifiquen solo el artículo que se les ha asignado para evitar problemas. Esta es la vista que presenta el back-end de los gestores: El Gestor multimedia funciona igual que en la explicación anterior. Al entrar al Gestor de artículos, seleccionen la categoría de su departamento y para editar el artículo, pinchen encima del nombre. 31

32 14. Crear contactos Actividad propuesta 3.15 El proceso de crear contactos es similar a la creación de enlaces web así que primero vamos a crear las categorías de Amigos y trabajos (sin padre) desde Componentes > Contactos > Categorías. Una vez creadas las categorías, tenemos que crear los contactos pulsando en Contactos > Nuevo. Vamos a crear Amai y Mercedes que pertenecerán a la categoría de Amigos; Germán y Querubín pertenecerán a la categoría de Trabajo. Introducimos el nombre, la categoría y los detalles de cada contacto. 32

33 Una vez creados los contactos pulsamos en el botón de opciones. Aquí en la pestaña de Lista de Opciones de Diseño elegiremos que solo se vea el nombre, el y el teléfono. Ahora crearemos los menús Amigos y Trabajo desde Menú > Otras cosas > Añadir nuevo elemento de menú, el tipo será Lista de contactos en una categoría. 33

34 Ejemplo: 34