乌兰察布公司网站开发:Divi全球模块的威力及其应用

昨天我们乌兰察布公司网站开发介绍Divi 2.4,这是Divi历史上最大的升级,也是我们最受欢迎的WordPress主题的一次飞跃。在这个更新中有许多很棒的特性需要探索,所以很难在发布的文章中描述它们,这就是为什么我们决定做一个为期两周的信息博客文章,旨在教你如何充分利用Divi 2.4和它的新选项。在本系列的第一部分中,我们将探讨Divi的所有新的全球图书馆项目。


迪维图书馆最强大的部分?

如果您还没有浏览过Divi2.4,您可能会问自己:“等等,Divi库是什么?”简单地说,这是一个新的地方,您可以保存使用DiviBuilder构建的各个模块、行、部分甚至整个布局。一旦将项保存到库中,就可以从构建器内部快速访问它。这些库项目就像您的新网页设计工具包中的工具,可以在您的网站上创建新页面或为您的客户创建新网站时使用。

当您开始构建和扩展您的库时,您会发现访问这些预先制作的/自定义的项目将节省您无数的开发时间。但这只是个开始,因为我们给Divi图书馆增加了更特别的东西全球图书馆项目这就是这个故事真正开始的地方。当在库中创建“全局”项时,它将在添加到的所有页面上进行镜像。每当更新此全局元素时,更新将自动推送到全局模块的每个实例!如果您的站点上有重复的模块或部分,只需将其设置为全局的。

乌兰察布公司网站开发

乌兰察布公司网站开发在这个例子中,我们已经在网站的每个页面的底部放置了一个联系人表单模块,因为我们希望潜在的客户转换成引线,不管他们在哪个页面上。

如果您想要更改您网站的该区域,您只需更新一次全局模块,而不必在数十个不同的位置更新标准模块。

If one day we decide to change our website's color scheme, this global module can be updated once and the new style will be reflected on all the pages it has been added to.

如果有一天我们决定改变我们的网站的配色方案,这个全局模块可以更新一次,新的样式将反映在它添加到的所有页面上。

很容易看出如何使用这个新特性可以节省大量时间。

将全局项保存到Divi库

在DiviBuilder中创建或编辑新模块、行或部分时,您将注意到设置窗口底部有一个全新的保存按钮,名为“Save&Add to Library”。这是伴随着标准的“保存和退出”按钮在右边。当您单击“保存&退出”按钮时,您的模块设置将保存在当前页面上,并关闭设置弹出。当您单击“保存&添加到库”时,模块仍然保存在您的页面上,但它是添加到你的Divi库中。

add-to-library

添加到DiviLibrary中的任何模块都可以通过在保存时选择“MakeaGlobalItem”选项将其转换为GlobalLibrary项。

make-global

一旦将项目保存为全局项,模块就会在构建器中呈现新的绿色外观。通过页面独特的颜色,可以很容易地知道页面上的哪些模块是全局的。全局项的设置框也是绿色的,所以在修改全局项时总是很清楚的。

global-green

管理您的全球图书馆项目

乌兰察布公司网站开发将全局项添加到库后,可以通过编辑Divi Builder中的模块或在Divi Library中编辑该项来修改它。

manage-library

所有库项都可以在Divi库页在您的WordPress仪表板内。您可以按类型进行筛选,如模块、行、区段和布局,以及全局/非全局。从筛选器列表中选择“全局”以获取所有全局项的列表。单击任何全局编辑旁边的“编辑”按钮开始编辑。任何更改都将使用全局项推送到所有页面。如前所述,您还可以像编辑标准模块一样,从页面生成器中直接编辑全局项。

将全局项添加到页面中

将全局项保存到库后,当向页面添加新模块、行或部分时,可以单击“从库添加”按钮,将其添加到Divi Builder中的任何新页中。

add-to-page

标准全球模块应用程序

页面上使用全局项的应用程序太多了。在不同页面上重复的任何元素都可以转换为全局项,从而使它们更易于管理。

集中您的侧边栏

要向整个站点添加双侧栏布局吗?将两个侧栏模块转换为全局模块。如果你决定改变你的侧边栏格式或小部件准备区域,只需做一次,让你的布局调整在您的网站上的每一页!

同步你的CTA

你网站上的所有网页是否都包含一个呼叫行动模块?在多个页面上有这样的模块是很常见的,以确保访问者始终有一个明确的转换路径。如果是这样的话,为什么不使用单一的全局调用行动模块呢?如果有一天你决定让你的按钮更大一点,只需调整全局模块内的字体大小,让你的整个网站立即更新!

call-to-action

镜像自定义菜单

您是否使用我们的全宽菜单模块为您的整个网站创建自定义导航菜单?如果有一天你决定改变你的网站的色彩方案,它将是难以置信的时间,必须调整你的自定义菜单的背景色时,它已添加到您的网站上的每一页。全球模块的出现是为了拯救世界。

全局库项已经改变了DiviBuilder的使用方式。divi不再仅仅是一个页面构建器,它是一个完整的网站建设者.

整个部分也可以是全局的

不仅单个模块可以是全局的,整个部分也可以。使用全局部分,结合其中的行和模块,您可以比以往任何时候更容易地构建和管理网站的整个区域。例如,您可以使用DiviBuilder创建自己的自定义页脚,以便在站点上所有页面的底部使用。如果您想要更多地控制您的页脚,这个新的全局部分可以完全取代标准的宽化页脚和页脚菜单。

custom-footer

在上面的例子中,页面底部的页脚区域是完全使用DiviBuilder创建的!这不是主题的footer.php布局。这是一个例子,说明如何使用DiviBuilder来创建您自己的客户页脚,但您可以做更多的事情。将布局转换为一组全局区段,然后将它们添加到站点上所有页面的底部。如果您想编辑您的网站的自定义页脚,只需更新全局部分,您的整个网站将得到更新!以这种方式使用DiviBuilder可以完全控制您的页脚布局。您现在可以自由创建完全不同的标准Divi页脚,这只是许多方法之一,全球部分可以用来控制您的网站的布局。

全局模块可以与选择性同步相结合。

当与选择性同步相结合时,全局模块变得更加有趣。当将新模块保存到Divi库时,可以选择要为当前模块保存的选项类型。您可以选择保存任何或全部常规设置、高级设计设置或自定义CSS。

selective-sync

那么这到底意味着什么呢?假设您创建了一个新的FullWidthSlider模块,并将其保存到库中作为一个全局模块。保存时,选择只对自定义CSS和高级设计设置进行选择性同步。在这种情况下,常规设置(包括滑块的内容,如标题、文本和图像)不是全局设置。将此全局滑块的新实例添加到新页时,仅在全局模块的每个实例之间共享自定义CSS和高级设计设置选项卡中的设置。

通过设置窗口中选项卡的颜色,您可以判断哪些设置正在由全局模块共享。在下面的示例中,只有“高级设计设置”和“自定义CSS”选项卡是绿色的。“全局设置”选项卡没有同步,因此仍然是灰色的。

global-tabs

现在,您可以将此全宽度滑块添加到整个网站的多个页面的顶部,并且您在“高级设计设置”和“自定义CSS”中的所有自定义样式都将被共享。如果有一天你想调整标题文本的大小,或者改变滑块按钮的颜色,你只需要做一次,全局模块的所有实例都会被更新!如果您想使用自定义CSS创建一个真正独特的滑块集,您也可以这样做。

同时,每个全局模块的通用设置仍然是唯一的(因为它们在保存时被选择性地取消同步)。每个页面顶部的每个滑块都有自己独特的文本和图像,但每个滑块的样式都是使用具有选择性同步的全局模块统一的。

这种结合带来了一些令人惊奇的机会。同样的技术也适用于你网站上的任何模块。如果您想要调整整个站点的外观,只需调整几个全局模块的样式,而不必编辑分布在数十页上的数百个标准模块。

我们只是擦破了表面

乌兰察布公司网站开发希望这篇文章能给你一些关于如何使用全局库项目的基本想法。使用这个新功能可以做很多事情,使用和探索Divi库越多,使用它的方式就越有创意。Divi库和全球图书馆项目的介绍是我最喜欢的Divi2.4的新特性之一,我认为你绝对会喜欢他们为你节省了多少时间!

您还能想出其他的全局库项目实现吗?我很乐意在评论中听到你的想法。我相信有很多事情我没有想到我自己!





二维码