万恶的Blogbus模板万恶为你提供模板动力mobanxx.pdfVIP

万恶的Blogbus 模板——万恶为你提供模板动力！() - 1 - blogbus blogbus “万恶的bbllooggbbuuss 模板”新模板系统教程 模板的介绍 模板的介绍 模模板板的的介介绍绍 虽说模板的意思，大家都有所了解，但我还是想特别的强调一下，模板是代码和设计的组合。 对于模板使用者来说，我们可能更加关注模板的设计，但从整体来说，一款好的模板应该包 括良好的代码和优秀的设计。 我们先来了解下Blogbus 模板代码的构成： � 布局代码 � 封装代码 � 样式代码 布局代码，布局也即是模板的整体结构，我们常说的两栏、三栏布局，也即是指模板主体区 域表现出来的是两栏，还是三栏。一般来说，不管是两栏，还是三栏，都是用网页编程中的 页面元素来实现的，目前常用的页面元素是层（DIV）（层的概念会在后面详细介绍）。 封装代码，新模板系统中有很多封装代码，这些封装代表模板中各个模块。通过在模板中调 用这些代码，我们就可以在页面上显示最新发布的日志内容和其它内容。也就是说，通过布 局代码和封装代码的组合，我们就能大致构建出一块模板了。 样式代码，样式代码即是我们常说的CSS代码。CSS 代码可以控制布局和页面各部分模块 的样式，如果能熟练运用CSS，我们就可以很方便地修改模板样式了。至于CSS 代码是什 么样的代码，以及怎么使用它，后面会有专门的章节来加以介绍的。 下面看下图例来解释下。 本教程版权归万恶所有，任何人不得盗用！ 万恶的Blogbus 模板——万恶为你提供模板动力！() - 2 - 上面的示意图代表的是博客首页的结构，灰色部分可以通过布局代码和样式代码来实现，图 中右边的代码即是布局代码，样式代码因为比较多，我没有写出来。可以看出，上图示意的 模板布局为两栏模板（主体区域为左边日志，右边副栏）。 大家注意看看示意图中的{c:0}和{c:1}，我把{c:0}放在左边的日志区域，{c:1}放在右边的副 栏。在Blogbus 的模板系统中，{c:0}调用的是Index-posts里的代码，默认情况下，会显示 日志标题，发表日期以及日志正文等内容。{c:1}则代表了在副栏的各个模块。1 1 关于Blogbus 模板系统的组成，后面会有详细说明。{c:0} 和 {c:1} 这两个封装代码只能用于Index 和 Detail代码块中，Index-posts是Blogbus 新模板系统中的一个代码块。 本教程版权归万恶所有，任何人不得盗用！ 万恶的Blogbus 模板——万恶为你提供模板动力！() - 3 - Blogbus模板系统的使用 Blogbus模板系统的使用 BBllooggbbuuss模模板板系系统统的的使使用用 在这一节中，我将向大家详细介绍下Blogbus 的模板管理系统。如果你已经熟悉模板管理系 统了，可以跳过本节内容。 进入管理后台，在上面的菜单中选择“博客”-“模板”，这时候会进入默认的模板设置界 面（如下图）。 Blogbus 模板系统分为“新模板系统”和“传统模板系统”这两套模板管理系统。一般情况 下，我建议使用“新模板系统”。下面我会详细介绍新模板系统的设置方法，至于传统模板 系统，我也会作简单的介绍。 注：本教程的内容是基于“新模板系统”的。 新模板系统的设置 模板界面的上部，是当前使用的模板信息。如果只想使用Blogbus 官方现成的模板，或者使 用用户分享区的模板的话，只要在模板的缩略图下面点“使用”即可。如果想要修改模板， 或者自己新建模板的话，就要用到“自定义模板”功能了。 点击模板设置界面右边的“选择自定义模板”（上图中1所示位置）后进入自定义模板设置 界面。设置界面如下图： 本教程版权归万恶所有，任何人不得盗用！ 万恶的Blogbus 模板——万恶为你提供模板动力！() - 4 - 设置界面的上部与之前的界面是相同的，不同的是下面的自定义模板栏目。在“自定义模板” 栏目里，显示的是我们自定义的模板信息，其中包括有模板缩略图、模板名称和模板说明。 默认情况下，这里是没有任何自定义模板的。下面来看下怎样新建模板并对模板进行修改。 在图中位置1，有“新建自定义模板”的链接