WP > Customize > Layout

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

double中div#utilities是在文本的旁边配置侧边导航栏的形式。

multi class

根据皮肤我们可以构成3栏这种多栏模块样式。在将模块启用后,将模板源代码body中的class类换成multi后即可实现3栏。

<body class="mainIndex multi">
  • multi

multi中div#utilities是在主体的左右分别展开,左边是主导航。(根据皮肤的不同还可能构成其它类型的多栏样式。)

其它页面

以上举例说明了首页的结构变更方法,也是各页面共通的结构变更方法。换句话说,body中根据类的不同各页面可以设定成风格各异的结构。比如说,首页是3栏,文章分类页面2栏,文章页面1栏,这样可以按各页面的特性来设定其结构。

Page Top