En los videos anteriores estuvimos viendo cómo publicar y traducir contenidos.

Transcripción

1 Tips, Publishing and Translating contents En los videos anteriores estuvimos viendo cómo publicar y traducir contenidos. En este video realizaremos un repaso de estos temas y veremos algunos tips sobre la publicación de contenidos. Ahora queremos publicar contenidos en la página Noticias. Vamos a armar la página de acuerdo a los patrones definidos por el diseñador. En la Columna 3 agregamos un GXportlet Contenido.

2 Se presentan los contenidos de ejemplo. Vamos a definir la estética de presentación en el GXportlet. Vemos el diseñador de páginas y observamos el boceto que nos entregó el diseñador para identificar los ajustes que tenemos que realizar. Vamos a modificar la estética del título Ajustaremos la estética del resumen de acuerdo a los patrones definidos por el diseñador Y vamos a ocultar la opción de Ver más ya que en este caso no hay información para ampliar

3 Ajustamos la estética del título de los contenidos: el color de texto (como no existe aún lo vamos a crear), su tipografía, tamaño y su estilo (no negrita). Definimos la estética del resumen: seleccionamos su tipografía, color y su interlineado. Y ocultamos la opción Ver más ya que para estos contenidos no tiene sentido que esté habilitada dicha funcionalidad. También deshabilitamos el clic en el título y en las imágenes para ampliar su información. Realizamos una vista previa de la página "Noticias" para ver cómo está quedando. Y vemos nuevamente el boceto que nos entregó el diseñador para identificar los ajustes que tenemos que seguir realizando.

4 Vamos a ocultar los datos de publicación: fecha y autor. También vamos a ocultar la posibilidad de Editar los contenidos desde el propio sitio. Y configuramos la presentación de las imágenes: que se muestren alternas a la izquierda y derecha. Ocultamos los datos de publicación. Ocultamos la opción de Editar los contenidos desde el sitio. Y definimos que las imágenes se muestren de manera alterna a la izquierda y a la derecha. Vemos la página en el diseñador.

5 Antes de seguir haciendo ajustes en las propiedades del GXportlet Contenido, vamos a cargar los contenidos que se quieren presentar. Creamos un nuevo contenido, ingresamos su título, resumen y le vamos a asignar una imagen. Todavía no están subidas las imágenes de estos tres contenidos que queremos publicar, las vamos a subir. Hacemos una vista previa de las imágenes y asignamos la imagen correspondiente al contenido que estamos creando.

6 Confirmamos la creación del contenido y lo publicamos en la página actual. Vamos a repetir esta misma acción para los otros dos contenidos que queremos publicar aquí. Creamos un nuevo contenido, ingresamos su título y resumen, le asociamos la imagen que corresponde, confirmamos el contenido y lo publicamos. Volvemos a repetir esta acción para crear el tercer contenido y publicarlo aquí. Ahora sí tenemos ingresados los tres contenidos en inglés y publicados en esta página.

7 Refrescamos la vista previa de la página "Noticias" para ver cómo está quedando. Y volvemos a comparar con el boceto que nos entregó el diseñador para identificar los ajustes que nos faltan realizar. Vamos a definir el color de fondo para las líneas pares e impares. Ajustaremos la separación encima del título del contenido, debajo del resumen y a los costados de los contenidos. Asignamos el color de fondo para las líneas impares y el color de fondo para las líneas pares. Y vamos a ajustar las separaciones. Definimos la separación que queremos dejar encima del título y debajo del

8 resumen. Y asignamos el margen interno izquierdo y derecho para los contenidos. Nuevamente refrescamos la vista previa de la página Noticias y observamos el boceto definido. Ahora sí los contenidos se están presentando de acuerdo a la propuesta del diseñador. Si vemos el sitio en Español, en esta página se están mostrando los contenidos de ejemplo. Esto se debe a que estos contenidos los ingresamos en Inglés y aún no hemos ingresado su traducción en Español.

9 Seleccionamos nuevamente el idioma inglés. Para los contenidos que agregamos en la plantilla vimos cómo ingresar las traducciones desde la lista de contenidos publicados en el GXportlet Contenido. Ahora vamos a ir a la Herramienta Contenido, opción Trabajar con contenido. Vemos todos los contenidos existentes en el sitio. Seleccionamos el contenido correspondiente y lo vamos a Editar en Español. Se presentan todos los componentes del contenido en inglés para que ingresemos su traducción en Español. Modificamos algo en el título, en este caso sólo para notar el cambio al modificar el idioma de visualización del sitio.

10 Al igual que vimos anteriormente, si el contenido tuviera asociadas imágenes con texto, tendríamos que subir las imágenes en cada idioma. Editamos los otros dos contenidos publicados en la página Noticias para ingresar su traducción en Español. Refrescamos la vista previa de la página y la vemos en Español y en Inglés. Vamos ahora a comentar algunos temas. En un GXportlet Contenido se pueden publicar varios contenidos, la única condición es que todos compartan la misma estética y comportamiento. Por ejemplo, el título se presenta con el mismo estilo (tipografía, color, tamaño, etc), los componentes se presentan para

11 todos los contenidos o para ninguno (fecha, autor, imágenes, etc). Si vamos a publicar contenidos con la misma estética y siguiendo los mismos patrones, es altamente recomendable utilizar un único GXportlet Contenido. Hubiera sido una muy mala práctica si en este caso hubiésemos utilizado tres GXportlets Contenido, uno por cada contenido publicado. Contamos con diferentes métodos para publicar contenidos, ahora lo hicimos desde el diseñador de páginas. Independientemente desde dónde ingresemos contenidos, todos los contenidos se administran de manera centralizada desde la herramienta Contenido, opción Trabajar con Contenido. Desde aquí se pueden realizar todas las acciones disponibles sobre los contenidos: editar, borrar, publicarlos, administrar sus versiones, administrar sus comentarios, hacer una copia, entre otras. Todas las imágenes de los contenidos se administran de forma centralizada desde la herramienta Contenido, opción Multimedia. Aquí vemos las tres imágenes que hemos subido y podemos realizar diferentes acciones: Editar sus datos, borrarlas, diseñarlas y demás. En este video repasamos cómo publicar y traducir contenidos y vimos algunos tips sobre la publicación de contenidos. En el próximo video vamos a ver qué son los Estilos de GXportlets y en qué caso nos puede resultar muy útil su uso.

12