模板布局 曾经从blogspot转到WordPress,体验过WP的丰富和灵活型,但折腾下来也遇到很多问题,缺乏靠谱的WP托管商,自己维护web主机也花了不少精力,最后发现还是Blogger以不变应万变的姿态保持着它的简单和稳定,包括一直稳定地被和谐。。。 Blogger的一大痛点是内置模板都比较朴素,定制性不如WP等blog系统强大,这里对Blogger的模板文件相关内容进行说明。 整个Blogger的内容主要由板块section(下图中蓝色标签)和小部件widget(下图中绿色标签)组成,板块主要负责对页面划分区域,widget负责在每个区域里填充内容,所有的页面内容如站头、博客正文、侧栏等都放在对应的widget里面。 布局元素 Blogger template 是一个 XHTML 文件,包含了常规的html、css、js 以及Blogger的专属元素标签(XML Namespace) ,上面用于布局的<b:section>和<b:widget> 就是属于其中。 b:section 版块 section版块用于划分网页的各个区域,如边栏、页脚。在blogger模板中,至少要有一个section标签,section标签内只能包含小部件<b:widget>标签,不能包含其它html元素, 格式示例: <b:section id='header' class='header' maxwidgets="1" showaddelement="false"> <b:widget id='Header1' locked='true' title='Blogger' type='Header' visible='true'> … </b:widget-settings> </b:section> section属性: 属性 说明 id (必需) 不能重复,只能包含字母和数字 class (可选) 常用class值:navbar、header、main、sidebar、footer。 更换模板时Blogger能根据class匹配转移