论文2边栏容器

论文2:如何创建三列布局

不可否认,论文2有一点学习曲线。但是,和马特和克里斯谈过之后,我对论文2中已经提到的一些内容非常感兴亚博体育下载趣,更为激动的是他们对未来的计划。

所以,今天我决定是时候开始学习论文2了,我的目标是学习如何将论文的经典外观转换为1列或3列布局。下面是我的想法。

速记

论文2不是典型的亚博yabo88app 下载WordPress主题.论文2也与论文1.x完全不同。在后端选择一个选项来创建一个主题为您的新布局并不容易。

你需要一个HTML和CSS的基础。www.gyu-kura.com有一个很棒的CSS简介那是亚当·贝尔德写的。如果你没有使用CSS的经验,我建议您在继续学习本教程之前先查看一下Adam的CSS简介。

如何获得一列布局

用论文2得到一个基本的单栏布局实际上是相对简单的。步骤如下。

1。导航到皮肤编辑器

2。按住SHIFT键并将蓝色框从侧边栏列拖到内容列上。

下一步,您需要重新定位蓝色框。拖动上一个/下一个框下方的两个蓝色框。 论文2皮肤编辑器1栏

三。导航到CSS编辑器并选择Columns包。

将列1宽度更改为900 px,并将对齐设置为默认值。

论文2-1列设置

4。删除columns包中的其他css。

论文2附加CSS

这5个步骤将为我们提供900像素的基本单栏布局。请记住,您可能需要添加一些CSS以使您的网站符合您的喜好。出发,我建议您删除columns包中的附加CSS。

如何获得三列布局

对于三列布局,让我们从创建第3列开始。这样做:

1。导航到皮肤编辑器。

2。添加新的容器框。

论文2边栏容器 我建议你把它命名为侧边栏2。这是我们用来保存新边栏的内容。

在这一点上,您还可以继续创建一个额外的文本和小部件框来添加到边栏2容器中。

三。按住SHIFT按钮,将方框拖到列容器上。

一旦你把盒子放在列容器上,然后可以将侧边栏2容器放置在内容和侧边栏容器的下面。(是的,我知道这是很多话。我将包括一个视频!)

一旦您包含了侧边栏2容器,我们可以跳到CSS编辑器中,创建我们的3列模板。让我们这样做。

4。导航到CSS编辑器,然后单击Columns包。然后单击选项选项卡。

论文2专栏包

5。单击下拉列表并选择3列。

此时,您将注意到侧边栏2出现在第一个侧边栏中。这是因为我们没有为侧边栏2保留任何位置。记住,我们有900像素的工作,让我们编辑列包CSS以获得适当的3列布局。

6。使用下面的这些设置获取三列布局。

论文2第1列设置

论文2第2列设置

论文2第3列设置

论文2第3列填充

7。删除Columns包中的其他CSS。

论文2附加CSS

你怎么认为?

论文2是一个非常强大的主题系统。它最近收到的花招并不完全合理,随着文件和教程的发布,论文2真正强大的能力将被理解。

我想知道你怎么想。现在我已经向您展示了如何在论文2,你对这个主题有信心吗?亚博体育下载

关于论文2,你还想看什么其他内容?亚博体育下载

埃里克·宾尼翁是中西部州立大学计算机科学专业的学生。当Eric不在线时,他通常在自己的社区里做志愿者,或者和家人一起享受时光。你可以在上面找到埃里克推特.