WordPress Code Snippets插件提供了一种在网站上运行 PHP 代码片段的简单、干净和便捷的方法。有了这个插件,不再需要将自定义代码添加到主题functions.php文件中。Code Snippets插件非常小巧,几乎不会额外消耗系统资源。

Code Snippets插件的特点

  • 图形化的管理界面
  • 便捷的编辑器
  • 自动检查代码语法,防止语法错误
  • 可设置代码执行的条件/范围,例如:任意地方、仅管理后台、仅前端、仅运行一次
  • 可保存草稿

也就是说,原来需要修改主题functions.php文件的,现在仅需要在Code Snippets插件中进行操作即可,这样的好处是即使更换了主题,自定义的代码也会得到保留,而且相比编辑functions.php文件更方便、安全、可靠。

Code Snippets插件使用说明

安装并启用Code Snippets插件后,WordPress后台菜单中会多出一个Snippets菜单项,如下图:

Code Snippets插件 - 管理菜单
Code Snippets插件 – 管理菜单

Code Snippets插件自带几种自定义代码模板:

Example HTML shortcode – 添加短代码

默认内容为:

add_shortcode( 'shortcode_name', function () {

	$out = '<p>write your HTML shortcode content here</p>';

	return $out;
} );

<p>write your HTML shortcode content here</p>替换成自己的HTML代码即可,另外shortcode_name是短代码名称,可以自己取一个,然后在其它需要调用地方用do_shortcode掉用,示例:

<?php echo do_shortcode("[shortcode_name]"); ?>

Example CSS snippet – 添加自定义CSS

add_action( 'wp_head', function () { ?>
<style>

	/* write your CSS code here */

</style>
<?php } );

Example JavaScript snippet – 添加自定义JavaScript到head中(顶部)

例如添加百度统计代码:

add_action( 'wp_head', function () { ?>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?cc042cc33ef4958d8bd4d7b1917f7a65";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<?php } );

如果要将JS代码添加到尾部,则可以将wp_head改成wp_footer,依然以百度统计代码为例:

add_action( 'wp_footer', function () { ?>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?cc042cc33ef4958d8bd4d7b1917f7a65";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<?php } );

Order snippets by name与Order snippets by date则是代码排序的示例。

编辑好所需的代码后,记得点保存,并点击启用开关,如下图:

Code Snippets插件 - 启用代码
Code Snippets插件 – 启用代码

另外可以通过Run snippet everywhere 、Only run in administration area、Only run on site front-end、Only run once四个选项,控制代码的执行范围,这四个选项对应的是:任意地方运行、仅管理后台运行、仅前端运行、仅运行一次。

提示:但凡通过添加到主题functions.php文件中可执行的代码,均可添加到Code Snippets插件中,和添加到functions.php的效果是一样的。

发表回复

后才能评论