企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站制作

Website development

如何给你的分职位或网页生成器添加更多的列

发布时间:2017-02-16 09:19:01

TAGS:网站制作

How to Add More Columns to Your Divi Builder Posts or Pagesk9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

三生成器允许您为页面布局有四列。而且,对于大多数网站,四列是所有你需要的。但有时你需要添加更多的列。当然,有插件,允许你将简码你布局添加额外的列。但是,这可以限制工作时与分者自简码要求你工作在一个模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这就是为什么在今天的文章中我将向您展示如何添加更多的列到你的行用迪维建设者没有一个插件或短码的使用。这样你可以添加任意数量的列来组织任何类型的分模块。你需要的一一零栏布局显示客户端的标识或组合件使用图像模块?你需要的一六栏布局,列出你的公司服务使用Blurb的模块?好的,你可以!和好的部分是,你仍然可以在这些栏目采用分模块生成器编辑。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

让我们开始吧k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如何给你的分职位或网页生成器添加更多的列k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

首先部署分Builder和坚持的标准剖面平面图。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

选择行模块设置。在一般的设置,选择选项以使行全角。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

自定义CSS选项卡,输入“六列”中的CSS类文本框。我们将添加CSS这类后。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

保存并退出k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在插入一个全角的列行。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

insert the blurb模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在广告模块设置在一般设置更新以下设置:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

插入标题:[输入您的标题]k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

上传一个图像(宽度300px,我用unsplash .com图像)k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

文本方向:中心k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

插入内容:[进入你的内容]k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

输入管理员的标签(可选)k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

保存并退出k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在你需要复制的广告模块你定制,使五个额外的模块给你共有六个简介模块。你有六个模块,因为恰逢“六柱”类之前创建是很重要的。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

保存或发布您的网页k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在你的六个模块都准备好了,去桌面主题选项→然后把下面的CSS在自定义的CSS文本框:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

<trans data-src=".ten-columns .et_pb_module {width: 10%; float: left;}.nine-columns .et_pb_module {width: 11.11%; float: left;}.eight-columns .et_pb_module {width: 12.5%; float: left;}.seven-columns .et_pb_module {width: 14.28%; float: left;}.six-columns .et_pb_module {width: 16.66%; float: left;}.five-columns .et_pb_module {width: 20%; float: left;}" data-dst="。十列。et_pb_module {宽度:10%;浮动:左;}。九列。et_pb_module {宽度:11.11%;浮动:左;}。八列。et_pb_module {宽度:12.5%;浮动:左;}。七列。et_pb_module {宽度:14.28%;浮动:左;}。六列。et_pb_module {宽度:16.66%;浮动:左;}。五列。et_pb_module {宽度:20%;浮动:左;}">。十列。et_pb_module {宽度:10%;浮动:左;}。九列。et_pb_module {宽度:11.11%;浮动:左;}。八列。et_pb_module {宽度:12.5%;浮动:左;}。七列。et_pb_module {宽度:14.28%;浮动:左;}。六列。et_pb_module {宽度:16.66%;浮动:左;}。五列。et_pb_module {宽度:20%;浮动:左;}</trans>k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在预览你的网页。你应该看到在一六栏的布局你的广告模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你可能已经注意到你进入自定义的CSS代码包括六个不同的类别。这使您能够创建布局五,六,七,八,九,或十列。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

六柱类就是你现在创造的。但是,如果你想要一个不同数量的列,你只需要改变两件事。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

第一个变化是与不同的CSS类更新行的模块设置自定义的CSS。例如,如果你想要的五列,你会把“五列”中的CSS类文本框。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

变化之二是确保你有六而不是五的广告模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

需要多栏的布局?k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你擅长数学(我们是谁在开玩笑?就用你的计算器应用程序)可以添加多列,你想你的布局。你需要的只是计算的百分比,百分比和创建一个类。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

例如,如果你想要一个12栏的布局,这里是你做了什么:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1除以12,乘以100得到8.33%。(这将是你的一个栏目。宽度)k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

添加一个自定义的CSS类,称为“十二柱”认为你行模块12个模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

下面的这个百分比自定义CSS输入:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

<trans data-src=".twelve-columns {width: 8.33%; float: left;}" data-dst="。十二列{宽度:8.33%;浮动:左;}">。十二列{宽度:8.33%;浮动:左;}</trans>k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你列的布局更具有创造力k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

创造更多的创意栏的布局,你可以将这个功能与专业部分。
k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

例如,这里是你如何能让一个一半五分之五布局。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

select the section from the DIV的专业运动员。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

插入以下列布局:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

插入左半柱简介模块:k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

去行模块设置在右行模块。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

自定义CSS选项卡,输入“五列”中的CSS类文本框。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

插入一个全型柱和添加五个模块行重复你早一步。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

其结果是一个一半的五分之五栏布局。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

后的思考k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联


k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我第一次加入这个功能,当完成客户谁想要一大堆的标志来展示自己的特色,客户和合作伙伴添加更多的列项目。他们还想订购和使用迪维生成器编辑图像/理性的能力。完美的解决方案。我希望你发现这也是一个有用的解决方案。k9c北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7108,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号