Etiquetas de elementos de página para los diseños

La sección <body> del un tema de diseño consta de secciones y widgets.

  • Las secciones son áreas de tu página, como la barra lateral o el pie de página.
  • Un widget es un elemento de la página, como una página, un Blogroll o cualquier otro elemento que puedas agregar desde la pestaña "Elementos de página".

Puedes incluir el código HTML que quieras alrededor de estas secciones en tu tema.

Secciones

Cada sección de tu tema tiene etiquetas de apertura y de cierre con un aspecto similar a este:

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">

</b:section>

Atributos de la etiqueta <b:section>
  • id (obligatorio): Un nombre único compuesto por letras y números solamente.
  • class (opcional): Los nombres de clase comunes son "navbar", "header", "main", "sidebar" y "footer". Si cambias el tema más adelante, estos nombres ayudarán a Blogger a determinar cómo transferir tu contenido.
  • maxwidgets (opcional): El número máximo de widgets que se permiten en esta sección. Si no especificas un límite, será ilimitado.
  • showaddelement (opcional): Puede ser "yes" o "no". El valor predeterminado es "yes". Esto determina si en la pestaña "Elementos de la página" se mostrará el vínculo "Agregar un elemento de página" en esta sección.
  • growth (opcional): Puede ser "horizontal" o "vertical". El valor predeterminado es "vertical". Esto determina si los widgets dentro de esta sección se ordenan uno al lado del otro o de forma apilada.

Una sección solo puede contener widgets. Si quieres insertar más código dentro de una sección, divídela en dos o más secciones nuevas.

Widgets

Un widget se representa con una sola etiqueta, que es un marcador de posición para indicar cómo debe tratarse el widget en la pestaña "Elementos de página".

A continuación, se incluyen algunos ejemplos de widgets (uno para una cabecera de página y otro para una lista):

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

Atributos de los widgets
  • id (obligatorio): Puede contener letras y números únicamente, y cada ID de widget en tu tema debe ser única. Si quieres cambiar la ID de un widget, tienes que borrar ese widget y crear uno nuevo.
  • type (obligatorio): Indica el tipo de widget.
  • locked (opcional): Puede ser "yes" o "no". El valor predeterminado es "no". Un widget bloqueado (locked) no se puede mover ni borrar de la pestaña "Elementos de página".
  • title (opcional): Si no se especifica un título para mostrar, se utilizará un título predeterminado, como "Lista1".
  • pageType (opcional): Puede ser "all", "archive", "main" o "item". El valor predeterminado es "all". El widget se mostrará solo en las páginas designadas de tu blog. (Todos los widgets se muestran en la pestaña "Elementos de página", sin importar el pageType).
  • mobile (opcional) Puede ser "only", "yes" o "no". El valor predeterminado es "default". Esto determina si el widget se mostrará en dispositivos móviles o no. Si el atributo para dispositivos móviles (mobile) tiene el valor "default", solo se mostrarán las secciones Header, Blog, Profile, PageList, AdSense y Attribution.

Obtén más información sobre cómo editar etiquetas de widgets.

Nota: En tu blog publicado, todas las etiquetas <b:section> y <b:widget> se reemplazarán por etiquetas <div>, que tendrán la ID especificada. Esto te permitirá hacer referencia, por ejemplo, a div#header o div#myList en tu CSS.

¿Necesitas más ayuda?

Prueba estos próximos pasos:

Búsqueda
Borrar búsqueda
Cerrar la búsqueda
Google Apps
Menú principal
11272947440741812833
true
Buscar en el Centro de asistencia
true
true
true