Crea o Edita tus documentos web con Joomla!

Última actualización el Lunes, 27 de Junio de 2011 16:19 Escrito por Gonzalo Reynoso Sábado, 17 de Mayo de 2008 00:00

Guías - Diseño y administración Web con Joomla!

4- Crear un documento Nuevo (página web)

Desde el Panel Principal debe hacer clic en Add New Article

(imagen 14)

4.1 Editor Visual

Joomla 1.5.x ya viene con un editor de contenidos visual (WYSIWYG), llamado TinyMCE 2.x. Este editor tiene dos areas principales: El campo de herramientas y el campo de trabajo.

(imagen 15)

4.2 Interfaz de edición/creación de un documento web

- Datos y estado del documento: Titulo del documento, alias, estado de publicación (publicado o no publicado), sección y categoria a la cual pertenece el documento actual, front page (esto nos indica si el documento está publicado en la página principal o no)
- Campo de trabajo: el mismo es donde va el cuerpo del documento: el texto, las imágenes, y los enlaces que se pueden editar (todo esto se llama hipertexto).
- Campo de Herramientas: Aquí están las herramientas que sirven para "formatear" el cuerpo del documento editado: incrustar y editar imágenes, alinear el texto/imagen, establecer jerarquías entre encabezados de textos (títulos y subtítulos entre los diferentes párrafos), insertar tablas, enlaces, utilizar formato para los párrafos de texto: viñetas, negritas, itálicas, etc

Al crear un documento nuevo (ver imagen 16), debe colocarle un titulo al documento, un alias (usualmente es el mismo que colocamos en el titulo), y seleccionar una sección y categoría (previamente creadas) donde pertenecerá ese documento.

Luego proceda a colocar el contenido del documento en el campo de trabajo, utilizando el editor visual para formatear el contenido. Cuando el documento está listo: Guarde o aplique los cambios. (más información sobre cómo formatear el contenido en el apartado siguiente)

(imagen 16)

4.3- Guardar/Cancelar los Cambios Realizados

1- Guardar la edición del documento (guarda y cierra el documento actual)
2- Aplicar la edición y continuar editando (guarda el cambio pero el documento actual carga nuevamente)
3- Cerrar la edición, los cambios realizados hasta el momento sin haber clickeado en los botones 1 y 2 no serán guardados.

(imagen 17)

5- Editar/Configurar documentos

5.1- Editar Contenido, Documento/Página web

Exiten varias formas de encontrar el contenido que queremos editar (dependiendo de si se trata de un sitio web pequeño con pocas páginas o uno grande con muchos documentos):

1- ir a >> Content >> Article Manager >>

Aparecerán todos los documentos listados, cuyos nombres se ven en la columna "Title". Haga click en el "nombre del documento" que desea editar.

(imagen 18)

(imagen 19)

2- En Article Manager se puede filtrar la lista de contenidos por sección y / o categoría: Seleccionar Sección y Categoria (ver imágenes 20 y 21) >> Aparecerán todos los documentos listados cuyos nombres están en la columna Title, haga click en el que desea editar.

(imagen 20)

(imagen 21)

Cuando encontró el artículo de contenido que desea editar, debe clickear en su título (columna "Title"), y será dirigido a la interfaz de edición del documento en cuestión, por ejemplo:

(imagen 22)

(imagen 23)

El botón HTML que muestra el editor visual (WYSIWYG) nos permite recuperar el código fuente del cuerpo del documento (lo que va en el campo de trabajo). Ese código fuente HTML puede ser llevado a un editor HTML de escritorio (como Dreamweaver o Frontpage), y luego de la edición en esos programas, puede llevarse nuevamente el código fuente generado al editor HTML del editor TINYMCE

5.2- Agregar/insertar una Imagen

Debe colocar el cursor en donde desea que aparezca la imagen, luego debe hacer click en el botón "Image" (abajo del campo de trabajo)

(imagen 24)

Una vez que clickea, se abrirá una ventana (ver imagen 25): Los pasos de selección son: hacer click en la imagen que desea insertar >> puede elegir la alineación (el campo "Image URL" se rellena automáticamente) >> Clic en "Insert".

(imagen 25)

Más utilidades de "Image" (los siguientes campos aparecen en la misma pantalla de la imagen 25): Aquí se sube una imagen que no está en el servidor, entonces, se hace click en "Browse files" >> buscar la imagen >> click en "Abrir" >> hacer click en "Start Upload".

(imagen 26)

5.3- Configurar Parámetros de publicación

Cuando se crea un artículo y se publica sin haber configurado/editado los parametros que por defecto trae Joomla, la parte pública del contenido principal (maincontent) se ve así:

(imagen 27)

Todos los textos e íconos que están en los recuadros rojos de la imagen anterior, dependiendo de la temática o el tipo de sitio que estamos creando, pueden o no estar activados.

Si usted no desea estos elementos -Todos o algunos- lo que debe hacer es ir a Content >> Article Manager >> Parameters

(imagen 28)

Luego se abrirá una pantalla con los parametros:

(imagen 29)

Cada punto, en la imagen, permite:

Opciones: No - Yes >> Al seleccionar No, no se verán links a usuarios sin loguearse en la parte pública
Opciones: No - Yes >> Al seleccionar No, el punto B en la imagen 27 no aparecerá en la parte pública
Opciones: No - Yes >> Si desea que el titulo (punto B) sea Linkeable, seleccionar Yes
Opciones: Hide - Show >>
Opciones: Hide - Show >> Si desea que el nombre de la sección a la cual pertenece el artículo aparezca seleccionar Yes
Opciones: No - Yes >> Cuando el nombre de la sección aparece (punto 4), que sea linkeable?
Opciones: Hide - Show >> Si desea que el nombre de la categoria a la cual pertenece el artículo aparezca seleccionar Yes
Opciones: No - Yes >> Cuando el nombre de la categoria aparece (punto 7), que sea linkeable?
Opciones: Hide - Show >> Es para el punto C en la imagen 27, si desea que no se vea seleccionar Hide
Opciones: Hide - Show >> Es para el punto D en la imagen 27, si desea que no se vea seleccionar Hide
Opciones: Hide - Show >> Es para el punto F en la imagen 27, si desea que no se vea seleccionar Hide
Opciones: Hide - Show >>
Opciones: Hide - Show >> Corresponde a si se quiere que el enlace "Read More" aparezca.
Opciones: Hide - Show >>
Los puntos 15, 16, 17 y 18 corresponden al punto E en la imagen, las opciones son: Hide - Show. Aquí puede seleccionar Hide en el ícono que no desea que aparezca, por ejemplo para que no aparezca el ícono PDF (punto 16 en la imagen 29) seleccionar Hide, entonces, en la parte pública aparecerán los íconos Print y E-mail pero el de PDF no.