Administración de Joomla 3.x

(1)

DISEÑO WEB

1

Administración de Joomla 3.x

 FrontEnd: para ver el sitio publicado. Ingresa a la dirección del sitio, por ejemplo: profemaria.com.

En caso de estar instalado en un servidor Local ingresar a Localhost, luego dar clir en el sitio que quieres ver.

 BackEnd: Ingresa a la dirección del sitio y agregas la palabra: administrator. Por ejemplo: profemaria.com/ administrator.

En caso de estar instalado en un servidor local, http://localhost/sitio1/administrator

Se mostrará la ventana para el acceso al Panel de control de Joomla. Debes colocar los datos de la cuenta del superusurio que utilizaste en la instalación de Joomla.

Al ingresar mostrará el Panel de control de Joomla. Aquí se administra el sitio web Cuando necesite ingresar al Panel de Control dé clic en

Sistema  Panel de

Control

(System  Control Panel)

En el panel, en la izquierda aparecen opciones comunes para la administración de Joomla. También podrá acceder a ellas desde el menú superior. El Panel de control también muestra información de actualizaciones disponibles para Joomla, usuarios, artículos y otros.

(2)

2

Categorías

Las Categorías en Joomla, se utilizan para organizar las publicaciones, según la clasificación de la información.

 En el panel de control, en la izquierda, clic en

Categorìas  nuevo

(Categories  clic en New)

 También, en

el menú Contenido  Categorías  Clic en añadir

nueva categoría

(Content categories  add new category)

En title, escribimos el nombre de la categoría. Posteriormente usamos alguna de estas opciones según corresponda.

 Guardar (Save): garda la categoría

 Gadar y cerrar (Save and close): guarda la categoría y cierra la ventana  Guardar y nuevo (Save and new): guarda la categoría y permite crear otra  Cancelar (Cancel): no crea la categoría

Nota

: Las opciones anteriores son comunes en Joomla, por tanto aprecen en los artículos, menús, y otros componentes.

Multimedia

Permite subir archivos multimedia para su posterior uso en el sitio

Multimedia  clic en subir

(Media  clic en Upload)

 También, en el

menú Contenido  Multimedia clic en subir

(Content Media  clic en Upload) Luego subir los archivos multimedia.

(3)

DISEÑO WEB

3 Puede realzar una carpetas para organizar los archivos, dando clic en Crear una

carpeta nueva (create new folder).

Artículos

“Un Artículo es cierta información escrita que quiere mostrar en su sitio web. Suele contener algo de texto y puede contener imágenes y otros tipos de contenido. Para muchos sitios web realizados con Joomla!, los artículos constituyen la mayoría de la información mostrada en el sitio. Es importante entender que, con Joomla!, el contenido del sitio (por ejemplo, los artículos) está totalmente separado del formato del sitio -- esto es, la forma en la que se ve en la página. Por tanto, es mejor pensar en los artículos como en contenido puro, independiente de la forma en la que se presentará. Por ejemplo, el mismo artículo puede ser mostrado con diferentes tipos de letra, colores, títulos y fondo, y puede mostrarse en distintos lugares de la página.” ( tomado de https://docs.joomla.org/Understanding_categories_and_articles/es)

 En el panel de control, en la izquierda,

clic en nuevo Artículo

(New article)  También, en el

menú Contenido  articulo  añadir nuevo

artìculo

(Content articles  add new article)

En title, escribir el nombre de artículo o publicación.

En las opciones de edición escribir o pegar la información, insertar imágenes y demás elementos. Cuando finalice el artículo, utilizar alguna de las siguientes opciones:

(4)

4

Menús

Se utilizan para la navegación, ya sea mostrando artículos u otros elementos del sitio. Trabajaremos con el menu principal (Main menu) el que trae Joomla por defecto. Sin embargo, se pueden agregar otros menús.

Menús  clic en Main

en Menús  clic en Main menu



añadir

nuevo elemento del menú

(Menus  main menu  add New menu item)

Se explica la forma en la que se vincula un artículo simple. Sin embargo, es importante que sepa que Joomla tiene muchas opciones para trabajar con menús.



En título del elemento del menú

(menu title), escribir el nombre de la opción el menú.

 En tipo de elemento del menú, clic en

seleccionar artículos  mostrar

un solo artículo

(menu ítem type, clic en Select  articles  single article)  En seleccionar artículo,

clic en seleccionar luego elegir el artículo

.

(5)

DISEÑO WEB

5

Componentes para Joomla

Slider

1. Ingresar a la dirección donde se descargan extensiones de Joomla https://extensions.joomla.org/

2. Clic en Slideshow

3. Clic en DJ-ImageSlider

4. Clic en GET DJ-IMAGESLIDER

5. Clic en Download

(6)

6 7. Una vez descargado el paquete. Debemos instarlo en Joomla.

Extensiones 

gestionar  instalar

(Extensions  Manage)

8. Clic en (or browse for file) y buscar la extensión

pkg_dj-imageslider-AIO-3.2.3, para instalarla.

9. Subir las imágenes que se quieren utilizar para el Slider en:

Contenido 

Multimedia (

Content  Media). Puede hacer una carpeta para almacenarlas

ahí. Dando clic en , por ejemplo llámela: Slider

(recuerde que las imágenes de los slider son más anchas que altas, ejemplo 960px X 340px o 670px X 320px)

(Subir las imágenes dentro de la carpeta)

10. Ir a componentes

DJ-ImageSlider  categories

y Crear una categoría para el Slider

(7)

DISEÑO WEB

7 11. Ir al

panel de control del DJ-ImageSlider

y dar clic en

NewSlider

 Title – coloque el nombre del slider

 Category – Elija la categoría del slider

 Slide image – elija una imagen para el slider

 Slide description – descripción del tema del slider

 Status – escoja publicado o despublicado

 Start Publishing – opcional, inicio de la publicación

 Finish Publishing – opcional, fin de la publicación

 Link Type – forma en que será llamado el slider Nota: Aparece la lista de slider existentes

(8)

8 12. Para la configuración del Slider ir a Extensiones  módulos (Extensions 

Modules). .

Ingrese al módulo DJ-imageSlider.

Colocar el estado publicado Elegir la posición para la

plantilla. Puede ser slider o banner, eso depende de las opciones de la plantilla Nombre de la carpeta donde están las

(9)

DISEÑO WEB

9 Clic en

Guardar (

save) para guardar cambios.

Clic en

Asignación del menú

(Menu Assignment) y elegir en qué páginas ver el slider (si desea verlas

en todas las páginas

la clic en On all pages)

Clic en Guardar (sabe) para guardar cambios.

Para ver cómo queda el slider debes ir al ForntEnd (donde vemos el sitio)

Chat

1. Ingresar a la dirección donde se descargan extensiones de Joomla https://extensions.joomla.org/

2. Ir a la sección Communication  Clic en Chat

3. Clic en Chatra

Colocar el tamaño de las imágenes

Imagen visible a la vez, colocar 1

(10)

10 4. Clic en

5. Una vez descargado el paquete. Debemos instarlo en Joomla.

Extensiones 

gestionar  instalar

6. Clic en (or browse for file) y buscar la extensión chatra_joomla, para instalarla.

7. Ir a la página https://app.chatra.io/ y crear una cuenta. Dando clic en

8. Escribir el correo para registrarse

9. En el correo recibirás un mensaje de Bienvenida, con un código. Ese lo utilizarás para el módulo de Joomla.

(11)

DISEÑO WEB

11 10. Para la configuración del Chat ir a

Extensiones  módulos

(Extensions 

Modules). .

Ingrese al módulo Chatra.

11. Copie el código que recibió en el correo:

12. Configure lo siguiente: (esto se explicó en el slider) a. asigne una posición en la Plantilla

b. cloque el módulo en publicado

c. asigne las posiciones del menu (si gusta en todas las páginas: On all pages) d. guarda los cambios

13. ingresa a la dirección https://app.chatra.io/chat/box:my

ahí podrás ver tus mensajes.

14. En el sitio aparecerá un ícono , para que los usuarios puedan chatear.

(12)

12

Galería

1. Ingresar a la dirección donde se descargan extensiones de Joomla

https://extensions.joomla.org/

2. Galleries

3. Clic en

4. Descargar la extensión

5. Posteriormente instalar la extensión en Joomla.

Extensiones  gestionar 

instalar

6. Clic en (or browse for file) y buscar la extensión com_phocagallery_v4.3.10.zip, para instalarla.

(13)

DISEÑO WEB

13 8. Podemos crear una categoría para la galería

9. Agregar imágenes para la galería (asignarle categoría)

10. Las galerías pueden usarse desde una opción del menú, en una posición de la plantilla, en artículos u otros.

11. Podemos ir al menú principal (main menu) y crear una opción para mostrar la galería.

(14)

14

Nota

; aumentar el tamaño de subida de archivos ir a WampServer  PHP  php.ini

Buscar upload_max_filesize, cambiarlo a 30M Busacar post_max_size, cambiarlo a 30M