treeselect 如何选中多个_如何使用Divi的Theme Builder可移植性(导入和导出)功能...

Divi的主题生成器为创建一些出色的网站模板打开了大门,这些模板可以轻松地从一个Divi网站导出和导入到另一个网站。  这使开发人员和设计人员可以创建整个网站包,其功能类似于任何Divi网站的子主题。 

34e3babab7037d19adc74bc1fc5b9ff3.png

因此,了解如何使用Divi的Theme Builder可移植性功能正确导出和导入这些模板以获得最佳效果非常重要。 在本教程中,我们将介绍如何使用Divi的Theme Builder可移植性功能以多种方式导入和导出模板。  希望这将有助于减轻你对未来可移植性选项的犹豫。 如何一次导出所有模板 对于我们的第一个示例,假设你要导出一组模板(包括默认网站模板)。  为此,只需转到WordPress仪表板,然后导航至Divi> Theme Builder。  然后,在紫色菜单栏中的页面右上方,选择可移植性图标。

1e52d2d9faeb063b37bf21890ab0fcb3.png

在可移植模式中,在“导出”选项卡下,输入导出文件的名称。保持选中“导出所有模板”选项,然后单击“导出”按钮。

2823838ba18ed0610c3eec4df3c49a30.png

现在,带有所有这些模板的json文件将保存到你的计算机中,准备好导入回任何Divi站点。

08304616c755b776428119759061d7d7.png

如何使用Divi Theme Builder导入模板 为了将模板导入到你的站点,你将需要具有正确的文件来导入。  该文件为json格式,将在成功导出一个或多个Theme Builder模板时生成。  json文件可以在一个文件中包含一个模板或多个模板(包括默认网站模板)。  因此,命名导出文件很重要,以便以后更好地识别json文件的内容。 要使用Divi Theme Builder导入json文件,你将通过单击页面右上方的可移植性图标导航到Theme Builder中相同的可移植性选项。

fefb92782e34d338d6ebe09f274f07a4.png

然后选择导入选项卡。 从你的计算机中选择文件。 如果你要将模板导入到空的主题构建器中,那么这些选项将不会起作用,因此你可以将其选中。  我们将在这篇文章的后面介绍这些替代选项。 然后,单击导入按钮。

0db1b640cee4e66ed197b76989a623df.png

文件中包含的所有模板都将神奇地导入到你的网站中,并具有所有全局区域和分配。你现在所要做的就是单击以保存更改。

2ce9110be4ada399c97858dfa3dbcf72.png

如何导出单个模板 实际上,有两种方法可以从主题生成器中导出单个模板。  第一种方法是将鼠标悬停在模板上时,在单个模板菜单上选择导出图标。

4495e607aba9e59c07fb3d6e553b9358.png

单击导出图标后,只需输入一个导出文件名,然后单击“导出”按钮。

7a17cd5fc2cc480cb89a7321d2f13c0f.png

单个模板json文件将下载到你的计算机。 导出单个模板的另一种方法是使用主题生成器的常规可移植性选项。 为此,请单击主题构建器界面右上方的可移植性图标。 在导出选项卡下,输入导出文件名。 然后“取消选中”选项“导出所有模板”。这将出现可用模板列表。  从列表中选择单个模板,然后单击“导出”按钮。

6859dcf79e52ae85a7deb3b3d72c84fe.png

你的文件将会被下载。

bcfaae2558a4cbb0053fa9a457fd1a03.png

如何导出所选模板 为了导出选定数量的模板,请单击主题构建器界面右上方的可移植性图标。  在此示例中,假设我们要导出404页面,所有文章和所有类别页面的模板。

f4994f002ad4cf924cb04c005d101fa1.png

在可移植性模式中,为导出文件命名,然后“取消选中”“导出所有模板”选项。  这将出现可用模板列表。从列表中选择要导出的模板,然后单击“导出”按钮。

6cfb0b661690646c55540ede4fffb4c3.png

使用可移植性选项处理导入冲突 有时,你可能希望将模板导入到已经有模板的站点。  为了帮助解决可能的冲突,可移植性模式包括一些选项。  一个选项使你可以选择是否要导入的模板覆盖现有模板的分配。 例如,假设你的网站上已经有一个文章模板(分配给“所有文章”的模板)。  模板包括全局页眉,自定义正文和全局页脚。

27f4d96c1dcf502bf2b59d284c7762b7.png

如果我们要导入另一个模板,该模板包含相同的分配(“所有文章”)以及其自己的全局页眉和页脚,这样会发生冲突。  第一个冲突是分配(它们都分配给“所有文章”),第二个冲突是全局元素(都链接到全局页眉和页脚)。 这是可移植性选项派上用场的地方。 导入新文章模板时,请选中“允许导入以覆盖现有分配”选项。  然后,点击导入按钮后,框中会出现一个新的警告,询问我们要对导入的全局元素执行什么操作。  选择选项“将它们重新链接到该网站的全局页眉,正文和/或页脚”将允许导入的模板覆盖现有分配,并采用网站的全局页眉,正文和/或页脚。

2bc5b2333e01af2da7d28cd49acccbcb.png

成功添加导入后,具有冲突分配(“所有文章”)的导入模板将覆盖现有模板,并将现有模板分配更改为“未分配”。  模板采用(或重新链接到)网站的全局页眉和页脚。

a4a73f14a9454c50ee6c98148f5fb59f.png

现在,如果我们访问网站上的文章,我们将看到相同的全局页眉和页脚,但是将有一个新的自定义正文。  这是因为新导入的模板现在已分配给“所有文章”,但继承了网站的全局页眉和页脚。

77ce8bd861c11cd6444a329e50239d73.png

如果我们要导入新的文章模板,并在导入后保留其自己的全局页眉和页脚,则需要确保并选择“将它们导入为静态布局…”选项。 为此,请单击主题构建器顶部的可移植性图标。  在可移植性模式下,转到导入选项卡,然后从计算机中选择文件。  保持选中“允许导入覆盖…”选项,然后单击“导入”按钮。 这次,不是“重新链接”全局区域,而是选择“将它们导入为静态布局…”选项。

a35e3a5f72f7aedc3de28b3d67f75002.png

这将允许导入的模板覆盖现有分配,并将其自身的全局页眉,正文和/或页脚保留为静态布局。

4b81d5a1f1bd0d3af9ed8f8ab1476185.png

如果我们使用此新导入的模板在实时站点上查看文章,则将看到页眉和页脚已被保留为静态布局。  这意味着页眉和页脚或可见(且适用)于此单个模板(不是全局)。

9c2c5d9f2fc528486fbc50992c39bc36.png

如果你不希望新模板覆盖现有分配,则可以在导入模板时“取消选中”“允许导入以覆盖现有分配”选项。

53c709ff77b319c5b43414a2e1474c1b.png

现在,由于模板分配与现有模板冲突,因此你将看到导入的模板为“未分配”。

671bb9e90e97614ba0ac410bbd677194.png

如果你想带来一堆模板(或者也许是我们的主题构建器包),不想担心会更改当前网站上的任何内容,则这会派上用场。 例如,假设你有一个文件,其中包含一整套主题构建器模板,包括全局项目。  你可以在不选择任何“替代”选项的情况下将文件导入为静态布局。

65d8fbd9201c76268902c5d390cb2711.png

导入的布局变为静态布局,而不会覆盖任何现有模板分配。

182b59f3a4c76593e99b285b613c56cc.png

如何导入和覆盖默认网站模板 默认网站模板是主题生成器中的特殊模板,用于控制网站的全局区域。 可以像其他任何模板一样导出和导入默认网站模板。  但是,由于一个网站只能有一个默认网站模板,因此你只需要选择一个即可。  如果要使用新的默认网站模板覆盖默认网站模板,则只需导入包含默认网站模板的文件,并确保已选择“覆盖默认网站模板”选项。

dcc6d6c4dfc1179da3b7526f5c49f1e0.png

导入新的默认网站模板后,它将使用以前的全局区域站点范围覆盖所有模板中全局区域的所有实例。因此,你无需执行其他任何操作!

2f8d6b6a5cd2612a1d14b479e5c16892.png

导入前下载备份 在开始之前,务必指出导入新模板时可用的“导入前下载备份”选项。  实际上,在将一个或多个模板导入到你的网站之前,最好先下载备份。  毕竟,你可能会使用很多模板,并且不想在没有备份的情况下意外覆盖或删除内容。 该选项是导入选项卡下的第三个选项。

532b01d7d195992f07dcdd4991e7b60f.png

最后有感 太神奇了,只需单击几下,整个网站就能彻底改变。  借助Divi的Theme Builder可移植性选项,你可以导入和导出所需的模板,还可以选择希望这些模板与现有模板一起使用的方式。  为了安全起见,请务必在导入之前先下载备份。 如果你对创建网站有兴趣 欢迎来撩 爱极致 小哥哥哦~

90ed6374216fd8efe669e038b69066d8.gif

652d4105fae3159a1b4315090e9ab677.png

长按 关注,有更多干货哦~ ▼ ▼ ▼

0e41a2eb5a77ca5f15851079d8237f00.png

- End -

938a69cccd2ba7740017227c1625746f.png

点个赞,证明你还爱我

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值