将Begin主题页脚小工具调整为三栏式或多栏式

  • A+
所属分类:wordpress

Begin主题知更鸟的力作,功能强大,一直在不断的更新迭代,是国内鲜有的高质量wordpress主题。

Begin主题默认的页脚小工具为两栏式,如下图:

将Begin主题页脚小工具调整为三栏式或多栏式

两栏式页脚

在使用主题的过程中,我们可能会需求三栏式或者四栏式,那么怎么修改呢?

首先,在后台小工具中,将我们需要的内容设置好,如下图所示:

将Begin主题页脚小工具调整为三栏式或多栏式

后台设置页脚小工具为三部分内容

然后,刷新网站页面,我们可以看到页面下方的页脚有三部分内容出现了,效果如下:

将Begin主题页脚小工具调整为三栏式或多栏式

主题默认效果

通过查看源代码,我们可以看到这三部分的id,如下图所示:

将Begin主题页脚小工具调整为三栏式或多栏式

通过源代码查看页脚小工具id

我的需求是,第一部分占据50%的宽度(主题默认),第二和第三部分各占25%,那么在后台的主题选项中,进入定制风格页面,如下图所示:

将Begin主题页脚小工具调整为三栏式或多栏式

进入begin主题设置的自定义样式

在自定义样式中,输入如下代码:

#php_text-3,#php_text-4{width: 25%!important;text-align:center;}

保存,刷新网站页面,展示效果如下:

将Begin主题页脚小工具调整为三栏式或多栏式

调整后的页脚小工具

如上,Begin主题支持自定义CSS功能,我们实现了三栏式的页脚,具体的比例可以按照需求调整,一样的如果你要调整为四栏式、五栏式都可以。

亮享

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: