Medios Digitales Ltda.

Manual Prctico
para Administracin
de Contenidos
Sistema de Gestin de Contenidos Joomla 3.1

Medios Digitales Ltda.

04/03/2014

Contenido
1.

Cmo Ingresar al Administrador de contenidos Joomla? ....................................................... 3

2.

Cmo subir archivos a Nuestro Administrador de Contenidos? ............................................. 5

3.

Artculos............................................................................................................................... 10
3.1.

Creacin de Artculos .................................................................................................... 10

3.2.

Insertar Leer Ms ...................................................................................................... 14

3.3.

Insertar Subttulos ........................................................................................................ 16

3.4.

Insertar Imgenes ......................................................................................................... 17

3.5.

Enlaces a documentos pdf, doc, xls ............................................................................... 23

3.6.

Publicacin Artculo ...................................................................................................... 26

4.

Publicacin Slideshow .......................................................................................................... 28

5.

Publicacin de lbum en el Sitio Web................................................................................... 32

Pgina 2 de 42

Manual Prctico para Administrar Contenidos en Joomla

1. Cmo Ingresar al Administrador de contenidos Joomla?
Para ingresar al Administrador de contenidos Joomla procedemos a realizar los siguientes
pasos:
1. Ingresamos al navegador de nuestra preferencia (Internet Explorer, Google Chrome,
Mozilla Firefox, entre otros) y en la barra de direcciones ingresamos la URL de la
pgina (www.nombredelsitio.com) seguida de / y la palabra administrator y pulsamos
ENTER.
2. Al dar click nos aparece la siguiente ventana en la cual digitaremos el usuario y la
contrasea correspondiente y damos click en Acceso.

Pgina 3 de 42

Listo hemos ingresado a nuestro Administrador de Contenidos.

Pgina 4 de 42

2. Cmo subir archivos a Nuestro Administrador de Contenidos?

Para Aadir a nuestro Administrador de contenidos imgenes, archivos pdf, doc, xls y
otros elementos multimedia que deseemos utilizar en nuestro sitio web, por ejemplo
para incluirlos en nuestros artculos utilizaremos una herramienta de fcil manejo
denominada Gestor Multimedia.
Para acceder al Gestor multimedia lo hacemos de la siguiente manera:
1. Podemos acceder por medio de la opcin Gestor Multimedia que se encuentra en
el panel de control en la seccin derecha denominada Iconos Rpidos o
situndonos en el men superior seleccionamos la opcin contenido Gestor
Multimedia.

Pgina 5 de 42

Nota: Al momento de subir imgenes al Gestor Multimedia debemos tener en cuenta que
deben ser tratadas en un editor de imgenes para que tengan el tamao y calidad
adecuados, pues si poseen gran tamao al momento de abrirlas en el sitio web tardarn
en cargar y ocasionarn que el sitio web se vuelva un poco lento. Ms adelante veremos
que tamaos son los adecuados para nuestras imgenes. Es importante que los nombres
de los archivos pdf, xls, doc e imgenes no tengan espacios, , caracteres especiales
(&%$), tildes y puntos para que al momento de cargarlos en la pgina abran
adecuadamente y no presenten errores.

2. Estando situados en nuestro Gestor Multimedia procedemos a escoger la carpeta

en la cual queremos colocar nuestro archivo dando un click sobre esta, en este
caso elegiremos la carpeta Slide.

Pgina 6 de 42

3. Ahora para subir nuestros archivos nos situamos en el Botn Subir que se
encuentra en la parte superior izquierda y damos clic.

4. Despus de haber dado clic sobre el botn subir al lado superior derecho nos
aparece la opcin Elegir archivos damos clic sobre esta.

Pgina 7 de 42

5. Escogemos el archivo de nuestra preferencia y pulsamos en el botn Abrir.

6. Ahora damos click en Iniciar Subida.

Pgina 8 de 42

7. Despus de subir nuestro archivo lo podemos observar en nuestra carpeta.

Listo esta es la manera de subir nuestros archivos por medio de la herramienta Gestor
Multimedia.

Pgina 9 de 42

3.

Artculos
3.1.

Creacin de Artculos

1. Damos click sobre la opcin Aadir un nuevo Artculo que se encuentra en la parte
derecha seccin Iconos Rpidos.

2. Tambin podemos ingresar por medio de otras dos opciones. La primera de ellas
es dando click en la opcin gestor de artculos que se encuentra en la parte
derecha en la seccin Iconos Rpidos y despus pulsamos el botn Nuevo
situado en la parte superior izquierda.

Pgina 10 de 42

La segunda opcin es por medio de Contenido Gestor de Artculos Aadir nuevo

Artculo.

Pgina 11 de 42

3. Estando en nuestro Nuevo Artculo digitamos el nombre o ttulo.

4. Escogemos la Categora donde queremos colocar nuestro artculo, por ejemplo si

queremos que nuestro artculo quede en Clientes escogemos esta categora.

Pgina 12 de 42

5. Digitamos el contenido de nuestro artculo en el editor que posee una barra de

herramientas en la parte superior las cual utilizaremos segn sea necesario.

Pgina 13 de 42

3.2.

Insertar Leer Ms

Si nuestro artculo es un poco extenso y queremos que aparezca en la pgina de inicio de

nuestro sitio web no es adecuado que se muestre todo el contenido del artculo. En este
caso disponemos de la herramienta Leer Ms la cual en algn momento hemos podido
observar en la mayora de los sitios web y que nos permite mostrar la parte que queremos
que se observe en la pgina principal. Para utilizar esta herramienta lo hacemos de la
siguiente manera:
1. Nos ubicamos con el cursor en el lugar donde queremos insertar nuestro Leer

Ms.

2. En la parte inferior de nuestro editor encontramos el botn Leer Ms al cual

daremos clic y observamos que nos coloca una delgada lnea gris la cual nos indica
que en esa parte se mostrar nuestro Leer Ms al visualizar nuestro sitio web.

Pgina 14 de 42

Pgina 15 de 42

3.3.

Insertar Subttulos

Si queremos agregar un subttulo en el contenido de nuestro artculo, digitamos y

seleccionamos el texto que queremos sea nuestro subtitulo y vamos a la lista desplegable
la cual se encuentra en la barra de herramientas del editor al lado derecho que tiene la
opcin Prrafo por defecto y la cambiamos por encabezado 3.

Pgina 16 de 42

3.4.

Insertar Imgenes

Nota: debemos tener en cuenta que el tamao de las imgenes para nuestros artculos
debe ser de 250px de ancho por 200px de alto. Preferiblemente colocar las imgenes al
comienzo de los prrafos y una imagen por cada dos prrafos.
1. Si deseamos insertar una imagen en nuestro articulo ubicamos el cursor en el lugar
en que deseamos insertar la imagen, en este caso lo ubicamos al inicio del
contenido que hemos insertado a nuestro artculo.

2. Ahora vamos a la parte inferior del Editor y all encontraremos un botn con el
nombre imagen, damos clic.

Pgina 17 de 42

3. Si ya hemos subido nuestra imagen por medio de la Herramienta Gestor

Multimedia, buscamos la carpeta en la que se encuentra la imagen y la
seleccionamos; vamos a la parte inferior donde encontramos Descripcin de
Imagen, Titulo de Imagen y alinear, en cada uno colocaremos la informacin
correspondiente como se muestra en la imagen; por ltimo daremos click en
insertar.

Pgina 18 de 42

Pgina 19 de 42

4. Pero si la imagen an no ha sido subida por medio del Gestor Multimedia entonces
podemos hacerlo aqu mismo escogiendo la carpeta en la cual deseamos que este
la imagen; para este caso escogemos la carpeta clientes y damos click.

Pgina 20 de 42

5. Al encontrarnos dentro de la carpeta que hemos escogido nos dirigimos a la parte

inferior donde se encuentra el botn elegir archivos y damos click sobre este.

6. Seleccionamos la imagen de nuestra preferencia y pulsamos en el botn Abrir.

Pgina 21 de 42

7. Habiendo elegido nuestra imagen damos click en Iniciar Subida.

8. Listo hemos completado la subida de nuestra imagen. Procedemos a insertarla en

el artculo como se realiz en pasos anteriores.

Pgina 22 de 42

3.5.

Enlaces a documentos pdf, doc, xls

Para realizar enlaces a documentos pdf, doc, xls debemos tener en cuenta que antes de
hacerlo los archivos deben encontrase previamente subidos desde el Gestor Multimedia.
Ahora si procedemos a realizar el enlace al documento de la siguiente Manera:

1. Escribimos en el editor el nombre que llevar el enlace.

Pgina 23 de 42

2. Seleccionamos el nombre del enlace y presionamos el icono Lista desordenada que

se encuentra en la barra de herramientas del editor ubicada en la parte superior.

3. Despus de haber dado click en el icono Lista desordenada vamos a la lista

desplegable Estilos y escogemos el de nuestra preferencia dependiendo del
documento que vayamos a enlazar en esta ocasin elegiremos pdf, si es un
documento Excel podemos elegir (xls) y si es un documento Word elegimos (doc).

Pgina 24 de 42

4. Observamos que nos insert un icono que nos permitir distinguir qu tipo de

documento es, en este ejemplo vemos que es un documento pdf. Ahora teniendo
an seleccionado nuestro enlace y con el estilo ya aplicado damos click en el botn
Insertar/editar hipervnculo.

5. Aparece una nueva ventana en la cual introduciremos los siguientes datos:

Pgina 25 de 42

1. URL del hipervnculo: debe apuntar al lugar exacto en el que has colocado el

archivo fsicamente. En tu servidor la direccin URL ser

images/pdfs/cronograma.pdf siendo pdfs la carpeta creada en el directorio
images para alojar los archivos a descargar y cronograma.pdf el nombre del
archivo (tambin podemos enlazar documentos xls y doc solo que en esta
ocasin utilizamos un archivo pdf).
2. Destino: El comportamiento de Joomla ser que al hacer clic en el enlace
"este archivo" se abrir una ventana del navegador. Es recomendable
seleccionar la opcin Abrir vnculo en una ventana nueva de forma
predeterminada para abrir enlaces externos en el sistema.
3. Ttulo: Escribe un ttulo descriptivo para el archivo, aparecer al acercar el
ratn al enlace en la pgina. Hemos escrito para este ejemplo Cronograma.
4. Clase: Dejaremos la opcin por defecto Ninguno-.
6. Por ltimo damos click en Insertar y probamos como qued nuestro enlace al
documento pdf cuando publiquemos nuestro artculo.

Nota: Si al dar click en el enlace cuando lo estemos probando no nos abre o funciona
debemos revisar que la URL del hipervnculo haya sido escrita correctamente.

3.6.

Publicacin Artculo

1. Despus de terminar nuestro artculo procedemos a publicarlo dando click en la

parte superior de nuestro Administrador en la opcin Aplicar.

Pgina 26 de 42

2. Para visualizar nuestro artculo en el sitio web y comprobar que haya sido publicado
correctamente nos ubicamos en la parte superior izquierda dando clic sobre el
nombre de la empresa o institucin.

3. Podemos visualizar nuestro artculo en el sitio web. Listo tenemos nuestro artculo
publicado e n el sitio web.

Nota: Si queremos realizar alguna modificacin en nuestro artculo volvemos al

Administrador de contenidos y modificamos nuestro artculo, damos click en la opcin
Aplicar y vamos a la ventana donde se encuentra nuestro sitio con el artculo creado y
recargamos pulsando la tecla F5, cuando el artculo haya quedado de la manera que
deseamos pulsamos el botn Guardar y Cerrar. Listo tenemos nuestro Artculo.

Pgina 27 de 42

4. Publicacin Slideshow

Nota: Debemos tener en cuenta que las imgenes que sern publicadas en el Slideshow
deben tener un tamao de 940px de ancho por 360px de alto, adems deben estar
subidas previamente mediante el Gestor Multimedia.

1. Creamos un nuevo Artculo y en ttulo colocamos el nombre que deseamos para

nuestro Slideshow.
Pgina 28 de 42

2. Al seleccionar la categora elegiremos por defecto la categora Slideshow.

3. Nos ubicamos en el editor, all insertaremos la imagen de nuestro Slideshow por

medio del botn que se encuentra en la parte inferior del editor con el nombre
Imagen.

Pgina 29 de 42

4. Si ya hemos subido nuestra imagen por medio de la Herramienta Gestor

Multimedia, buscamos la carpeta en la que se encuentra y la seleccionamos; vamos
a la parte inferior donde encontramos Descripcin de Imagen, Titulo de Imagen y
alinear (en esta ltima opcin por defecto dejaremos No establecido), en cada uno
colocaremos la informacin correspondiente como se muestra en la imagen; por
ltimo daremos click en insertar.

Pgina 30 de 42

5. Habiendo insertado la imagen en el artculo damos clic en el botn Aplicar.

1. Para visualizar nuestro Slideshow en el sitio web y comprobar que haya sido
publicado correctamente nos ubicamos en la parte superior izquierda dando clic
sobre el nombre de la empresa o institucin.

6. Visualizamos de esta manera nuestro Slideshow en el sitio web.

Pgina 31 de 42

5. Publicacin de lbum en el Sitio Web

Para publicar lbumes en el sitio web debemos

tener previamente subidas en el Gestor
Multimedia las imgenes del lbum que deseamos
publicar, las imgenes deben quedar en una
nueva carpeta con el nombre que llevar el lbum.

Debemos tomar la primera imagen del lbum que

vamos a publicar y vamos a realizar una copia de esta, a la copia le vamos a reducir el
tamao de modo que quede de 450px de ancho por 285px, 340px de alto de acuerdo a la
imagen el nombre de la imagen por defecto siempre va a ser 1_thumb.jpg y se coloca en
la carpeta en la que quedarn todas las imgenes del lbum. Esto se hace para que en el
momento en el que publiquemos el lbum salga la imagen y que al dar clic sobre esta
aparezcan todas las imgenes que colocamos en el lbum (Esto lo podremos observar
cuando tengamos el lbum ya publicado).

Pgina 32 de 42

Despus de haber hecho esto llevamos a cabo los siguientes pasos:

1. Creamos un nuevo artculo o si lo prefieren pueden crear el lbum en un artculo antes

creado, para esto vamos a la parte superior de nuestro administrador de contenidos y
escogemos la opcin Contenido Gestor de Artculos Aadir nuevo Artculo.

2. Estando en nuestro nuevo artculo digitamos el ttulo que nuestro lbum llevar.

Pgina 33 de 42

3. En la opcin Categora elegimos la categora en la cual queremos que nuestro lbum

quede publicado como ejemplo elegimos Servicios.

4. Nos ubicamos en el editor de texto que se encuentra en la parte inferior de Ttulo y

Categora.

Pgina 34 de 42

5. Despus de habernos ubicado en el Editor nos dirigimos a la parte inferior de este y

damos clic sobre el botn RokBox el cual nos permitir crear nuestro lbum de una
manera sencilla.

6. Al dar clic nos aparece una pequea ventana con una serie de opciones que
utilizaremos para la creacin de nuestro lbum.

Pgina 35 de 42

7. Procedemos a insertar la primera imagen de nuestro lbum para esto vamos a dar clic
sobre el pequeo icono de la primera opcin denominada Link.

8. Al dar clic aparecen las carpetas que contienen los documentos e imgenes del sitio
web, observamos las imgenes que previamente habamos subido y que utilizaremos
seleccionamos la primera y damos clic en el botn Insertar.

Pgina 36 de 42

9. Despus de haber insertado la primera imagen del lbum procedemos a insertar el

ttulo de nuestro lbum y se insertar en opcin lbum.

10. Despus insertaremos en la Opcin Caption un ttulo para nuestras imgenes que se
mostrar al momento de observarlas en la Pgina Web.

11. Por ltimo tenemos la opcin Content la cual nos va a permitir insertar la pequea
imagen con el nombre 1_thumb.jpg para que sea la que aparezca al momento de
querer visualizar el lbum en la Pgina Web y que al dar clic sobre esta se observen
todas las imgenes, en esta opcin seleccionaremos Thumbnail y daremos clic sobre el
pequeo icono de la opcin para elegir la imagen 1_thumb.jpg que se encuentra con el
resto de las imgenes.

Pgina 37 de 42

12. Seleccionamos la imagen 1_thumb.jpg y damos clic en el botn Insertar.

Pgina 38 de 42

13. Despus de haber realizado todos los pasos damos clic en el botn Insert and New
para que nos inserte la primera imagen junto con el Thumbnail (la imagen pequea) y
nos abra una ventana en limpio para insertar la imagen que sigue de la misma manera
que la primera pero esta vez no utilizando la opcin Content pero si debemos
seleccionar Text; seguimos insertando las imgenes hasta terminar nuestro lbum.

14. Despus de haber terminado de insertar la ltima imagen damos clic ya no en el botn
Insert and New sino en el botn Insert and Close.

Pgina 39 de 42

15. Al terminar el lbum vamos a la parte superior del administrador y damos clic en el
botn Aplicar.

16. Ahora para visualizar nuestro lbum en el Sitio Web podemos dar clic sobre el nombre
de la corporacin el cual se encuentra en la parte superior izquierda del administrador
de contenidos.

Pgina 40 de 42

17. Al visualizar el sitio observamos el lbum ya publicado.

Si damos clic sobre la imagen nos aparecen todas las imgenes del lbum que podemos ir
visualizando al dar clic en las fechas de direccin ubicadas en la parte inferior derecha <>.

Pgina 41 de 42

Pgina 42 de 42