如何通过一个插件插入WordPress脚本和样式表_天津做网站|天津做网站的公司|天津网站制作|天津网站建设|天津网站设计

天津做网站的公司翻译整理：像许多前端开发人员，我用脚本和样式表添加到我的主题非常粗暴的方式。直接粘贴到他们的主题的header.php文件。是的，这可以工作，但它不是最好的做法，可以有以下副作用：

正在运行脚本一次以上。

大多数WordPress网站使用插件。大多数插件使用jQuery，所以机会是你必须在脚本运行两次，如果你硬编码它。

档倍率不起作用。

如果你正在寻找通过像WP运行如下一个插件来压缩文件，那么你不能因为他们是硬编码的。

不必要运行的文件

在标题中硬编码脚本的意思是，他们会在每一页上运行，除非你包装在条件语句。文件并不总是需要在每个页面上运行。

输入wp_enqueue_script＆wp_enqueue_style功能

这两个非常有用的WordPress的功能是来帮助我们做正确。而不是硬编码脚本和样式表，我们可以通过我们的主题的功能文件排队成wp_head功能。

为了证明WP排队在上面的视频，我安装BX滑块。 BX滑块是用于演示WP排队，因为它需要的各种文件，包括jQuery的，它自己的JavaScript文件和样式表一个很好的例子。

通过functions.php文件入队

虽然我们通过创建一个插件推荐入队，你仍然可以添加的命令到该公司位于你的主题的根目录下你主题的functions.php文件。下面是从视频的初始代码，连同我的注释来解释发生了什么。

01

02

03

04

05

							function james_adds_to_the_head() { // Our own unique function called james_adds_to_the_head

							    wp_enqueue_script('jquery');  // Enqueue jQuery that's already built into WordPress

							    wp_register_script( 'add-bx-js', get_template_directory_uri() . '/jquery.bxslider/jquery.bxslider.min.js', array('jquery'),'',true  ); // Register our first script for BX Slider, to be brought out in the footer

							    wp_register_script( 'add-bx-custom-js', get_template_directory_uri() . '/jquery.bxslider/custom.js', '', null,''  ); // Register our second custom script for BX

							    wp_register_style( 'add-bx-css', get_template_directory_uri() . '/jquery.bxslider/jquery.bxslider.css','','', 'screen' ); // Register the BX Stylsheet

							    wp_enqueue_script( 'add-bx-js' );  // Enqueue our first script

							    wp_enqueue_script( 'add-bx-custom-js' ); // Enqueue our second script

							    wp_enqueue_style( 'add-bx-css' ); // Enqueue our stylesheet

							}

							add_action( 'wp_enqueue_scripts', 'james_adds_to_the_head' ); //Hooks our custom function into WP's wp_enqueue_scripts function

通过插件入队

对于额外的安全和控制的水平，我们通过一个单独的专用插件推荐入队。在视频中，我演示了如何简单的这是。首先，在位于根目录/ wp-content/plugins/ WordPress的插件文件夹中创建一个文件夹。命名你的文件夹类似“主题脚本'有用，并创建内（即主题scripts.php）名称完全相同的PHP文件。然后，只需添加和自定义下面的代码，按照我们的榜样。

							<?php

							/*

							Plugin Name: James' WP Enqueue Scripts &amp; Styles

							Plugin URI: 

							Description: This is my own custom plugin for enqueuing Scripts and Styles in my WordPress theme

							Version: 1.0

							Author: James Bavington

							Author URI: 

							License: Help yourselves to the shelves

							*/

							function james_adds_to_the_head() {

							    //wp_enqueue_script('jquery');

							    wp_register_script( 'add-bx-js', get_template_directory_uri() . '/jquery.bxslider/jquery.bxslider.min.js', array('jquery'),'',true  );

							    wp_register_script( 'add-bx-custom-js', get_template_directory_uri() . '/jquery.bxslider/custom.js', '', null,''  );

							    wp_register_style( 'add-bx-css', get_template_directory_uri() . '/jquery.bxslider/jquery.bxslider.css','','', 'screen' );

							    wp_enqueue_script( 'add-bx-js' );

							    wp_enqueue_script( 'add-bx-custom-js' );

							    wp_enqueue_style( 'add-bx-css' );

							}

							add_action( 'wp_enqueue_scripts', 'james_adds_to_the_head' );

不要忘了删除任何注册或入队，你并不需要，因为在我们的例子中，我们登记和入队2 Java脚本和样式表。

在介绍WP校长

由于写这篇文章，我也创作我的第一次公开WordPress插件叫做WP校长。 WP校长提供了一个简单的方法来排队，并添加常用物品到你的WordPress主题的head标签。设计为一起工作Yoast的WordPress的搜索引擎插件，WP校长添加了一些特性，如谷歌分析，jQuery的，图标等等。请检查一下在WordPress插件目录。

(责任编辑：天津网站建设公司)