朔州企业站点建设:如何创建要在文章和页面中使用的邮政片段库

2019.05.25 朔州企业站点建设

187

许多WordPress网站使用自定义代码或函数在他们的文章和网页的某处。这个平台可以轻松地添加这些代码,但是如果要在站点中重用代码片段,那么在需要的时候手动添加代码可能会很痛苦。

与其每次需要代码片段时都要手工插入代码片段,不如使用插件来组织和保存代码片段。在朔州企业站点建设中,我们将讨论将代码片段组织起来的好处,然后向您展示如何使用扩展代码段插件分为两步。我们开始工作吧!

为什么要组织代码片段

 

即使您不是开发人员,也有可能需要手动向您的网站添加一些代码。

许多WordPress用户将自定义代码片段添加到他们的帖子和页面中。无论你的利基和大小,有很多情况下,你将需要添加一个小代码到您的网站。拿走,带走谷歌广告或Facebook像素例如,这两种方法都要求您在网站上添加几行JavaScript才能正常工作。大量的WordPress插件也要求您使用短代码,因此向您的网站添加自定义代码的可能性很高。

考虑到这一点,找到一种方法来保存您在站点上使用的所有代码片段是一个很好的主意。原因如下:

· 您可以在必要时引用您的代码。有时,您可能会忘记添加到文件中的自定义代码行,因此使用库组织代码段是值得的。

· 您将能够更容易地重用您的代码片段。如果您需要多次使用相同的代码,那么将其存储以供以后使用是有意义的。

当然,您可以使用计算机上或云中的常规文本文件保存这些代码片段。然而,使用正确的WordPress插件可以为您提供一种更合适的方法来将它们存储在您的站点中。这样,您就可以知道您在每个特定的网站上添加了哪些代码。

介绍扩展代码段插件

 

这个扩展代码段插件是一个有趣的工具,它使您能够在WordPress中设置一个简单的代码库。它允许您保存自定义代码,使用您想要的任何名称标识它,然后只需单击几下就可以将它添加到您的任何帖子和页面中。

此外,该插件还允许您预览代码片段的效果,只要它们是简单的JavaScript或CSS。它也支持PHP,但是这些代码段通常不会使用工具的预览功能来显示。

当插件很好地使用divi Builder总的来说,有一个问题需要解决。默认情况下,该工具向编辑器添加一个新按钮,使您能够将库的任何片段添加到您的帖子或页面中。但是,切换到DiviBuilder时按钮会消失。不过,修复方法很简单,我们将立即进行更多的探索。

主要特点:

· 将所有自定义代码片段保存到仪表板中的集中式库中。

· 使用唯一的名称标识每个片段。

· 为库中的每个项目分配易于使用的短代码。

· 在WordPress编辑器上使用一个新选项将代码片段添加到您的文章和页面中,而不必触摸代码。

价格:自由更多信息

如何创建要在文章和页面中使用的邮政片段库(分2步)

在我们开始之前,你需要安装和激活插件。一旦你准备好了,跳到第一步!

步骤1:向库中添加新片段

安装插件后,您将看到一个名为片段在你的WordPress仪表板上。单击它并查找添加片段选择。在下一个屏幕上,您将能够设置一个名称来标识库中的代码,并上载代码执行所需的任何媒体文件:

 

记住-即使你没有从这个页面上传必要的媒体,只要它在你的库中,代码仍然可以工作。此功能只存在于此,因此您可以使用试验按钮位于页面底部。

接下来,您还将看到一个编辑器,您将在朔州企业站点建设键入CSS、JavaScript、PHP和jQuery代码。但是,它需要为每种语言包装在特定的标记中。以下是一些可供参考的快速示例:

01

<style>CSS goes between these tags.</style>

 

01

02

03

04

05

06

07

08

<?php PHP tags, on the other hand, are different, so keep that in mind. ?>

<script type="text/javascript"> Same goes for JavaScript, which uses this tag type. </script>

<script type="text/javascript"> jQuery(function($) {

$(document).ready(function(){

// jQuery uses the most complex tags – they need to be set up exactly as shown, and any code should go within this section.

});

});

</script>

每当添加新代码段时,都可以在编辑器下面引用所有这些标记,只要记住每种语言都需要不同的语言,就不需要记住它们。另外,您可以在同一个片段中使用多种语言-只需确保使用它们各自的标记包装它们。

完成键入或粘贴代码后,请使用保存片段按钮在页面底部,它将显示在片段>片段选项卡放在WordPress仪表板上:

 

现在,剩下的就是使用WordPress编辑器和DiviBuilder测试您的新代码段。

步骤2:将片段插入Divi文章和页面中

如果您不使用DiviBuilder,则可以使用常规WordPress编辑器打开任何帖子或页面。在顶端你会看到一个新的插入片段按钮:

 

单击它将显示库中的所有项目,您可以选择任意一个:

 

现在插件会将代码添加到编辑器中,您就可以设置了-这很简单。但是,如果使用DiviBuilder,则无法访问此选项。解决这个问题的最简单方法是打开仪表板的片段选项卡,并复制要添加的代码的相应短代码。一旦您拥有了它,返回到DiviBuilder并添加一个电码模块到您正在处理的页面:

 

一旦进入,将您的短代码粘贴到含量字段并保存更改:

 

现在,你的片段将像往常一样工作。使用DiviBuilder增加了一个步骤,但您仍然可以将所有代码片段存储在易于访问的内部库中。

结语

如果你和我们一样,你重视所有项目的效率。手工向多个页面或帖子添加相同的代码是可能的,但这并不是对时间的充分利用。相反,最好只测试一次代码,将其保存到库中,然后将其保存在虚拟的后口袋中,以备随时使用。

这个扩展代码段插件可以让你做到这一点。只需安装它并遵循以下两个步骤:

1. 向库中添加新片段。

2. 将你的片段插入你的Divi文章和页面中。

关于如何向Divi网站添加代码片段,您有什么问题吗?在朔州企业站点建设下面的评论部分提问!

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP