Layout
下面解说wp.Vicuna专用皮肤结构的变更方法。
class类的替换
在wp.Vicuna专用皮肤中,根据主题源代码中body代码中添加的class类的不同,从而结构得以变换。
这意味着在不同皮肤配置的结构中可以用不同模板中的class类的变化来设置自己喜欢的结构。
double class
现在我们来看下例中的首页结构变更。从构成主题的php文件中打开index.php,确认body内代码。
<body class="mainIndex double">
默认状态下如上所述,根据class的属性mainIndex和double作为基本区域来定义。mainIndex的class类是为了识别模板而设,所以没有变更的必要。
double中div#utilities是在文本的旁边配置侧边导航栏的形式。
single class
接下来同样将index.php中body代码的class类变更为single试试。
<body class="mainIndex single">
single中div#utilities则是在本文的下面配置导航栏2列。
multi class
根据皮肤我们可以构成3栏这种多栏模块样式。在将模块启用后,将模板源代码body中的class类换成multi后即可实现3栏。
<body class="mainIndex multi">
multi中div#utilities是在主体的左右分别展开,左边是主导航。(根据皮肤的不同还可能构成其它类型的多栏样式。)
其它页面
以上举例说明了首页的结构变更方法,也是各页面共通的结构变更方法。换句话说,body中根据类的不同各页面可以设定成风格各异的结构。比如说,首页是3栏,文章分类页面2栏,文章页面1栏,这样可以按各页面的特性来设定其结构。


