搜索
清除搜索查询
关闭搜索框
Google 应用
主菜单

布局专用的页面元素标记

布局主题背景的 <body> 部分由版块和小部件组成。

  • 版块用于划分网页的各个区域,如边栏、页脚。
  • 小部件是页面元素,如网页、友情链接或者可通过“页面元素”标签添加的任何其他元素。

您可以根据需要在主题背景的版块周围加入任何 HTML。

版块

主题背景中的每个版块都有开始和结束标记,外观如下:

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

</b:section>

<b:section> 标记属性
  • id -(必需)独一无二的名称,只包含字母和数字。
  • class -(可选)常见“class”名称有“navbar”、“header”、“main”、“sidebar”和“footer”。如果您之后更换主题背景,这些名称可帮助 Blogger 确定如何转移您的内容。
  • maxwidgets -(可选)版块中允许的小部件的数量上限。如果未指定,则表示没有限制。
  • showaddelement -(可选)可以是“yes”或“no”,默认为“yes”。此属性可决定“页面元素”标签是否要在此版块中显示“添加页面元素”链接。
  • growth -(可选)可以是“horizontal”或“vertical”,默认为“vertical”。此属性可决定此版块中的小部件是并排布置还是堆叠布置。

版块只能包含小部件。要在版块内插入额外代码,请将该版块拆分为两个或更多新版块。

小部件

小部件以单个标记表示,此标记只起到占位符的作用,指示应如何在“页面元素”标签中处理小部件。

下面列举了一些小部件的标记示例(一个表示页面标题,一个表示列表):

<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”/>

小部件属性
  • id -(必需)此属性只能包含字母和数字,且主题背景中的每个小部件 ID 都应是唯一的。只有在删除并新建小部件的情况下,才可以更改小部件的 ID。
  • type -(必需)表示小部件的种类。
  • locked -(可选)可以是“yes”或“no”,默认为“no”。无法从“页面元素”标签中移动或删除已锁定的小部件。
  • title -(可选)如果未指定显示标题,则系统会使用“List1”之类的默认标题。
  • pageType -(可选)可以是“all”、“archive”、"main”或“item”,默认为“all”。小部件只会在您博客的指定页面中显示(无论其 pageType 为何,所有小部件都会在“页面元素”标签中显示)。
  • mobile –(可选)可以是“yes”、“no”或“only”,默认为“default”。该属性决定了小部件是否在移动设备上显示。当移动属性为“default”时,只有标题、博客、个人资料、页面列表、AdSense 和归属会显示在移动设备上。

详细了解如何修改小部件标记

注意:在已发布的博客中,所有 <b:section><b:widget> 标记都将替换为具有指定 ID 的 <div> 标记。因此,您可以在 CSS 中引用 div#header 或 div#myList 一类的标记。

本文是否对您有帮助?
您有什么改进建议?