如何开发一个WordPress插件

Posted 2023-05-15

参考技术A 对于许多WordPress用户来说，插件是必须的。WordPress插件开发使得那些只有很少或者没有编程能力的用户可以扩展他们博客的功能。插件的形式多种多样，在WordPress中，插件几乎可以做任何事情。 WordPress并非仅仅是一个简单的博客平台，同时也是一个功能极其强大并且有着无限扩展能力的 CMS 平台。现在不管是在国内还是国外，WordPress都有着庞大的用户数量，而且这等用户数量也是其它博客平台难以匹敌的，一直以来也都有着数量巨大的 WordPress爱好者为其开发主题和插件开发，借助于这些主题和插件，你几乎可以把 WordPress配置成任何类型的站点。 有时候，别人开发好的插件，并不一定完全适合每个人的需求，自己想去修改吧，又不敢动手。其实，只要我们能理解插件的工作机制，并且参考一下 WordPress 的官方文档，再多借助于搜索引擎，我们自己也能对那些插件进行一些修改，并且自己也可以开发出一些简单的插件。 插件的核心 总的来说，插件的核心是两 function，用来添加Hooks(中文译为钩子) add_action ($hookname, $callbackfunction) add_filter ($hookname,$callbackfunction) 这两个方法相当重要，几乎所有的插件都要用到他们。 Actions，我理解就是wordpress核心代码预留的一些特殊的切入点，或者说是在执行一些特定事件时候发生，例如文章发布时，或者访客留言时触发。想情参见 Filters，应该就是wordpress执行时，对数据传输过程的一种过滤机制，例如当文章保存到数据库的过程，或者文章从事数据库中取出，展现到浏览器中的这个过程。 了解了这些你就可以进行WordPress插件开发了，在开始之前，需要注意三件事情：第一、给插件取一个个性化的名字，越个性化越好，以防和其他插件重名冲突。第二、代码里面，一定要包含注释，不为自己，也要为想修改你代码的别人想想。第三、尽量用最新版的WordPress进行开发和测试。 参考技术B wordpress的最强大的一点就是框架很灵活， 主要是插件和主题的支持 ， wp的插件可以说无所不能，甚至可以让你wp 博客摇身一变成为一个bbs， 比如bbpress， 或者摇身一变成为一个社交网站，比如buddypress， 当然这些都是很重量级的插件， 那么开发一个插件从哪里入手呢，看下面的的步骤

工具/原料
文本编辑器
wordpress源码
浏览器
apache mysql环境

步骤/方法
1
首先安装wordpress环境，安装成功后访问如下

2
在wp-content\plugins 目录下新建自己要创建的插件名称，这个名称需要是唯一的，如下图

3
编辑mytest_helloword.php文件如下，可以看出来我们的插件的作用是修改文章中的Welcome为haha：

4
查看wordpress后台，发现多了一个插件，然后我们点击active

5
再来查看文章，发现插件生效了
好了， 您的第一个插件开发完成了。

END
注意事项
一定要添加注释，并且按照规则去写，这个在官方的开发文档里面提到了，不然插件不能active
函数名字要唯一，最好添加个前缀
评

如何将引导 css 添加到我的 Wordpress 插件

【中文标题】如何将引导 css 添加到我的 Wordpress 插件

【英文标题】：How to add bootstrap css to my Wordpress plugin

【发布时间】：2016-10-30 07:44:37

【问题描述】：

我正在开发一个 Wordpress 插件。

我想知道如何将 Bootstrap CSS 文件集成到我的插件中？

【参考方案1】：

在你的插件文件中创建一个函数

function add_scripts_and_css()
  wp_enqueue_style('your-plugin-bootrtrap_css',  plugin_dir_url( __FILE__ ) . 'folderpath/bootstrap.css');


add_action('wp_enqueue_scripts', 'add_scripts_and_css');

这是添加 wp_enqueue_style 以添加 css 文件和 wp_enqueue_script 以添加 JavaScript .js 文件的方式。

【讨论】：

您在代码中遗漏了'。而是. 'folderpath/bootstrap.css');……请更新您的答案。

感谢您通知我我编辑代码的错误。

【参考方案2】：

// load your plugin css into the website's front-end
function myplugin_enqueue_style() 
    wp_enqueue_style( 'myplugin-style', plugin_dir_url( __FILE__ )."css/bootstrap.css" ); 

add_action( 'wp_enqueue_scripts', 'myplugin_enqueue_style' );

在你的插件register_activation_hook中添加以上代码。