49
Tutorial básico Joomla Back- End para Clientes. Apunte creado por Miguel Inostroza Godoy. www.mediastudio.cl

Tutorial Joomla DH

Embed Size (px)

Citation preview

Page 1: Tutorial Joomla DH

Tutorial básico Joomla Back-End para Clientes.

Apunte creado por Miguel Inostroza Godoy.

www.mediastudio.cl

Page 2: Tutorial Joomla DH

Introducción

Su sitio Web está creado bajo el Sistema de gestión de contenidos (CMS - Content Management Systems) Joomla!. Un CMS es una  aplicación Web que permite organizar y facilitar la creación de documentos y otros contenidos de un modo cooperativo.

Este sistema posee dos zonas:

El sitio Web (Front-End), de libre acceso para  visitantes  o usuarios registrados.  Para su sitio Web, el acceso a esta zona corresponde a la URL: http://www.midominio.cl

La zona de administración (Back-End), o panel de control, de acceso restringido solo para usuarios registrados con privilegios de administración.Para su sitio Web, el acceso a esta zona corresponde a la

      URL: http://www.midominio.cl /administrator

Page 3: Tutorial Joomla DH

Perfiles de Usuarios

Los perfiles de usuarios de su sitio  Web se dividen  en dos categorías principales:

Invitados: usuarios que navegan libremente por el contenido, sin estar registrados.  Tienen acceso restringido a las zonas reservadas para usuarios registrados.

Usuarios Registrados: Están registrados en el sitio, con nombre de usuario y contraseña, esto les permite acceder a zonas restringidas del sitio.

Page 4: Tutorial Joomla DH

Perfiles de UsuariosLos usuarios registrados se dividen, a su vez  en dos grupos:

Usuarios del Sitio (Front-End): Usuarios que podrán revisar o descargar contenidos  desde el sitio o portal Web.

Page 5: Tutorial Joomla DH

Perfiles de UsuariosUsuarios del Administrador (Back-End): Usuarios que administraran artículos u otras operaciones desde el administrador.

Page 6: Tutorial Joomla DH

Acceso a la administración

1 - Escriba en la barra de direcciones del navegador la siguienteURL: http://www.midominio.cl/administrator 2 - Se mostrará la pantalla con el Formulario de Acceso.           3 - Añadir los datos de autentificación: Nombre de Usuario y Contraseña entregados por su administrador y hacer clic en el botón Validarse para entrar.

Page 7: Tutorial Joomla DH

Panel de controlUna vez que haya iniciado sesión se presentará el Panel de Control, también conocido como Página de Inicio de la Administración. El Panel de Control consta de tres áreas diferentes:

Page 8: Tutorial Joomla DH

Panel de control1) Opciones de Menú SuperiorEl menú superior proporciona acceso a todas las funciones disponibles en el Back-End. Las opciones de menú y submenú mostradas variarán dependiendo de su Nivel de Usuario, ya sea: Manager, Administrador o Súper-Administrador.A la derecha del menú existen unos botones que presentan el número de mensajes privados que ha recibido, el número de usuarios conectados y el enlace Salir.  

Page 9: Tutorial Joomla DH

Panel de control2) Iconos de Acceso RápidoEstos iconos de acceso rápido proporcionan enlaces a las principales funciones del Back-End.  

Page 10: Tutorial Joomla DH

Panel de control3) Módulos del AdministradorEstos módulos muestran información de los Usuarios conectados, los Componentes instalados, los Artículos de Contenido más Populares, los Últimos Artículos de Contenido publicados, y los Menús con el número de enlaces por menú.  

Page 11: Tutorial Joomla DH

Panel de controlHerramientas del panel de control:  

Page 12: Tutorial Joomla DH

Panel de controlHerramientas del panel de control:  

Page 13: Tutorial Joomla DH

Herramientas de Edición

Las herramientas de edición  son herramientas comunes que se activan al editar contenidos, al crear secciones, categorías, artículos o usuarios.  Aparecen siempre en la esquina derecha del panel de administración:

Page 14: Tutorial Joomla DH

Herramientas de Edición Cuadro resumen  herramientas de edición:  

Page 15: Tutorial Joomla DH

Herramientas de Edición Cuadro resumen  herramientas de edición:  

Page 16: Tutorial Joomla DH

Administrar Usuarios:Para administrar usuarios, (crear, eliminar, modificar, establecer perfil):

1 - Ingresar desde los iconos de acceso rápido del panel de control a el panel de administración de usuarios .

2 - En las herramientas de edición  hacer clic en nuevo.

Page 17: Tutorial Joomla DH

Administrar Usuarios:3 - En la pantalla de edición añadir los datos que aparecen a continuación:

Page 18: Tutorial Joomla DH

Administrar Usuarios:4 - Asociar al usuario a un grupo para establecer un perfil de usuario ( descripción de tipos de perfil ver apartado perfiles de usuario de este manual)

5 - Hacer clic en el icono guardar de las herramientas de edición.

6 - Para eliminar o editar  un usuario, seleccionarlo y  hacer clic en la herramienta correspondiente en  la pantalla de administración de usuarios

Page 19: Tutorial Joomla DH

Administrar imágenes panel de control:El administrador de imágenes permite organizar, subir y eliminar las imágenes del sitio:

1 - Para ingresar  seleccione el icono administrar imágenes desde los iconos de acceso rápido del panel de control 2 - Se mostrará la pantalla Administrador de Imágenes.

3 - Esta pantalla muestra la carpeta global de imágenes, ejemplo: http://www.midominio.cl/images

Page 20: Tutorial Joomla DH

Administrar imágenes panel de control:4 - La subcarpeta en donde se almacenan las imágenes del portal de radio maría es la siguiente http://www.midominio.cl/images/stories/

Page 21: Tutorial Joomla DH

Administrar imágenes panel de control:Subir y Eliminar una Imagen:

1 - Desde la ventana Carga de Archivos pulse la imagen seleccionada y pulse Abrir. Se mostrará el nombre de la ruta de la imagen seleccionada en la casilla ‘Subir Imagen’. Luego pulse el icono Subir.

Page 22: Tutorial Joomla DH

Administrar imágenes panel de control:Subir y Eliminar una Imagen:

2 - Al finalizar la subida del archivo se mostrará un mensaje de confirmación, ‘completado’

3 - Podrá observar una miniatura de la imagen en /stories. Esta miniatura presentará dos iconos:

• El icono Eliminar le permite eliminar la imagen de la carpeta.

• El icono Editar le permite editar el nombre de la imagen.

Page 23: Tutorial Joomla DH

Administrar imágenes panel de control:Consejos sobre las imágenes:

• Es mejor utilizar nombres de archivo de imágenes lo más breves posibles. Usar letras minúsculas y/o números sin espacios. También se puede usar el guión bajo, _, para marcar intervalos en el nombre de un archivo si es necesario, ejemplo: img_1.jpg

• Recuerde utilizar archivos de imágenes de poco peso (kb de la imagen).

• Si quiere optimizar sus imágenes, el primer aspecto que necesita conocer son los tres formatos de imagen reconocidos por su navegador Web. Estos formatos son el .gif, el jpg/jpeg y el .png. • Tenga en cuenta las dimensiones de su plantilla para evitar añadir una imagen que “supere” el ancho de su plantilla, particularmente si está usando una tabla con un ancho fijo.

Page 24: Tutorial Joomla DH

En el Sistema de Gestión de Contenido Joomla!, existe una jerarquía de organización del contenido en tres niveles:

1 - Secciones: Contenedores principales; en su interior están las Categorías.

2 - Categorías: Contenedores secundarios; en su interior están los Artículos de Contenido.

3 - Artículos de Contenido: Son los textos e imágenes que usted muestra en una página.

Debe tener en cuenta que no podrá crear un Artículo de Contenido a menos que tenga creadas una Sección y una Categoría en donde incluirlo.

Puede imaginar esta estructura como una jerarquía en la que: las Secciones son cajones, las  Categorías son carpetas y los Artículos de Contenido son documentos de papel.

Para su sitio Web, el contenido está organizado por su administrador.

Administrar Contenido

Page 25: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Sección:

1 - Para ingresar  seleccione el icono  administrador de secciones  desde los iconos de acceso rápido del panel de control. 2 - Hacer clic en el botón nuevo.

Page 26: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Sección:

3 - Llenar los datos obligatorios de titulo y sección nombre.  Hacer clic en guardar (se añade el mismo texto para las dos opciones).

Page 27: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Sección:

4 - Para editar o eliminar, seleccionar la sección y hacer clic en el icono borrar o editar.

Page 28: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Categoría:

1 - Para ingresar  seleccione el icono  administrador de categoría  desde los iconos de acceso rápido del panel de control. 2 - Hacer clic en el botón nuevo.

Page 29: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Categoría:

3 - Llenar los datos  obligatorios de titulo y nombre de la categoría (se añade el mismo texto para las dos opciones).  Asociarla a una sección. Hacer clic en guardar.

Page 30: Tutorial Joomla DH

Administrar ContenidoCrear  una nueva Categoría:

4 - Para editar o eliminar, seleccionar la categoría y hacer clic en el icono borrar o editar.

Page 31: Tutorial Joomla DH

Administrar ContenidoCrear Artículos:

Un artículo corresponde a un contenido dinámico que se almacena en alguna categoría definida, por ejemplo, una noticia, una entrada a destacados, un cuadro de  contacto permanente o un contenido de mensaje.

Crear un artículo: asociarlo a categoría.

1 - Para ingresar  seleccione el icono  añadir un nuevo artículo  desde los iconos de acceso rápido del panel de control.

Page 32: Tutorial Joomla DH

Administrar ContenidoCrear Artículos:

2 - Añadir los datos obligatorios de titulo  y alias de título ( se añade el mismo texto para las dos opciones) seleccionar la sección y la categoría.

Page 33: Tutorial Joomla DH

Administrar ContenidoCrear Artículos:

3 - El editor de artículo posee  dos cuadros de entrada, para  texto introductorio y para texto de ver más.  Según el contenido que se esté creando será necesario llenar las dos entradas o solo la de texto introductorio ( como por ejemplo en el contenido de la categoría mensaje )

Page 34: Tutorial Joomla DH

Administrar ContenidoCrear Artículos:

4 - Para guardar el artículo, hacer clic en el botón guardar.

Page 35: Tutorial Joomla DH

Administrar ContenidoCrear Artículos:

5 - Para hacer vista previa, activar para el artículo la opción publicar  y página de inicio (para ver vista previa en página de inicio) 

Page 36: Tutorial Joomla DH

Administrar ContenidoEditar un Artículo:

1 - Para ingresar  seleccione el icono  administrador de artículos desde los iconos de acceso rápido del panel de control.

Page 37: Tutorial Joomla DH

Administrar ContenidoEditar un Artículo:

2 - Seleccionar el articulo que se desea editar, hacer un clic en la opción editar de la barra de herramientas de edición.

Page 38: Tutorial Joomla DH

Administrar ContenidoDeterminar datos de publicación, fecha, autor: Para establecer rápidamente configuraciones de publicación del articulo en edición, utilizar las pestañas que se encuentran a la derecha en el panel de edición de artículos  de contenido.

Page 39: Tutorial Joomla DH

Administrar ContenidoDeterminar datos de publicación, fecha, autor:

Publicación: Permite establecer estados de publicado, ver en pagina inicial (home) nivel de restricción de accesos a usuario, establecer creador y fecha de creación.  También es posible configurar que se publique  y des-publique en una fecha determinada, utilizando Iniciar publicación y Finalizar Publicación.

Page 40: Tutorial Joomla DH

Administrar ContenidoDeterminar datos de publicación, fecha, autor:

Parámetros: Permite activar y desactivar los elementos del articulo como títulos, textos de introducción , quitar autores, quitar hora de creación, añadir icono pdf , imprimir, enviar a amigo, etc.

Estas opciones no son válidas para la página de inicio.  Se activan al revisar el artículo individualmente , cuando el usuario haga clic en la opción ver mas.

Page 41: Tutorial Joomla DH

Administrar ContenidoAdministración de artículos / Duplicar y reutilizar un artículo:

Se recomienda, para mantener la línea gráfica de las páginas del sitio, ir duplicando el contenido existente y reemplazar los textos e imágenes.  1 - Para duplicar un contenido de Contacto permanente.

2 - Ir al administrador de  Artículos de Contenido.  Seleccionar el articulo que se desea copiar.

Page 42: Tutorial Joomla DH

Administrar ContenidoAdministración de artículos / Duplicar y reutilizar un artículo:

3 - Asignarle una sección y categoría.

Page 43: Tutorial Joomla DH

Administrar ContenidoAdministración de artículos / Duplicar y reutilizar un artículo:

4 - Editar.

Page 44: Tutorial Joomla DH

Administrar ContenidoAdministración de artículos / Duplicar y reutilizar un artículo:

5 - Cambiar Nombre  y modificar contenido en el editor.

6 - Publicar (y si fuese necesario des-publicar el original)

Page 45: Tutorial Joomla DH

Administración de MenúsCrear , eliminar y editar un vinculo de menú:.  1 - Ir a la opción Administrador de menús.

2 - Su sitio Web posee  un menú configurado que es el llamado mainmenu.

• Mainmenu: Menú  superior. En este menú se encuentra  el acceso al Home el cual NO SE PUEDE ELIMINAR por que es necesario para ver correctamente el contenido en el sitio.

Page 46: Tutorial Joomla DH

Administración de MenúsCrear , eliminar y editar un vinculo de menú:

1 - Para crear un nuevo vinculo de menú:

2 - Seleccionar el menú en donde se va a añadir el vínculo, en este caso solo utilizaremos mainmenu.     3 - Hacer clic en la opción nuevo.

Page 47: Tutorial Joomla DH

Administración de MenúsCrear , eliminar y editar un vinculo de menú:

4 - Asociarlo a un contenido, por ejemplo a un artículo de contenido, hacer clic en siguiente.

Page 48: Tutorial Joomla DH

Administración de MenúsCrear , eliminar y editar un vinculo de menú:

5 - Posteriormente ponerle nombre al botón y seleccionar el articulo.            6 - Hacer vista previa en el Front-End del sitio para ver el botón funcionando.

Page 49: Tutorial Joomla DH

Fin tutorial básico Joomla Back-End para Clientes.

Apunte creado por Miguel Inostroza Godoy.

www.mediastudio.cl