Curso online de Joomla: añadir un nuevo contenido al sitio

16 06 2008

Es muy probable que esta sea la operación que realizarás con mayor frecuencia en Joomla. Ya te hemos comentado que Joomla es un C.M.S, es decir, un Sistema de Gestión de Contenidos que, ante todo, se preocupa y ocupa de que puedas añadir contenido con relativa simpleza en tu sitio Web. Y en esto radica una de las ventajas de utilizar Joomla como herramienta de publicación Web: olvídate de pasar horas y horas ocupándote del diseño de tu sitio, de añadir botones o menús de navegación, de diseñar tablas para que el contenido que añadas a la Web no “se descoloque”… Joomla te lo pone muy, muy fácil… sólo decide qué contenido quieres incluir y simplemente teclea.

Una puntualización, para Joomla contenido es todo… no sólo texto, sino también imágenes, archivos de vídeo, animaciones, audio o presentaciones. Así que cuando te decimos que Joomla te permitirá añadir con suma sencillez contenido te estamos indicando que la misma sencillez la encontrarás para añadir todos estos elementos multimedia.

Para incluir contenido en Joomla utilizarás un editor de textos WYSIWIG. Si estás familiarizado con la introducción de artículos en blogs, por ejemplo, el editor de Joomla te resultará muy familiar, si lo estás con procesadores de texto tipo Microsoft Word, Works y OpenOffice tampoco notarás mucha diferencia con este tipo de editores (incluso alguno de sus botones son increíblemente parecidos). Por tanto, no tienes excusa para comenzar a añadir contenido a tu sitio Web.

Joomla, por defecto, trae incorporado de serie en una instalación básica un editor llamado TinyMCE (libre y de código abierto), un editor utilizado por una gran variedad de gestores de contenidos además de otras herramientas de publicación Web como WordPress, muchos sistemas blogs o wikis.

Editor TinyMCE

Nota. Por lo general, en todos estos sistemas que te hemos indicado, dispondrás de dos editores diferentes: uno visual, caracterizado por filas y filas de botones o iconos, que te permitirá formatear el texto sin necesidad de conocer código HTML (el código empleado inicialmente en la publicación Web), y otro editor de código HTML, sin botones ni etiquetas, que te permitirá establecer el formato desde el código fuente del documento. El primero deberás utilizarlo casi obligatoriamente si eres un principiante en esto de publicar en Internet y desconoces completamente el lenguaje HTM; el segundo, es muy probable que lo utilices con frecuencia si eres un usuario avanzado y deseas un mayor control sobre el código fuente.

Por cierto, TinyMCE no es el único editor posible que podrás utilizar en Joomla. Existen otros que podrás instalar en el sistema. Es más, aunque TinyMCE es un buen editor te recomendaremos más adelante que instales otro diferente en Joomla (si estás utilizando una versión Joomla 1.0…). La razón, en este caso, estriba en que la gestión de imágenes con este editor no es precisamente su fuerte (y probablemente todo el contenido que incluyas en Joomla - a partir de ahora le llamaremos artículos-  irá acompañado de una o varias imágenes). TinyMCE, en estas versiones de Joomla (recuerda que estamos utilizando la versión 1.0.13), no te permite, por ejemplo, subir directamente nuevas imágenes al servidor a la vez que construyes un nuevo artículo (habrás de hacerlo previamente o bien por FTP o bien con un gestor de archivos de imagen instalado en el sistema) y esto hace que utilizar este editor no sea excesivamente cómodo.

A pesar de esta limitación, y con el objeto de que te familiarices con los editores de texto en Joomla y con la forma de añadir artículos al sitio Web, te indicamos en este artículo como incluir texto en Joomla utilizando este editor. Más adelante, realizarás la instalación de un nuevo editor con mejores funcionalidades y con un gestor avanzado de imágenes que utilizarás sin problemas pues ya estarás familiarizado con la manera de añadir artículos al sistema y, sobre todo, con algunos de sus iconos para editar el formato del texto.

Añadir un nuevo contenido al sitio Web

Vete, en primer lugar, al Panel de Control de Joomla (si no estás en él, haz clic en el menú Inicio para localizarlo). Escoge la opción del botón Añadir un nuevo artículo del Panel de Control.

añadir nuevo art�culo

Se abrirá una nueva página dividida en varias secciones, que te describiremos a continuación:

Una botonera en la parte superior con botones que realizan diferentes funciones:

Editor TinyMCE, botonera

  • Previsualizar: Previsualiza cómo ésta quedando el contenido del artículo que estás realizando.
  • Subir: permite subir una imagen al servidor, concretamente a la carpeta stories que localizarás en la ruta images/stories de Jooma. Por lo general no utilizarás esta opción sino que acudirás al Administrador de imágenes, entrada que localizarás en el menú Sitio, porque necesitarás controlar el lugar exacto donde ubicar tus imágenes, sobre todo, si tienes muchas carpetas diferentes para distintos usos.
  • Guardar: guarda los cambios que vayas realizando al editar el artículo
  • Aplicar: aplica los cambios realizados
  • Cerrar: Cancela los cambios y cierra el editor
  • Ayuda: muestra la pantalla de ayuda de esta página.

La parte izquierda de la pantalla la ocupa el editor de artículos, en el que verás el espacio central en el que podrás teclear el texto del artículo a realizar y varias filas de botones de edición del contenido (algunos te recordarán a los iconos propios de un procesador de textos). En la parte derecha de la pantalla verás las opciones de publicación del artículo con diversos parámetros que podrás seleccionar.

nuevo art�culo

Observa los iconos presentes en el editor TinyMCE. Si pasas el ratón lentamente por encima de ellos te mostrará para qué sirven y conocéras intuitivamente su utilización si estás familiarizado con la edición de textos a través de los procesador de textos, como Word o Writer.

Antes de escribir el contenido del artículo deberás incluir un título al mismo en el campo Título (el que se verá como título del artículo en diferentes secciones de la web), un alias (procura repetirlo, para facilitarte la tarea) y asignarlo a una sección y categoría (obligatoria la jerarquización de contenidos en sección - categoría - artículo de contenido, y por este orden, te lo explicaremos más adelante). Como ejemplo concreto vas a crear un nuevo artículo en el que expliques la oferta educativa de tu centro, tal y como ves en la captura de pantalla siguiente:

nuevo art�culo

Hemos asignado el artículo a una de las secciones ya preestablecidas por Joomla como ejemplo en la instalación: Noticias y a la categoría Últimas noticias, pero podrías haber asignado este artículo a cualquier sección y categoría del listado (o a cualquier sección y categoría que hubieras creado previamente). Con respecto al texto hemos utilizado las diversas opciones que nos permite la caja Formato del texto para ampliar su tamaño y además hemos hecho un listado tipo viñetas.

Nota. Joomla  se integra perfectamente con tu procesador de textos. Puedes preparar el texto previamente en Word o en OooWriter, por ejemplo, y luego copiar - pegar su contenido al editor de Joomla (lo que incluye también todas sus características de formato).

Observa ahora la parte derecha de la pantalla, unos cuadros informativos distribuidos en pestañas te permitirán controlar el contenido del artículo y algunos de sus parámetros de publicación:

Por ejemplo, en la pestaña Publicación:

  • Ver en la página inicial. Te permite posicionar el artículo, si está validado, en la página de inicio de tu sitio Web.
    Publicado: Si está validado el artículo estará publicado y se mostrará en la Web.
    Nivel de acceso: Puedes hacer que el artículo que estás realizando pueda ser accesible públicamente - public o sólo para usuarios registrados - registered. Así se simple es limitar el acceso a un artículo a quien desees.
    Autor Alias: si deseas que un nombre concreto aparezca como autor del artículo escríbelo aquí.

Las otras opciones son bastante intuitivas, compruébalo por tí mismo: podrás cambiar - editar la fecha de creación del artículo, ver los hits de visualizado del artículo tras su publicación, etc.

Edita o formatea el nuevo artículo

Como ves en las imágenes siguientes, he escrito un artículo de prueba para que aprecies los cambios que puedes realizar con alguno de los iconos presentes en el editor TinyMCE.

  • Si quieres trabajar con los márgenes, selecciona el texto y haz clic en uno de los iconos para alinear el texto situados en la fila superior; por ejemplo Alinear centrado: De esta misma forma puedes alinear el texto a la izquierda, alinearlo a la derecha o alinearlo justificadamente en los márgenes (seleccionarel texto y hacer clic sobre el icono correspondiente, así de simple).

alinear texto

  • Para formatear el texto en negrita, cursiva, subrayado o tachado, selecciona el fragmento de texto que desees y haz clic sobre la N, K, S o ABC, respectivamente.

editar texto

  • Puedes también cambiar el tamaño de la fuente seleccionando uno de los formatos preestablecidos.

editar texto

  • O puedes incluir listas ordenadas e insertar viñetas haciendo clic sobre los iconos correspondientes.

editar texto

Como ves, aunque sencillo, TinyMCE incorpora iconos que te permiten realizar tus nuevos artículos con una cierta apariencia y estética relativamente vistosa. Prueba a añadir nuevos artículos asignándolos a las secciones y categorías preestablecidas de Joomla y a editar el texto utilizando los iconos señalados.

Como has comprobado tras la lectura del artículo, añadir texto a Joomla es sencillo. Para visualizar el nuevo artículo que acabas de crear tendrás que seguir los siguientes pasos:

  1. Visualizar el sitio Web mediante Sitio - Vista previa - En una nueva ventana.
  2. Hacer clic en el botón Noticias que hallarás en el menú de navegación principal.
  3. Hacer de nuevo clic en la categoría Últimas noticias y, a continuación, en el nombre del artículo que has creado.

Esto te indica algo muy habitual en Joomla: puedes crear un nuevo artículo pero puedes no verlo en tu sitio Web. Necesitarás siempre asignarlo a una sección, a una categoría y, además, lo más probable es que necesites un enlace en un menú de navegación para poder acceder a él. Y puede ser también que te hayas olvidado de publicarlo (por defecto, los nuevos artículos se publican siempre) o que su acceso esté limitado a ciertos usuarios y no sea público. Como aprecias las opciones de configuración de Joomla son muy variadas, lo que hace que esta herramienta sea excepcionalmente potente.

Estadísticas Este artículo ha sido visitado  21164  veces


Acciones

Informaciones

3 Comentarios a “Curso online de Joomla: añadir un nuevo contenido al sitio”

9 10 2008
admin (13:20:26) :

Estimados Srs:

Actualemnet utilizo Joomla 1.5.7, FF 3.03.3, IE7, lógicamente TinyMCE enviado con Joomla.

Tenemos varios documentos extensos de aspectos legales como son los Avisos de Privacidad y otros. Estos documentos está preparados en MSWord y tienen una extensión de 30 páginas.

Al momento de copiar y pegar al editor de Joomla, solo la mitad del documento se pega y se salva, la otra se pierde. Hemos salvado el doc en formato TXT y luego copiarlo y pegarlo, pero se obtiene el mismo resultado.

Lo mismo ocurre cuando ese mismo doc traducido tratamos de copiar y pegar a través de Joomfish.

Podría alguien ayudarnos ? Existe alguna limitación del editor para aceptar cierta cantidad de caracteres o palabras ? O de Copiar y Pegar ?

Hemos instalado JCE para hacer otras pruebas, pero obtenemos el mismo resultado.

Ustedes como expertos en TinyMCE le agradecemos su ayuda.

Atentamente,

14 11 2008
Rigo (22:17:40) :

hola, tengo un problema, para editar los articulos todo esta muy claro, sin embargo, no puedo insertar tablas, ni imagenes, ni enlaces y mucho menos ver el codigo html del articulo…. y a lo he intentado con 2 exploradores de internet diferentes y la ventana me aparece en blanco (la ventana donde insertas la imagen, o la de la tabla o la ventada de codigo html), tambien ya lo he intentado en otras computadoras.
no se que tenga que ver esto: javascript:tinyMCE.execInstanceCommand(’mce_editor_0′,’mceAdvImage’);
pero me comenta la persona del hospedaje web, que actualizo el software y desde ese entonces no he podido poner en laces y todo ese tipo de cosas que esta en la edicion de formatos de articulos, exactamente son las pantallas que muestra esta pagina……

alguien me puede decir que es????

18 02 2009
Alejandro (09:25:29) :

estoy gestionando una pagina con joomla, diariamente subo articulos de un periódico, son muchas notas que hay que subir diariamente, me gustaría saber si hay una forma de publicar los artículos directamente desde word.. como una macro o algo así, por que eso de copiar y pegar una por una está canijo.

Enviar un comentario


*
Para demostrar que eres un usuario (no un script de spam), introduce la palabra de seguridad mostrada en la imagen.
Anti-Spam Image