为Yootheme pro添加6栏的布局

注意，此修改涉及Yootheme pro核心文件修改，如自动升级可能被覆盖清除。

在yootheme/vendor/yootheme/builder/elements/row/images/创建文件 sixths.svg

用编辑器打开并编辑

<svg width="130" height="68" viewBox="0 0 130 68" xmlns="http://www.w3.org/2000/svg">
 <rect fill="none" stroke="#444" stroke-width="2" x="1" y="1" width="17" height="66" />
 <rect fill="none" stroke="#444" stroke-width="2" x="22" y="1" width="17" height="66" />
 <rect fill="none" stroke="#444" stroke-width="2" x="43" y="1" width="17" height="66" />
 <rect fill="none" stroke="#444" stroke-width="2" x="64" y="1" width="17" height="66" />
 <rect fill="none" stroke="#444" stroke-width="2" x="85" y="1" width="17" height="66" />
 <rect fill="none" stroke="#444" stroke-width="2" x="106" y="1" width="17" height="66" />
 </svg>

编辑文件yootheme/vendor/yootheme/builder/elements/row/element.json

大概在代码35行~38之间，添加代码

",,,,,|1-6,1-6,1-6,1-6,1-6,1-6": {
 "label": "Sixths",
 "src": "${url:images/sixths.svg}"
 },

添加代码后，大概这样

"1-5,1-5,1-5,1-5,1-5|1-2,1-2,1-3,1-3,1-3": {
 "label": "Fifths",
 "src": "${url:images/fifths.svg}"
 },
 ",,,,,|1-6,1-6,1-6,1-6,1-6,1-6": {
 "label": "Sixths",
 "src": "${url:images/sixths.svg}"
 },
 "2-3,1-3": {
 "label": "Thirds 2-1",
 "src": "${url:images/thirds-2-1.svg}"
 },

保存后即可。

打开浏览器，访问yootheme pro，按ctrl+F5清除缓存，打开定制“行”布局时即可以看到新的六栏布局。

原教程：https://yootheme.com/support/question/122099