jueves 25 de febrero de 2010

Las páginas estáticas en Blogger

Blogger ha incluido la opción de crear páginas estáticas en los blogs. Las páginas, como se denominan a diferencia de las entradas o posts, son documentos que no se incluyen en el flujo cronológico inverso de las entradas que se publican en el blog, y contienen información estática, es decir, permanente, sobre aspectos diversos del blog o de quienes lo han creado. En sentido estricto, este tipo de contenido es ajeno al contenido dinámico del blog, y por eso supongo que Blogger ha tardado en implementarlo, pero siempre viene bien disponer de este tipo de documentos en el blog.

1. Para qué sirven las páginas estáticas

Siempre se las ha denominado páginas estáticas, en contraposición a la dinámica de las entradas del blog. Suelen estar enlazadas en el lateral o en la cabecera del blog para que resalten por su importancia y para que se encuentren a mano. Su contenido suele ser cualquiera de estos asuntos:
  1. Presentación del autor o autores, lo que se suele nombrar con la palabra inglesa About. Este documento resulta obligatorio, pues siempre hay que dar a conocer nuestro perfil personal y un currículum profesional, por muy breves que sean. Esto ha existido siempre en Blogger con el enlace al Perfil del autor del blog, donde constan sus datos personales, sus aficiones e intereses, y los enlaces a otros blogs propios y ajenos.
  2. Presentación del blog, que es conveniente siempre que el contenido del blog sea variado, amplio o complejo. Por sus características, los blogs están poco estructurados, a menos aparentemente, y los lectores pueden beneficiarse de una muestra o resumen de esa estructura interna que tienen los contenidos publicados.
  3. Presentación de la institución, de la empresa o de quien esté detrás del autor o autores del blog, pues muchos blogs se crean con fines informativos, comunicativos y promocionales.
  4. Contacto por correo electrónico con los lectores, lo que facilita la comunicación directa y asegura que detrás del blog hay una persona o institución que se responsabiliza de los contenidos. En estas páginas suele aparecer un formulario para enviar un email al autor del blog.
  5. Búsqueda de información concreta de los contenidos, es decir, una organización estructurada de los contenidos del blog, que facilite la búsqueda. Yo lo he realizado con mi entrada Índice de contenidos, documento en el que ordeno las entradas no por orden cronológico, sino pensando en la estructura general del contenido.
  6. Enlaces interesantes sobre el contenido del blog, pues el lateral del blog, donde se suelen publicar los enlaces, puede quedarse pequeño si los enlaces son muchos y variados.
  7. Cualquier información que pueda ser útil para el blog y para los lectores.
En realidad, las páginas estáticas son propias de los portales, que son páginas web de contenidos muy amplios. Los blogs no necesitan muchas páginas informativas por su carácter dinámico, y quizá no sea conveniente su abundancia, porque ello puede quitar al blog su encanto y espontaneidad. Pero quizá querríamos convertir un blog en un portal de pequeñas dimensiones, y en ese caso las páginas estáticas serían fundamentales.

Ya me hice eco en mi blog sobre la inexistencia de páginas estáticas en Blogger, y aconsejé una forma de implementarlas en mi artículo Gadgets de Blogger para menús y descargas. La forma que se me ocurrió fue la de enlazar en un menú las entradas de nuestro blog que quisiéramos convertir en páginas estáticas. Así lo hice yo con el menú más superior del lateral de mi blog, que incluye también algunos enlaces.

Por último, no hay que confundir el término página aplicado a las páginas estáticas con el que se refiere a la paginación de un blog. En este último sentido, un blog tiene establecido un número de entradas para la portada; si se sobrepasa, aumenta el número de páginas del blog.

2. Cómo crear páginas estáticas en Blogger

Las páginas estáticas suelen enlazarse desde la parte inferior de la cabecera en forma de pestañas o cuadros, como se ve aquí:


El procedimiento para crear páginas estáticas se muestra en la siguiente imagen:


Se selecciona la opción Páginas del lateral de la Administración del blog y después se abre el menú desplegable Página nueva, donde hay dos posibilidades:
  • Se pulsa la opción Página en blanco para crear una página estática en el editor de Blogger, igual que se crean las entradas, si bien aquí hay menos opciones de publicación por sus características.
  • Se pulsa la opción Dirección web para crear sólo un enlace a otro sitio web, que se verá junto a los demás títulos de las páginas estáticas en su menú. Este es el caso de la página titulada Inicio, que se crea automáticamente y que enlaza con la portada del blog. Para crear estos enlaces se verá la siguiente ventana cuando se pulsa la opción Dirección web, que hay que rellenar con el título de la página, que se verá en el menú de páginas estáticas y con la dirección web (URL) del sitio web. 


Una vez creadas las páginas estáticas, se pueden mostrar, según las opciones que se ven en la imagen inferior, en la cabecera del blog como pestañas o en el lateral como enlaces. La opción No mostrar se usa para no mostrar en el blog el menú de páginas convencional, pero se pueden enlazar las páginas estáticas en cualquier parte del blog; por ejemplo, en el lateral con un gadget de enlaces.


Por último, cuando se quiera modificar una página estática ya creada, se accede a ella mediante el enlace Editar, que aparece en los marcos de borde azul que representan las páginas creadas. También se pueden Restablecer a borrador, y entonces se verán en otra columna a la derecha bajo el título Borradores, desde donde podrán volver a publicarse pulsando el enlace Publicar, como se ve en la siguiente imagen:  


También podemos añadir páginas estáticas al blog con el gadget Páginas en la sección de Diseño. Lo podemos insertar en el lateral o debajo de la cabecera haciendo clic en el enlace Añadir un gadget.


Cuando abrimos la ventana del gadget, titulada Configurar lista de páginas, vemos que hay varias opciones bien explicadas, y se puede modificar el orden de las páginas arrastrando los cuadros donde aparecen sus nombres.


En la parte inferior, nos avisan de que se puede colocar el gadget tanto en el lateral como debajo de la cabecera arrastrándolo en la sección Diseño del blog, donde están los demás gadgets. Si se hace, no hay que olvidarse de pulsar el botón Guardar que hay en la parte superior derecha de esa sección. El enlace a la página principal está creado de forma predeterminada, y podemos cambiarle el nombre en las opciones que hemos visto arriba.

3. Las páginas en plantillas ajenas a Blogger

Si queremos instalar una plantilla ajena a Blogger, en el proceso de instalación nos avisan de que esa plantilla no incluye el gadget PageList1, es decir, el de Páginas, y se nos permite mantener o eliminar el gadget que tenemos creado. Si lo mantenemos, es posible que se pueda ver debajo de la cabecera, pero eso no ocurre siempre, y se verán los enlaces en forma de pestañas que suelen incluir esas plantillas. En todo caso, podemos mantener el menú de páginas en el lateral también con este tipo de plantillas. Pero también se pueden hacer compatibles esas plantillas con nuestras página si realizamos cambios al código fuente del blog siguiendo las instrucciones que nos dan en la página de información de Blogger.

(Artículo actualizado el 7 de enero de 2012)

32 comentarios:

  1. Hola Alejandro, estoy usando las páginas estáticas de blogger desde hace unos días, pero me cuesta mucho ordenar su contenido. Especialmente porque añade renglones vacíos entre la información que yo introduzco, sin que yo haya puesto espacios entre ellos. No tengo ni idea de código HTML, ¿sabrías decirme como arreglarlo o en que dirección puedo encontrar la solución? Gracias por tu blog que me ha sido de gran ayuda en varias ocasiones desde que llevo aprendiendo como usarlos aplicados a la educación. Un saludo y gracias de antemano. ANa

    ResponderSuprimir
  2. Ya advertí en El editor de entradas para Blogger que el editor a veces incluye líneas en blanco, pero no entre los párrafos, sino entre las imágenes y el texto principalmente. No sé cómo se puede solucionar eso de momento, porque tengo que seguir practicando con el editor, pero en el artículo decía que si guardas la entrada desde la parte Edición de HTML ese problema ocurre menos. No sé, ya veré qué se puede hacer.

    ResponderSuprimir
  3. Gracias Alejandro por tu respuesta. Al final me las he apañado de una forma un poco chapucera, he deducido que símbolos de HTML siginfican los espacios, y directamente he entrado en editar en HTML y los que borrado en los sitios que daban problemas. Más o menos ha quedado presentable. Un saludo y muchas gracias por tu blog, que me es de gran ayuda y que recomiendo a mucha gente. Un abrazo, Ana

    ResponderSuprimir
  4. Buenos días Alejandro. Excelente post. Me gusta mucho tu blog. Seguiré leyéndote, ya que veo que merece la pena.

    Saludos.
    Ángel Luis García García
    (http://elviajedelnavegante.blogspot.com)

    ResponderSuprimir
  5. aunk tngo un buen rato con el blog, hasta ahora me he decido a darle de verdad, tu post me ha servido muchísimo, mil gracias, saludos desde Guatemala,

    ResponderSuprimir
  6. Excelente explicación Alejandro. Te comento que recién me he decidido ha crearme un blog, aunque ya me había hecho uno antes pero lo abandoné al tiempo, espero poder mantener la continuidad. Gracias por la explicación.

    ResponderSuprimir
  7. Buena info, en serio que no me habia dado cuenta que la función esta se habia acivado; tenía demasido de no bloguear en blogger, y hasta la costumbre se me había ido: es que el sentido de comunidad es un poco mayor en Wordpress, ese aún le falta integralo institucionalmente en blogger.

    ResponderSuprimir
  8. Exelente Aportazo..!!!!
    Gracias

    ResponderSuprimir
  9. Ya era hora, el blogger, el mejor sistema de administración de contenido tipo blog que conozco.

    ResponderSuprimir
  10. Hola alejandro: Genial tu blog. Hice todo para configurar las paginas fijas, en la vista previa salen perfectas, pero no aparece así en linea. Ayuda por favor (soy nueva jeje)
    Felicitaciones por tu blog es fantástico

    ResponderSuprimir
  11. Una consulta, se puede crear una pagina pero en vez que vaya a dicha pagina, se redireccione a un link cualquiera? Por ej. Pagina de nombre "youtube" que al tocarla vaya a mi canal de youtube? que linea del codigo hay que modifica?

    ResponderSuprimir
  12. He creado una página en cuyo título incluía la dirección de YouTube como un enlace en código HTML, pero da como resultado una página cuyo contenido es el enlace a YouTube, y no te redirige a YouTube. Pero puedes hacer una página en la que presentes tu canal de YouTube y un enlace a él.

    ResponderSuprimir
  13. buenas!!
    una pregunta, sabrías decirme si se puede trasladar la página pricipal a secundaria. lo que pretendo es que en el incio del blog unicamente aparecca el logo y los enlaces de las paginas, pasando la principal a ser agenda, ya que las páginas añadidas no permiten crear entradas de igual forma

    gracisa saludos!!

    ResponderSuprimir
  14. En Blogger no se puede modificar la estructura de la página principal respecto a las páginas estáticas. La principal siempre será la portada del blog. Lo que algunos hacen es crear un blog que sólo usan con una entrada en la añaden los enlaces a otros blogs, que podrían ser secciones de esa estructura. Pero yo no recomiendo esto, porque la portada de un blog siempre tiene que ser dinámica para que se vean las uĺtimas entradas y se note que hay actividad en el blog.

    ResponderSuprimir
  15. Hola Alejandro, te felicito qué buena información he encontrado en tu blog. Recien tengo uno y quisiera saber cómo hago para que el nombre las páginas fijas que aparecen como pestañas en mi blog se vea siempre. Cuando entro solo se ve una que dice página princiopal, las demás solo se ven si pado el cursor sobre ellas. Otra cosa, es posible cambiar el diseño de estas pestañas? o tengo que cambiar la plantilla?. Mucha gracias.

    ResponderSuprimir
  16. Para que se vean las pestañas, hay que activar las casillas correspondientes en la ventana Configurar lista de páginas, como se ve en la sección 2 de este artículo. Y el diseño de las pestañas depende de la plantilla, aunque se pueden cambiar el texto y el fondo en la sección Avanzado del Diseñador de plantillas.

    ResponderSuprimir
  17. Hola yo quiero saber si en las paginas puedo poner que las pestañas me queden ahí. Por ejemplo pongo en una pagina NOTAS y quiero que las entradas las cuales tenia las pestañas notas tambien se guarden ahí, espero que hayas entendido

    ResponderSuprimir
  18. LB, si no he entendido mal, quieres incluir entradas dentro de la página estática (la de las pestañas), pero eso no se puede hacer. Cada página es como una sola entrada que no se incluye en el flujo cronológico del blog, sino que se queda estática.

    ResponderSuprimir
  19. Hola Alejandro. Gracias por tu post. Tengo el blog creado recientemente con material que incluí en páginas. Durante los primeros días funcionaba perfectamente la opción de publicar comentarios, pero desde hoy, no se ve la opción, ni tampoco los comentarios que ya había en esas páginas. En opciones de entrada - comentarios de los lectores - habilito "permitir", pero automáticamente al publicar la página nuevamente esa opción se tilda en no permitir y ocultar los comentarios existentes. ¿Cómo puedo solucionarlo? desde ya muchas gracias por tu respuesta!!

    ResponderSuprimir
  20. Cuki, no sé cuál puede ser el problema. Si no has tocado nada anteriormente, puede ser debido a un error de Blogger, que si es temporal, a lo mejor pronto puedes volver a tener tus comentarios.

    ResponderSuprimir
  21. gracias por el post. Sin embargo a mi me gustaria poner el widget paginas encima de la cabecera y no se como hacerlo. Tienes soluciones para esto.
    Gracias de antemano.

    ResponderSuprimir
  22. En los diseños de Blogger, no se pueden poner las pestañas encima de la cabecera, pero en otras plantillas puede que sí.

    ResponderSuprimir
  23. ¡Hola Alejandro ! Aquí de nuevo.
    Estoy intentando poner el gadget de paginas estáticas en mi blog y queda muy feo ( si entras lo ves )
    ¿Por qué queda así? ¿ por qué no queda como los del lateral?
    Muchas gracias y un saludo

    ResponderSuprimir
  24. Chelo, el diseño de las páginas estáticas varía, aunque poco, según la plantilla que uses. Así que si no te gusta, tendrás que cambiar de plantilla.

    ResponderSuprimir
  25. Muchísimas gracias, ya me lo temía Un saludo

    ResponderSuprimir
  26. Perdón nueva pregunta .
    ¿Si cambio la plantilla cambia el color y la cabecera, es decir tendría que empezar de cero otra vez en cuanto al diseño?
    A mi gustaria una plantilla en la que el gadget se quedase del mismo color y no saliesen las rayas horizontales fuera del cuerpo del blog
    ¿cuales podrían ser? Muchas gracias.

    ResponderSuprimir
  27. Chelo, si cambias de plantilla tienes que empezar a personalizarla desde cero. Explico cómo personalizarla en mi artículo Diseño y elección de la plantilla en Blogger

    ResponderSuprimir
  28. Aquí sigo, he cambiado el color de fondo de la pestaña, le he quitado los bordes si fuese capaz de cambiar el tamaño de la pestaña ya estaría ¿ eso se puede hacer?
    Muchas gracias de nuevo

    ResponderSuprimir
  29. Chelo, el tamaño de la pestaña creo que sólo se puede cambiar si aumentas o reduces el tamaño del tipo de letra de la pestaña en el Diseñador de Plantillas: Avanzado -> Texto de la pestaña.

    ResponderSuprimir
  30. Alejandro,
    No entiendo muy bien la diferencia que hay entre
    las páginas (normalmente en la cabecera) que se pueden crear cuando se edita el post o un gadget llamado páginas?
    saludos, gracias...¡

    ResponderSuprimir
  31. Fina, el gadget llamado Páginas, en la sección Diseño, es el que organiza las páginas estáticas del blog, y si lo editas, puedes modificar el orden de las páginas o quitarlas y ponerlas en el menú de páginas.

    ResponderSuprimir