晋城网站的制作:WPEnQueue是什么?你是如何使用它的?

2019.05.25 晋城网站的制作

130

当您第一次学习HTML时,唯一知道如何插入任何类型的交互性的方法是使用晋城网站的制作剧本页的页眉或页脚中的标记,以设置外部JavaScript文件的类型和源。(或者如果你.真的只是学习,整个JS功能之间剧本尸体上的标签。这是好的学习,但这是非常糟糕的做法,一旦你进入高级的WordPress开发。输入排队功能。

一旦你通过简单的,一页的网站,那些初学者的实践可以创造一些真正棘手的情况。当您开始添加越来越多的JavaScript时,您的网站变得越来越慢。更新需要更长时间。最后,你做了一堆JavaScript-getti,不管你怎么努力,那一堆面条都无法解开。

谢天谢地,您可以使用排队函数在WordPress中添加样式和脚本,CMS为您服务。所有的混乱都由你来处理。虽然它并不像在每个页面的页眉或页脚中直接粘贴您想要的脚本或样式那样简单,但它是处理它的正确方法。WordPress并不是很糟糕固执己见,您肯定应该了解一系列的最佳实践。

和WP_enQueue脚本站在这些做法的最前沿。

有什么大不了的?

您要使用的主要原因是WP队列就是让你的网站平稳快速的运行。页面速度很重要,一遍又一遍地使用相同的脚本和样式也于事无补。完全没有。

幸运的是,WP队列是函数式编程的一个例子。这意味着您编写了一段要执行的代码(JavaScript代码段),然后使用WP队列调用它,而不是每次需要时都重写/粘贴整个程序。

那是。太棒了。

更棒的是,使用enQueue方法使WordPress本身将_script_标记插入到它们所属的页眉和页脚中,无需在每个页面上分别输入它们,而是加载它们。

WP队列语法和Params

排队脚本并没有那么难。如果您一开始就足够精明地使用JavaScript,那么用于排队的PHP函数将是轻而易举的。

在一个典型的剧本标记,您将直接导入外部.js文件,或者在标记本身之间粘贴整个长长的代码片段。(如果您将某些内容粘贴到Divi代码模块或WP自定义HTML或文本小部件中,也是这样做的)。

您只需了解一些基本参数和语法即可。

Codex将其作为基本队列代码:

01

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

总之,按参数分解成可用的比特非常简单。

· WP_enQueue_script()这是一个函数,它会把所有的代码都放在它要运行的页面中。

· $句柄是脚本本身的唯一名称。

· $src表示正在排队的实际.js文件的URL。

· $DIP是$句柄这一项所需的任何依赖项。

· $Ver将是版本号。如果没有指定,则会自动添加WP安装版本。

· $in脚注或$in_头告诉WordPress把你的脚本放在哪里。

用于队列脚本的完整文档。可以在法典中看到.

注意,学生们:WP注册现在开始!

除了_wp_enQueue_之外,晋城网站的制作WP还有一个名为_wp_寄存器_的方便的方法。这两种方法都使用相同的参数和语法,因此您确实可以一对一地处理这些参数和语法。本质上,注册脚本与在JavaScript中命名函数是一样的。

虽然没有必要,但是注册脚本可以使您的生活更加轻松,因为您以后不必将它们声明为依赖项。他们已经注册了。因此…_wp_寄存器_一旦一个脚本被注册,您就可以通过它的$句柄,您将在下面的示例中看到。

您将像这样注册代码:

01

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js', false, null, $in_footer);

然后,每当您再次需要它时,您总是可以这样调用它:

01

wp_enqueue_script( 'jquery' );

此外,注册意味着即使在不需要脚本的情况下也不必加载脚本。WPMU有一个很棒的例子创建短代码的方法:如果将脚本注册到使用_wp_enQueue_的短代码中,则只有在使用该短代码时才会使用该脚本。但是,如果您只通过排队来调用它,那么即使不使用短代码,也会加载它。

你可以读到所有关于法典中的方法.

此外,如果插件作者想要包含在WordPress.orgrepo中,则需要对脚本进行排队,因此,如果这是在您的平板上的话,…最好去排队。

把它放在一起

实现代码很容易。把下面的片段放进你的Functions.php。剩下的由WordPress来处理。我的意思是,这是调用jQuery的一个非常基本的片段,但是您可以看到这些内容是如何一起运行的。

您通常会使用如下所示的东西:

01

<script type="text/javascript" src="jquery.js"></script>

一旦你学会了如何使用队列脚本,你会看到更像这样的东西:

01

02

03

04

05

add_action('wp_enqueue_scripts', 'add_scripts');

function add_scripts(){

    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js', false, null, true);

    wp_enqueue_script( 'jquery' );

}

现在,在上面的代码中注意它是如何使用添加脚本()_函数,这是WordPress的一部分,它已经概述了接下来几个步骤的顺序。首先,WP寄存器函数获取指定的所有详细信息,并将脚本放在页脚中,然后使用WP队列一旦一切都准备好了就叫它。

包起来

就这么多了。嗯,那不是真的-排队是WP中根深蒂固的一部分。但这些都是让你在WordPress上比以前做得更多的基础知识。

当晋城网站的制作开始web开发时,我们都学会了输入脚本的基本知识仍然有效,但它们并不总是最好的方式。构建在PHP上的WordPress的优点之一是,您可以将这种逻辑引入您的工作中,同时仍然保持与您本来想要的相同的基本结构和工作流程。

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP