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

网站制作

Website development

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

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

TAGS:网站制作

How to Add More Columns to Your Divi Builder Posts or PagesEBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

三生成器允许您为页面布局有四列。而且,对于大多数网站,四列是所有你必需的。但有时你必需添加更多的列。当然,有插件,允许你将简码你布局添加额外的列。但是,这可以限制工作时与分者自简码需求你工作在一个模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

让我们开始吧EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如何给你的分职位或网页生成器添加更多的列EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

首先部署分Builder和坚持的标准剖面平面图。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

选择行模块设置。在一般的设置,选择选项以使行全角。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

自定义CSS选项卡,输入“六列”中的CSS类文本框。我们将添加CSS这类后。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

保存并退出EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今插入一个全角的列行。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

insert the blurb模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在广告模块设置在一般设置更新以下设置:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

插入标题:[输入您的标题]EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

上传一个图像(宽度300px,我用unsplash .com图像)EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

文本方向:中心EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

插入内容:[进入你的内容]EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

输入管理员的标签(可选)EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

保存并退出EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今你必需复制的广告模块你定制,使五个额外的模块给你共有六个简介模块。你有六个模块,因为恰逢“六柱”类之前创建是很重要的。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

保存或发布您的网页EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今你的六个模块都准备好了,去桌面主题选项→然后把下面的CSS在自定义的CSS文本框:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<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>EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今预览你的网页。你应该看到在一六栏的布局你的广告模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

你或许已经留意到你进入自定义的CSS代码包括六个不同的类别。这使您能够创建布局五,六,七,八,九,或十列。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

六柱类就是你如今创造的。但是,假如你想要一个不同数量的列,你只必需改变两件事。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

第一个变化是与不同的CSS类更新行的模块设置自定义的CSS。例如,假如你想要的五列,你会把“五列”中的CSS类文本框。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

变化之二是确保你有六而不是五的广告模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

必需多栏的布局?EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

假如你擅长数学(我们是谁在开玩笑?就用你的计算器应用程序)可以添加多列,你想你的布局。你必需的只是计算的百分比,百分比和创建一个类。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

例如,假如你想要一个12栏的布局,这里是你做了什么:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1除以12,乘以100得到8.33%。(这将是你的一个栏目。宽度)EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

添加一个自定义的CSS类,称为“十二柱”认为你行模块12个模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

下面的这个百分比自定义CSS输入:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<trans data-src=".twelve-columns {width: 8.33%; float: left;}" data-dst="。十二列{宽度:8.33%;浮动:左;}">。十二列{宽度:8.33%;浮动:左;}</trans>EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

你列的布局更具有创造力EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

创造更多的创意栏的布局,你可以将这个功能与专业部分。
EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

例如,这里是你如何能让一个一半五分之五布局。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

select the section from the DIV的专业运动员。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

插入以下列布局:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

插入左半柱简介模块:EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

去行模块设置在右行模块。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

自定义CSS选项卡,输入“五列”中的CSS类文本框。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

插入一个全型柱和添加五个模块行重复你早一步。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

其结果是一个一半的五分之五栏布局。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

后的思考EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

我第一次加入这个功能,当完成客户谁想要一大堆的标志来展示自己的特色,客户和合作伙伴添加更多的列项目。他们还想订购和使用迪维生成器编辑图像/理性的能力。完美的解决方案。我期望你发现这也是一个有用的解决方案。EBN上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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

原文地址:/i,72,7108,0.html

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!