¿Buscas Ayuda?

Usando las páginas en Bligoo

Voy a explicar el uso de las páginas usando como ejemplo mi sitio, betta.bligoo.com

La idea que tenía para mi sitio es que la portada tuviera un carrusel grande de imágenes arriba, del ancho de todo el sitio y luego continuara con dos columnas, una para listar artículos (cuatro) y otra más delgada para blidgets y otras cosas.

betta.bligoo.com

Esta es la portada de mi sitio


La idea es que los primeros cuatro artículos del sitio estuvieran en el carrusel, y luego aparecieran los siguientes cuatro en un formato de lista en la columna izquierda. Al final de la columna izquierda quería que existiera un páginador que permitiera ver los siguientes contenidos. El problema es que yo soló quería el carrusel en la portada, en las páginas siguientes quería que se mantuvieran las dos columnas y se listaran ocho artículos. 

 

Viendo de una manera más conceptual la portada del sitio, esta tiene cuatro áreas principales, una área superior para el header del sitio, esta se repite en todas las páginas. Un área del ancho total del sitio para poner el carrusel de imágenes. Otras dos áreas como columnas, la izquierda para poner los artículos como listado y una más delgada a la derecha para blidgets. 

mi-sitio-wireframe.jpg

Visión esquemática de la portada del sitio


Para construir esto fui al editor de mi sitio y entre a la pestaña páginas, cree una nueva página. Lo primero que se pide en el formulario es el título de la página, esto se usa para ponerlo en el meta title de la página, esto sirve para decirle a los buscadores cuál es el título de la página que están viendo. La idea es escribir algo que describa la página.

Luego es necesario ingresar la dirección en la que se encontrará la página, en mi caso betta.bligoo.com/portada, yo usé el nombre portada, pero se puede usar otras palabras.

El siguiente campo es una descripción, esta también se usa para los buscadores (Google) y es una buena idea escribir algo que describa el sitio, con más palabras que el título. Se puede dejar en blanco y llenar después.

Finalmente vienen las opciones más importantes, la diagramación. La idea es elegir una diagramación que se parezca al resultado que necesito, el header está siempre en todas las páginas de los sitios así que no es relevante, pero para mi caso necesito una diagramación que tenga un área ancha arriba y dos columnas  abajo. Esto se parece a la cuarta opción, la única diferencia es que esta opción tiene un área para blidgets abajo, que es igual de ancha que la de arriba, pero no es problema ya que si no le agrego blidgets no se va a ver.

portadas2.jpg

Creación de una portada, escogiendo la cuarta opción de diagramación

 

Click en el botón de guardar y ya está creada la página, además seleccioné los dos últimos checkbox del formulario. El primero le dice a Bligoo que esta página oculte las columnas actuales del sitio, y el último, que esta página sea la página de inicio de mi sitio, es decir cuando alguien entra a betta.bligoo.com llega a esta página y no al listado de artículos que está en betta.bligoo.com/content.

¿Qué significa que se oculten las columnas actuales del sitio?

Las páginas pueden ser de dos tipos, que se dibujan solas, es decir sólo el contenido de la página es lo que se ve o que se dibujen en la columna principal del sitio, rodeadas de las columnas de blidgets que el sitio tiene. El primer caso es el caso de uso más típico así que yo recomiendo marcarlo siempre.

Las páginas son básicamente contenedores de Blidgets, por lo tanto para agregarles contenido es necesario agregarle Blidgets. Para eso lo más simple es hacer click en el link que dice "agregar contenido"(1) al lado derecho de la página que acabamos de crear.

portadas3.jpg

 

Esto nos lleva la sección de blidgets del editor, y se ve así:

portadas5.jpg

 

Agregué un blidget de carrusel en el área superior, configurado para mostrar 4 artículos. En la columna izquierda puse un blidget  de listado de artículos (se llama "listado de artículos") y lo configuré para mostrar 4 artículos y en la opción de "saltarse N artículos" le puse 4, esto hace que liste los cuatro artículos siguientes de mi sitio y no los mismos que aparecen en el carrusel, es decir en el carrusel aparecen los artículos del 1 al 4 y en el blidget de listado de artículos desde el 5 al 8. A la derecha agregue un par de blidgets, uno de vídeos recientes, el de buscador y uno de texto libre donde puse categorías del sitio. 

portadas4.jpg

Los blidgets de la portada de betta.bligoo.com

 

Esto es básicamente la creación de una página en Bligoo.com, si hay algo que no esté claro pueden preguntar  e intentaré explicarme mejor. Si tienen otras dudas pregunten! :)

¿No encontraste lo que buscabas?

Intenta buscar nuevamente con otras palabras o si quieres puedes preguntar en La Cocina donde el equipo de Bligoo y otros usuarios pueden responder a tus consultas.

Comentarios de este artículo en RSS