Como crear tu página web con JOOMLA! y WORDPRESS

Transcripción

1 Como crear tu página web con JOOMLA! y WORDPRESS 1

2 ÍNDICE 1 Introducción a CMS: Joomla! y WordPress 6 WordPress. 2 Joomla!. Instalaciones previas 7 WordPress. Estructura del menú de tu web 3 Joomla!. Instalación 8 WordPress. Gestión de contenidos 4 Joomla! Funcionamiento 9 WordPress. Casos de éxito 5 Joomla! Ejemplos y casos de éxito 10 Repositorios de Aplicaciones de Software libre

3 1 Introducción a CMS. Joomla y WordPress. 3

4 INTRODUCCIÓN QUÉ ES JOOMLA!? Sistema de Gestión de Contenidos (CMS), que te ayuda a construir sitios web y otras aplicaciones online potentes. Lo mejor de todo, es que Joomla! es una solución de código abierto y está disponible libremente para cualquiera que desee utilizarlo. Con Joomla! Puedes crear: Webs Corporativas o Portales Intranets y Extranets Corporativas Comercio Electrónico Webs de Escuelas o Agrupaciones Pequeños Sitios de Negocios Páginas Personales o Familiares Webs de Organizaciones o ONGs Portales de Comunidades Aplicaciones Gubernamentales Revistas y Periódicos...las posibilidades son ilimitadas

5 INTRODUCCIÓN QUÉ ES WORDPRESS? WordPress es un gestor de contenidos (CMS) que permite crear un sitio web / blog - con el mínimo esfuerzo - sin necesidad de recurrir a terceros - de forma gratuita - sin que te preocupes por copias de seguridad y actualizaciones de alojamiento - fácil de usar y publicar ágilmente tus contenidos informativos - personalizable como quieras, (existen miles de diseños de plantillas, gratis o de pago) - ayuda a mejorar tu posicionamiento web (SEO) en Google.

6 INTRODUCCIÓN DIFERENCIAS ENTRE WORDPRESS Y JOOMLA Joomla y Wordpress son 2 buenas opciones de (CMS) para crear una página web y gestionar sus contenidos. Pero existen algunas diferencias WORDPRESS CMS sencillo e intuitivo para crear toda clase de web incluso complejas. Su administración y configuración (en sus 2 versiones.org y.com) es más fácil que Joomla Lleva poco tiempo hacerse con su manejo porque tiene menos apartados Sus plugins se pueden instalar directamente desde la administración, sin necesidad de descargar previamente ningún instalador. Es más adecuada para webs sencillas e ideal para las que se actualicen periódicamente.

7 INTRODUCCIÓN DIFERENCIAS ENTRE WORDPRESS Y JOOMLA JOOMLA! Cuenta con más opciones de configuración que hace que sea más flexible. Por ejemplo, puedes definir configurar más aspectos de los elementos de menú o en qué apartados de la web quieres colocar un determinado módulo. Es más adecuada para webs complejas con módulos distintos a mostrar en cada página. Su funcionamiento requiere configurar base de datos (MySQL)

8 INTRODUCCIÓN SIMILITUDES WORDPRESS Y JOOMLA Herramientas gratuitas. Extensiones: Disponen de muchas extensiones adicionales para conseguir más funcionalidades (foro, galerías de imágenes, directorios, gestor de descargas, etc.). Usuarios: Ambos cuentan con un sistema de roles y permisos que permite configurar a qué funciones puede acceder cada usuario. (superadmin, administrador, editor, autor). Diseño final: los resultados son muy parecidos. Depende de la plantilla elegida. Hay miles de themes para ambas adaptadas a negocios (restaurantes, hoteles ). Consejo: elige una plantilla responsive para que se adapten a móviles y tabletas. Elegir entre WordPress o Joomla! dependerá de las necesidades concretas de la web que quieras realizar.

9 INTRODUCCIÓN Objetivos del taller Adquirir las habilidades técnicas y organizativas para desarrollar una web para tu idea, empresa u organización Aprender a manejar la configuración general de la gestión de contenidos, Categorías y Sub-Categorías. Jerarquizar los contenidos y estructurarlos correctamente viendo buenas prácticas para la creación de una arquitectura de contenidos Web. Claves de gestión y administración de Joomla! tanto como en el uso como en la instalación de extensiones (Módulos, Componentes, Plugins, Idiomas y Plantillas).

10 2 Joomla!. Instalaciones previas 10

11 WAMPSERVER WampServer Es un servidor web que permite crear aplicaciones web con Apache 2, PHP y una base de datos MySQL. Al lado, phpmyadmin permite administrar fácilmente tus bases de datos.

12 COMPROBACIÓN S.O. Consultar tu tipo de sistema operativo. Para descargar correctamente WampServer necesitas conocer cuál es el sistema operativo de tu equipo. En este caso es el Sistema operativo de 64 bits, procesador x64. Ir a Este Equipo (Mi PC) clic derecho del ratón, Propiedades. En este caso nuestro equipo es de 64 bits.

13 DESCARGA WAMPSERVER Descárgate el servidor web. Clic para descargar en Wampserver 64bits.

14 INSTALACIÓN WAMPSERVER Instala WampServer. Una vez descargado WampServer, tienes que instalarlo, para ello dirígete a tu carpeta de descargas y abre el archivo con doble clic.

15 INSTALACIÓN WAMPSERVER Instala WampServer. En cuanto el panel de instalación se abre, te solicita que selecciones el navegador que vas a utilizar, puedes dejarlo por defecto o buscar la carpeta raíz de tu navegador habitual, en cuanto la tengas seleccionada haz clic en aceptar.

16 INSTALACIÓN WAMPSERVER Instala WampServer. En la siguiente pantalla deja por defecto localhost, dónde te pide el correo puedes dejarlo también por defecto o poner tu correo electrónico y finalmente haz clic en siguiente.

17 INICIANDO WAMPSERVER Inicia WampServer. Cada vez que vayas a acceder a Joomla! debes comprobar que WampServer está iniciado y si no lo está debes iniciarlo haciendo doble clic en el acceso directo que te aparecerá en el escritorio de tu equipo. Si no tienes el acceso directo puedes crearlo realizando una búsqueda en menú de inicio de tu equipo.

18 INICIANDO WAMPSERVER Inicia WampServer. Ahora pasaremos a encender el servidor Wampserver. Nos vamos al Escritorio al acceso directo que ha creado Wampserver. Doble clic en el icono que nos aparece en la pestaña de iconos ocultos. Clic en Encender. El icono se pondrá verde.

19 INICIANDO WAMPSERVER Inicia WampServer. Para acceder a WampServer, abre tu navegador web y en la barra de direcciones (url) escribe localhost. En el apartado de Tools, haz clic en phmyadmin o bien completamos la url: localhost/phpmyadmin.

20 PHPMYADMIN PhpMyAdmin. Es una herramienta de software libre escrita en PHP con la intención de manejar la administración de MySQL a través de páginas web, utilizando Internet. En este caso, PhpMyAdmin nos va a servir para que Joomla! guarde la información en la base de datos automáticamente.

21 3 Joomla!. Instalación 21

22 DESCARGA JOOMLA! Joomla! Spanish. Dirígete al sitio oficial Joomla! España donde encontrarás tu programa Joomla! en español y descarga la versión Joomla! Spanish 3.3.6

23 INSTALACIÓN JOOMLA! Instalación Joomla!. Accede a la carpeta de C:\wamp\www y crea una nueva que se llame, por ejemplo, Joomla3 (o el nombre que desees para acceder a tu proyecto), dentro de esta pega y descomprime el archivo.zip que descargaste en Joomla!

24 INICIANDO JOOMLA! Iniciando Joomla!. Abre el navegador y teclea en la barra de direcciones (si el nombre de la carpeta de tu proyecto no es Joomla3, sustituye Joomla3 por el nombre que hayas escogido), de esta manera accedemos a la pantalla de configuración de Joomla!. Cubre el formulario con los siguientes datos y haz clic en siguiente. Nombre que desees ponerle a la web del Administrador Usuario del Administrador: admin Contraseña del Administrador

25 INSTALACIÓN JOOMLA! Iniciando Joomla!. Para configurar la base de datos cubre los siguientes datos como en el ejemplo, excepto dónde pone Joomla3 que debes poner el nombre de la carpeta de tu proyecto.

26 4 Joomla!. Funcionamiento 26

27 ! Antes de empezar con Joomla!. 1. Recuerda, antes de empezar a trabajar con Joomla!... debes asegurarte que el servidor WampServer está iniciado. 2. Puedes descargar extensiones, idiomas en las siguientes direcciones: Términos que debes conocer: Backend: la parte del administrador para la gestión de contenidos. Frontend o sitio: parte que ve el usuario.

28 ! Cambiar idioma Para añadir o cambiar el idioma de Joomla! tanto en el sitio (vista usuario) como en el lado de administrador dirígete a extensiones/gestor de idiomas. 1. Si quieres instalar un idioma nuevo, haz clic en el botón instalar idioma

29 ! Cambiar idioma 2. Busca o selecciona el idioma que quieras de la lista y haz clic en install.

30 ! Cambiar idioma 3. Para comprobar que has realizado la actualización correctamente vuelve a extensiones/gestor de idiomas. El idioma aparecerá tanto en el sitio como en el lado del administrador. Si quieres seleccionar ese idioma por defecto haz clic en la estrella para ponerla de color amarillo.

31 ! Cambiar idioma Puedes descargar otros idiomas que Joomla! no contenga. Por ejemplo, dirígete a la página y busca Translations.

32 ! Cambiar idioma Selecciona el Pack para la versión 3x Escoge el idioma que necesites, por ejemplo, Galician

33 ! Cambiar idioma Te redirigirá a otra página haz clic en Filename y guarda.

34 ! Cambiar idioma Una vez lo hayas descargado, dirígete en la parte de administrador de Joomla! (backend) a extensiones/gestor de idiomas. Haz clic en instalar idioma y vete al apartado instalar.

35 Cambiar idioma 1. Haz clic en Examinar, busca el archivo.zip de nuestro idioma (en este caso lo hemos descargado en el escritorio), abre y finalmente haz clic en subir e instalar.

36 Cambiar idioma 2. Una vez instalado nos aparecerá el siguiente mensaje.

37 Cambiar idioma 3. Vete a instalar idiomas, busca el idioma que acabas de instalar (Galician) y haz clic en install. 4. Comprueba que está instalado en extensiones/gestor idiomas. Si quieres seleccionarlo cómo predeterminado marca la estrella.

38 Frontend: distribución. El Frontend o sitio es la pantalla de contenidos que ven los navegantes del sitio web. Con Joomla!, puedes modificar cualquier rincón de la web, su distribución es esta: Botones menú Publicidad Encabezado Formulario crear cuenta

39 Backend: distribución. El Backend es donde el administrador gestiona los contenidos del sitio web Usuarios: Puedes crear diversas cuentas de acceso, con diferentes permisos, para las personas que van a administrar la web, y subir y editar contenidos. Por ejemplo: Con acceso de Administrador, puede hacer cambios en la web, con acceso Gestor puede agregar productos, pero, no podrá cambiar el sitio. Menús: Configura desde aquí la barra de estructura de menús de sitio. Por defecto viene inicio Contenido: Desde aquí puedes gestionar: Artículos: Para añadir, editar y destacar contenidos Categorías: Los contenidos se distribuyen en categorías. Gestor multimedia: Para introducir y editar imágenes y vídeos.

40 Backend: distribución. Componentes: Banners: secciones publicitarias. Herramientas: de búsqueda interna. Contactos Etiquetas: para posicionamiento web. Mensajería: crear y leer mensajes privados. Extensiones: Gestor de idiomas: instalar idiomas. Plantillas Plugins Módulo

41 Backend: Accesos directos a contenidos que se suelen utilizar con mayor frecuencia. Botón de inicio

42 MÓDULOS. Gestión, distribución y publicación En el Frontend o sitio hay distintas áreas, columnas o espacios distribuidos en la página. A través de tu Backend puedes editar, agregar o cambiar la ubicación de los módulos, pero 1º tienes que conocer cómo Joomla! denomina a cada zona de tu Frontend - Módulo, nos referimos a aquella zona destinada para una acción, un buscador, formulario, banner, etc

43 MÓDULOS. Gestión, distribución y publicación Para saber cómo Joomla! identifica cada módulo del sitio: 1. Ve a la parte de administrador extensiones/gestor de plantillas/opciones 2. y Activa la vista previa de las opciones de los módulos. 3. Guarda y cierra.

44 MÓDULOS. Gestión, distribución y publicación Una vez realizado este ajuste, 1. ve al sitio o Frontend 2. añade en la url?tp=1 Puedes ver en rojo el nombre de cada módulo de Joomla! Necesitas ver los nombres de los módulos para poder: Cambiar su posición Modificar la información o Dejar de publicar ese módulo.

45 MÓDULOS. Gestión, distribución y publicación Para empezar a trabajar con cada módulo, dirígete a extensiones/gestor de módulos

46 MÓDULOS. Gestión, distribución y publicación Aquí visualizas todos los módulos: su nombre, estado, posición, etc., comprobarás que coinciden con los de tu sitio web

47 MÓDULOS. Gestión, distribución y publicación Para quitar módulos dirígete a extensiones/gestor de módulos. Ejemplo: vamos a ocultar Simplemente cambia la opción por la opción X. los banners de publicidad Si quieres volver a publicarlos cambia de nuevo la de Joomla!, los módulos opción. con posición 8. OJO!. Un módulo publicado no siempre va a estar visible, ya que debe estar publicado en una página. En este caso están todos publicados pero en el caso de el módulo buscar, pone ninguno, por eso en el frontend no puedes verlo.

48 MÓDULOS. Gestión, distribución y publicación Refresca el sitio y verás los cambios

49 MÓDULOS. Gestión, distribución y publicación Ejemplo: vamos a cambiar de lugar el módulo Pack 3.0 Joomla! Spanish Dirígete a extensiones/gestor de módulos Primero debes volver a publicar el módulo nuevamente. Una vez publicado, haz clic en él para acceder al editor de módulos.

50 MÓDULOS. Cambiar de posición Mostrar título: Elige si se muestra o no el título del módulo. Posición: En qué posición se va a mostrar el módulo. Estado: Selecciona si el módulo estará publicado o no. En la pestaña menú asignado puedes: modificar su visibilidad y cambiar los ajustes para que se vea en una página concreta, en todas, etc. Tenemos el caso del módulo buscar, que está publicado, pero no se muestra, es porque no está asignado a ninguna página, aquí es donde haríamos el cambio para poder verlo, porque para que un módulo esté visible tienen que cumplirse 2 condiciones: 1.Que esté publicado. 2.Que esté asignado a alguna página.

51 MÓDULOS. Cambiar de posición. Ejemplo

52 MÓDULOS. Cambiar de posición. Ejemplo 1. Volver al Módulo y en la parte derecha en el menú desplegable, la opción posición, y cambiar para la posición 7 derecha.

53 MÓDULOS. Cambiar de posición. Ejemplo 2. Refresca el Frontend y veras el resultado.

54 MÓDULOS. Cambiar de posición. Ejemplo Retoma el módulo buscar, dirígete a hacerlo visible. Cómo vemos en la pantalla, aparece la posición del módulo. Sin embargo, si quitas las etiquetas en rojo (quitar de la url?tp=1) no hay rastro del mismo.

55 MÓDULOS. Mostrar módulo Dirígete a extensiones/gestor de módulos y haz clic en el módulo buscar para acceder a él, entra en menú asignado y clic, por ejemplo en todas las páginas.

56 MÓDULOS. Mostrar módulo Acepta y guarda, y a continuación refresca el sitio y verás que ahora sí aparece el módulo buscar.

57 PLANTILLAS: Gestionar, agregar y eliminar. Todo lo relacionado con las plantillas está en extensiones/gestor de plantillas.

58 PLANTILLAS: Gestionar, agregar y eliminar. Las plantillas se pueden cambiar tanto en el Backend como en el Frontend, aquí vamos a trabajar con las plantillas del sitio o Frontend, que solamente cambia el diseño que ve el usuario. Para seleccionar y que se muestre otra plantilla cómo predefinida, debes hacer clic en la estrella, puedes probar con la plantilla Beez3 - Predeterminada.

59 PLANTILLAS: Gestionar, agregar y eliminar. La plantilla ha cambiado totalmente el diseño del Frontend. Plantilla: Son extensiones que nos permiten cambiar la vista, el archivo index.php de la plantilla de Joomla! determina donde cargarán los componentes y los módulos, así como la tipografía, colores, etc. Módulos: extensiones que nos permiten cargar en una posición de una plantilla una salida de datos o una funcionalidad específica.

60 PLANTILLAS: Gestionar, agregar y eliminar. También puedes instalar plantillas creadas por otros usuarios, una página donde puedes encontrar montones de extensiones, plantillas, idiomas, etc., es Descargarás e instalarás una plantilla en nuestro frontend-sitio. Descargar una plantilla: OJO: Debes fijarse que sea compatible con tu versión de Joomla! Páginas que Webempresa* (administrador de Joomla! en español) aconseja para descargar plantillas. Themexpert Joomla24 Joomlaos.de Joomlashack *Artículo de Webempresa:

61 PLANTILLAS: Gestionar, agregar y eliminar. 1. Una vez encontrada la plantilla que te gusta, debes descargarla. En este caso escogerás esta de la página ya que es compatible con tu versión de Joomla! y es gratuíta, pero debes estar registrado.

62 PLANTILLAS: Gestionar, agregar y eliminar. 2. Una vez hayas descargado la plantilla (.zip) en tu pc, vas a la parte de administrador (backend) de Joomla! y te dirigirás a extensiones/gestor de extensiones.

63 PLANTILLAS: Gestionar, agregar y eliminar. 3. Haz clic en examinar, abres la plantilla, en este caso darkcity, y después clic en subir e instalar.

64 PLANTILLAS: Gestionar, agregar y eliminar. 4. Si la plantilla se ha instalado correctamente te aparecerá un mensaje de confirmación en verde, en la parte superior.

65 PLANTILLAS: Gestionar, agregar y eliminar. 5. Una vez hayas instalado la plantilla, irás a extensiones/gestor de plantillas, seleccionas la plantilla haciendo clic en la estrella para que sea mostrada en el sitio.

66 PLANTILLAS: Gestionar, agregar y eliminar. 6. Finalmente comprobarás el resultado, refrescando el sitio.

67 PLANTILLAS: Gestionar, agregar y eliminar. Para eliminar una plantilla lo primero que debes comprobar es que no está seleccionada por defecto, ya que si está por defecto no podrás eliminarla. Las plantillas que vienen predeterminadas con Joomla! tampoco las podrás desinstalar. 1. Para ello debes ir a extensiones/gestor de extensiones, clic en gestionar y todo lo que tengas en Joomla! aparecerá.

68 PLANTILLAS: Gestionar, agregar y eliminar. 2. Buscas la plantilla que quieres desinstalar, en este caso darkcity. Una vez localizada, seleccionala y haz clic en desinstalar.

69 PLANTILLAS: Gestionar, agregar y eliminar. 3. Nuevamente, una vez desinstalada te aparecerá el mensaje verde de confirmación.

70 CONTENIDO DE JOOMLA: Organizar su contenido El contenido en Joomla! se organiza en 2 niveles o más, Categoría padre y categoría hijo, dentro de la categoría hijo podrías crear más categorías hijo, hasta llegar al contenido (artículos). Categoría padre = CURSOS Organizar contenido Categoría hijo 1 = CURSOS DE OFIMÁTICA Artículo A = WORD Artículo B = EXCEL Categoría hijo 2 = CURSOS DE PROGRAMACIÓN Artículo C = HTML 5 Artículo D = Java Contenido

71 CONTENIDO DE JOOMLA: Organizar su contenido En este ejemplo la categoría cursos tiene dos categorías hijo, cursos de ofimática y de programación las cuales están anidadas (agrupadas) dentro de una categoría padre. Además, cada tipo de curso tiene sus artículos, por ejemplo, la categoría cursos de ofimática, tiene 2 artículos que son Word y Excel. Entonces, los artículos de Word y Excel son el contenido real en Joomla! que están anidados en una categoría hijo que se llama cursos de ofimática y a su vez está dentro de una categoría padre junto con cursos de programación, que se llama CURSOS.

72 Gestor de Artículos Te permite administrar los artículos de tu página web.

73 Gestor de Artículos: Acciones. Editar, publicar o eliminar uno o varios artículos: Tienes que marcarlos con un en el recuadro en blanco,luego haz clic en el botón que refleje la acción que deseas. Publicar o despublicar artículos: Haz clic en los botones superiores o en el que aparece en cada artículo. : El artículo está publicado y es visible en el sitio web. X: El artículo no se ha publicado en la web. Destacar artículos: Haz clic en la estrella para que cambie su color a amarillo. El destacado sirve para crear acciones particulares, por ejemplo que un artículo aparezca en la portada, o si tenemos una barra deslizante que aparezca un listado de los artículos destacados.

74 Gestor de Artículos: Acciones. Comprobar: sirve para cerciorarse de que el texto esté bien escrito. Lote: funciona como sección de un grupo de artículos.

75 Gestor de Artículos: Estado del artículo Publicado. Destacado. Archivar o enviar a la papelera para eliminar. Acceso Público, no está restringido a otros usuarios Nombre del artículo con vínculo para abrirlo y editarlo Autor: Administrador Idioma - todo: se va a poder ver en cualquier idioma. Impactos: las veces que se ha visto.

76 Crear artículos Para crear un artículo te dirigirás al menú contenido/gestor de artículos y clic en nuevo.

77 Crear artículos 1. Lo primero que tienes que hacer es añadir un título a nuestro artículo. 2. A continuación, añadir el contenido, puedes editarlo con las herramientas de edición que incorpora Joomla!.

78 Crear artículos 3.En la parte derecha, verás que tienes muchas utilidades que permiten que tu información esté organizada, sea fácil de localizar, visible En este menú es donde seleccionas la categoría para el artículo que hayas creado. También se pueden añadir etiquetas para relacionar artículos de temas similares entre ellos. Reflejarás el estado, es decir, si deseas que el artículo esté publicado o no. Si lo destacas, aparecerá en primera página. Si limitas su acceso, sólo los usuarios que inicien sesión podrán verlo y modificar el idioma.

79 Crear artículos. Saltos de páginas e incrustar imágenes Utilizar saltos de página es muy recomendable cuando un artículo contiene mucha cantidad de texto, ya que de esta manera la lectura será más amena. 1. Para ello abres el artículo que quieras editar, y pones el cursor en el lugar donde desees añadir el salto, y haz clic en la parte inferior del artículo en el botón salto de página.

80 Crear artículos. Saltos de páginas e incrustar imágenes 2. Guardar y cerrar. Comprueba los cambios en el sitio.

81 Crear artículos. Saltos de páginas e incrustar imágenes Para agregar una imagen, te dirigirás al menú de la parte inferior, y clic en imagen. Para insertar una imagen debes haberla agregado antes en la carpeta que Joomla! crea para ello.

82 Crear artículos. Saltos de páginas e incrustar imágenes IMPORTANTE: no cambiarlas de carpeta una vez subidas, ya que deben estar disponibles en la misma ubicación para que la web pueda mostrarlas La carpeta se encuentra en: C:\wamp\www\proyecto\images Nombre la carpeta dónde tenemos Joomla! En esta carpeta es dónde guardaremos todas las imágenes de nuestra web.

83 Crear artículos. Saltos de páginas e incrustar imágenes CONSEJO: antes de subir una imagen se aconseja editar su tamaño porque así pesarán menos y tu página ganará velocidad al cargarla. 2. Una vez hayas guardado la imagen que necesites en la carpeta, volver a abrir el explorador de imágenes, desde el botón imagen que hay en la parte inferior del artículo. Seleccionas la imagen y cubres el formulario.

84 Crear artículos. Saltos de páginas e incrustar imágenes 3. Para editar una imagen agregada a un artículo (no es recomendable, se recomienda subirla ya editada), seleccionas la imagen y haz clic en el icono de la foto.

85 Crear artículos. Saltos de páginas e incrustar imágenes 4. Cubre las casillas con el tamaño deseado en pixeles, clic en ok, guardar y cerrar.

86 Crear artículos. Saltos de páginas e incrustar imágenes 5. Éste sería el resultado en el sitio.

87 Artículos. Programa la publicación de un artículo. La publicación de los artículos, es totalmente configurable, es decir, puedes crear y subir el artículo hoy y fijar una fecha de inicio de publicación del mismo con fecha posterior a la de hoy, con lo que se publicará ese día automáticamente. Una fecha de fin de publicación que automáticamente quitará la visibilidad del artículo el día programado. La meta descripción y las palabras clave o etiquetas separadas por, son muy importantes para el SEO (posicionamiento en los buscadores externos).

88 Artículos. Programa la publicación de un artículo. Información interna.

89 Artículos. Cambiar fondos Además de añadir una imagen a un artículo, puedes agregarle una imagen de fondo con la opción imagen del artículo completo.

90 Artículos. Opciones de artículo Zona designada para activar o desactivar opciones de los artículos, como por ejemplo, mostrar el título del artículo, las etiquetas, fechas, etc.

91 Crear artículos. Enlaces. En tus artículos además de texto e imágenes, puedes añadir enlaces, vídeos, etc. Insertar un enlace en un nuevo artículo. 1. Una vez tengas el texto de tu artículo, sitúa el cursor en el lugar dónde se va a ubicar el enlace. 2. Clic en insertar/insertar enlace.

92 Crear artículos. Incrustar vídeos y parámetros adicionales. 3. Cubre los campos del formulario insertar enlace y acepta.

93 Crear artículos. Incrustar vídeos y parámetros adicionales. Para incrustar un vídeo necesitas más herramientas que las que te aparecen en el editor de artículos. Para incrustar un vídeo (no el link), dirígete a extensiones/gestor de plugins y localiza Editor TinyMCE.

94 Crear artículos. Incrustar vídeos y parámetros adicionales. 2. Seleccionas la funcionalidad extendida (para que te agregue mayor número de herramientas en el editor de artículos), guardas y cerrar. También se debe eliminar iframe de los elementos prohibidos.

95 Crear artículos. Incrustar vídeos y parámetros adicionales. 3. Una vez realizado este cambio, volver a abrir el artículo dónde quieres incrustar el vídeo y compruebas que tienes dos barras de herramientas más.

96 Crear artículos. Incrustar vídeos y parámetros adicionales. 4. Sitúa el cursor en la zona de texto dónde vayas a incrustar el vídeo, luego haz clic en insertar/insertar video

97 Crear artículos. Incrustar vídeos y parámetros adicionales. 5. Cubres el formulario y aceptas.

98 Categorías Recuerda que las categorías aquellas que organizan el contenido, en el caso de Joomla!, los artículos. En este momento, en tu web tienes varios artículos que contienen información muy diferente. Puedes acceder a ellos a través del menú últimas noticias, pero si tuvieses una treintena de artículos más, posiblemente, no sabrías cómo localizarlos rápidamente. Para que esto no suceda, contenido. las categorías clasifican los artículos según su Para gestionar todo lo relacionado con las categorías accede a contenido/gestor de categorías.

99 Categorías Crea una categoría padre. 1. Haz clic en nuevo, asigna un título, cubre la descripción, etiquetas y por el momento, guarda y cierra. (padre no asignado)

100 Categorías 2. Creamos dos categorías más, que serán las categorías hijo, por lo tanto debemos asignarle una categoría padre (Información TIC).

101 Categorías 3. Una vez creadas, anida las categorías hijo a la categoría padre, para ello entrar en cada categoría hijo y en el menú derecho, donde pone padre selecciona INFORMACION TIC. 4. Una vez anidadas vuelve a gestor de categorías y comprueba que las categorías hijo aparecen por debajo de su categoría padre.

102 Categorías. Asignar artículos a categorías por lote Para poder asignarle a un artículo una categoría dirígete a contenido/gestor de artículos, accede a un artículo y en el menú derecho, categoría, asígnale una categoría hijo. Imagina que tienes 20 artículos que deben pertenecer a una categoría, pero no la tienen asignada todavía, para asignarles la categoría en lote los seleccionarías y haz clic en lote.

103 Categorías. Asignar artículos a categorías por lote. Ejemplos. Esta opción asigna etiquetas, restricciones de acceso, configuración del idioma y categorías a los artículos seleccionados. En este caso, vas a asignar una categoría así que seleccionas la categoría hijo dónde deseas anidarlos y clic en procesar.

104 Crear elementos de menú con categorías y artículos. Un menú en Joomla! es un listado de opciones, en este caso en forma de botones, que aparecen en nuestra web para que el usuario pueda dirigirse de forma rápida y sencilla a aquella zona en donde va a localizar la información que necesita. En este caso, el menú que vas a editar es el que aparece en la pantalla principal con tan sólo un botón de inicio.

105 Creación de elementos de menú con categorías y artículos. Para crear un elemento de menú dirígete a Menús/menú principal y haz clic en nuevo. 1. Añade un título, que tendrá que ver con las categorías que hayas creado. Tipo de elemento de menú, en este caso, por ejemplo, lista de todas las categorías.

106 Creación de menús con categorías y artículos. 2. Escoge la categoría de nivel superior, guarda y cierra.

107 Creación de menús con categorías y artículos. 4. Finalmente, comprueba en el sitio los cambios.

108 Creación de submenús con categorías y artículos. 1. Crea también el menú de las categorías hijo, el tipo de elemento de menú será lista de categorías y en el menú derecho, elemento padre, marcas cuál es su categoría padre.

109 Creación de submenús con categorías y artículos. Comprueba el resultado y verás cómo has creado un submenú dentro de Infomación TIC.

110 USUARIOS. Concepto Con Joomla! podrás gestionar diferentes tipos de usuarios con distintos niveles de acceso. Hasta ahora has trabajado con 2 tipos de usuarios: Usuario registrado. Usuario no registrado. En cada módulo o en cada contenido podías restringir el acceso de los usuarios, es decir, el nivel de acceso podía ser: Público: para todos los usuarios. Privado: sólo para usuarios registrados.

111 USUARIOS. Grupo de usuarios Usuario Frontend Usuario Backend Invitado Mánager Registrado Administrador Autor Súper Administrador Editor Supervisor

112 USUARIOS. Diferencia entre los grupos de usuarios. Las diferencias entre los usuarios del frontend están en las jerarquías, es decir, en ver, editar y publicar ciertos contenidos de la web. Mientras que los usuarios del backend se centran en la administración de la página. Algunos pueden acceder al Backend Usuarios Frontend Usuarios Backend Pueden acceder al Frontend

113 USUARIOS. Ajustes. Estos ajustes se pueden modificar en usuarios/grupos.

114 USUARIOS. Niveles de Acceso Usuario Frontend Invitado: Un invitado es un usuario no registrado, dependiendo de cómo ha configurado el sitio el administrador, éste podrá navegar libremente por todo el contenido o tener restringido el acceso a cierto tipo de contenidos, reservados para usuarios registrados. Usuario Backend Mánager: Un mánager puede ser visto como un supervisor con acceso al panel de administración. El mánager no tiene capacidad para cambiar plantillas, alterar el diseño de las páginas o añadir o eliminar extensiones. Los mánager tampoco tienen autoridad para añadir usuarios o alterar los perfiles de usuarios existentes. Registrado: Un usuario registrado no puede crear, editar o publicar Administrador: Los administradores tienen un rango de acceso más contenido en un sitio. Pero puede enviar nuevos enlaces web para amplio que los mánager, además de los accesos del mánager puede ser publicados y puede tener acceso a contenidos restringidos que no añadir o eliminar extensiones sitio web. están disponibles para los invitados. Autor: Los autores pueden crear contenido (no editarlo), indicar Súper Administrador: tienen el mismo poder que un root en un ciertos aspectos de cómo se presentará el contenido y especificar la sistema tradicional Linux y disponen de posibilidades ilimitadas para fecha en la que se publicará el material ejecutar todas las funciones administrativas de Joomla!. Sólo los Súper Administradores tienen la capacidad de crear nuevos usuarios con permisos de Súper Admistrador, o asignar este permiso a usuarios ya existentes. Editor: Un editor tiene todas las posibilidades de un autor, y además la capacidad de editar el contenido de sus propios artículos y los de cualquier autor. Supervisor: Los supervisores pueden ejecutar todas las tareas de los autores y editores, además tienen la capacidad de publicar un artículo.