wordpress简单插件开发

这几天弄了微信的个人公众号,想着在每篇文章的最后加上个关注公众号的提示,可是有这么多文章,每篇改来改去也是要费很大的劲的,于是想通过自己弄个插件的方式去解决。

一、插件系统

作为最受欢迎的博客系统,有相当一部分的功劳是归功于wp的插件的,小到评论插件,大到seo、安全防御插件,几乎每方面都有wp插件的身影。举几个我正在使用的插件:

  • Akismet Anti-Spam,抵御垃圾评论的插件。

  • Autoptimize,优化网站性能,压缩css,js,html的插件。

  • Slimstat Analytics,访问统计的插件。

  • 等等。

那么,我们来看看如何开发一个(简单)插件。

二、插件原理

插件位置

手动安装过或者细看过wp目录结构的都应该知道,插件都是安装在/wp-content/plugins 目录或子目录下的。

插件名

起插件名的时候最好可以在插件商店里搜下,避免重名,并加入些能体现功能的词。我这功能是用来文章末尾做提示的,所以起个名叫bottom-prompt(。。。不会起)。

hooks

至少作为前端的我,这个词应该是不陌生的吧。

简单来说hooks(钩子)其实就是预埋在代码中的一系列方法,当wp执行到此处时,就会去查看该钩子下有无事件。而插件主要就是向这些钩子中加入处理函数,以达到功能性的改变。

而hooks又分为Action Hook与Filter Hook,这两种钩子实现原理基本一样,最主要的区别在于filter有返回值,而action没有。wp提供的hooks是相当多的,具体的可以查看官方文档

三、开始写插件

终于开始写代码了,新建bottom-prompt文件夹,新建bottom-prompt-plugin.php。

增加以下格式:

<?php
/*
 * Plugin Name: Bottom-Prompt plugin
 * Plugin URI: http://www.zhuyuntao.cn
 * Description: 底部消息提示插件
 * Version: 1.0.0
 * Author: 2fps
 * Author URI: http://www.zhuyuntao.cn
 * License: GPL
 */
?>

这段注释是干嘛用的呢?我们直接到已安装插件页面,发现多了个未启动的bottom-prompt插件,

《wordpress简单插件开发》

注释上的内容都显示出来了吧。

增加注册函数

增加两个注册函数,一个是当插件被注册激活,另一个是当插件被停用时触发的。

/* 注册激活插件时调用的函数 */
register_activation_hook( __FILE__,'display_prompt_install');
/* 注册停用插件时调用的函数 */
register_deactivation_hook( __FILE__,'display_prompt_remove');

function display_prompt_install() {
    /* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */
    add_option(display_prompt_text,<p>欢迎关注微信公众号[ 我不会前端 ]或扫描右侧悬浮二维码。</p>,'','yes');
}
function display_prompt_remove() {
    /* 删除 wp_options 表中的对应记录 */
    delete_option('display_prompt_text');
}

当插件被启用时,便向wp_options表中插入一条数据,当停用时,就会删除该条数据。因为我这数据简单,所以直接使用了wp_options表了,若有必要,可以新建一个表独自使用。

增加钩子

这儿用的是the_content过滤钩子,他可以在文章内容显示出来之前对其做些修改。

add_filter('the_content','display_prompt');
function display_prompt($content) {
    if (is_single()) {  // 文章页面
        $content = $content.get_option('display_prompt_text');
    }
    return $content;
}

当用户查看的是文章页面时,就会去wp_options表获取对应需要显示的值。

触发点和显示的地方都有处理了,那如果我们要改这个内容,总不能直接改源码吧,那也太不方便了。

增加侧边栏显示

将menu显示在左侧侧边栏,供管理员修改提示内容。

if(is_admin()) {
    /*  利用 admin_menu 钩子,添加菜单 */
    add_action('admin_menu','ddisplay_prompt_menu');
}
function ddisplay_prompt_menu() {
    /* add_options_page( $page_title,$menu_title,$capability,$menu_slug,$function);  */
    /* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */
    add_options_page('set Prompt','Menu','administrator','display_prompt','display_prompt_html_page');
}

利用admin_menu钩子,添加左侧栏,并设置侧边菜单的名称。而具体页面的显示内容则在display_prompt_html_page()方法中。看下侧边栏的效果。

《wordpress简单插件开发》

增加联动显示页面

随便找个后台的界面,复用他的html结构和css样式。

function display_prompt_html_page() {
    ?>
    <divclass=wrap>
        <h1>Set Prompt</h1>
        <form method=post action=options.php>
            <?php/* 下面这行代码用来保存表单中内容到数据库 */?>
            <?php wp_nonce_field('update-options'); ?>
            <table class=form-table>
                <tr>
                    <th>提示</th>
                    <td>
                        <p>
                            <label>在此输入文章尾部的提示信息(支持html解析)。</label>
                        </p>
                        <p>
                            <textarea
                                name=display_prompt_text
                                id=display_prompt_text
                                cols=50
                                class=large-text code
                                rows=10><?phpechoget_option('display_prompt_text'); ?></textarea>
                        </p>
                    </td>
                </tr>
            </table>
            <p>
                <input type=hidden name=action value=update/>
                <input type=hidden name=page_options value=display_prompt_text/>
                <input type=submit value=保存更改 class=button button-primary class=button-primary/>
            </p>
        </form>
    </div>
<?php
}

这样界面就ok了,去试下效果吧。

demo地址:wordpress简单插件开发

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


我想将wordpress的默认接口路由改掉,愿意是默认的带一个 wp-json,我想换成 api,直接简单明了。默认路由https://www.xxzhuti.com/wp-json/wp/v2/posts/1新的路由https://www.xxzhuti.com/api/wp/v2/posts/1路由修改wordpress提供了一个钩子来修改 wp-json 的地址,代码入汛function r
wordpress自定义分类法之后,我看到链接都自动在后面添加了一个斜杠,如下图所示打开链接后都是先从一个链接301后到另外一个链接,我这个纳闷,然后一顿找原因,最后竟然是因为固定链接看我后台的固定链接是 /%post_id%/ 这么写的,然后每次都会301自动跳转。正确的写法是 /%post_id%.html 这样写才不会301跳转。一个小问题,往往一个小问题就会折腾好长时间,在这记录一下吧..
事情是这样的,我用 get_post_type 函数创建了一个自定义分类法类型,然后自定义了文件的访问路径代码如下。function tblog_chat_template( $template_path ){    if ( get_post_type() == 'aichat' ) {         if ( is_single() )         {             $temp
最近网站莫名其妙的被顶上了,过一个多小时,就注册一个账号,虽然不多,但是也挺烦,时间一长垃圾注册的就多了。由于我前台把注册关掉了,只允许用第三方登录,经过查找发现是通过后台注册的,后台无须邮箱验证即可注册,也是就想着在后台加个验证码。效果如下实现方法一将下面的代码加入到 function.php 中,刷新页面就会看到。//WordPress新用户注册随机数学验证码function add_s...
最近服务器要到期了,就想着把网站转移到另外一台服务器,本来打算要续费的,但是腾讯云的服务器有了新的规定,域名必须在腾讯云备案才能使用,在别的地方备案的域名需要转到腾讯云,在腾讯云在走一遍备案流程,若是备案简单,时间短也就无所谓了,就转一下,可是这个备案大家也知道,至少得一个月,于是就只能放弃腾讯云了,将站点转回备案的阿里云,以后就用阿里云了,贵点就贵点吧。这不网站迁移过去了,死活图片不显示,各..
今天在写wordpress的接口,然后碰到个奇怪的问题,怎么访问都提示 rest_no_route 的错误,然后就一直跟踪代码,终于找到原因所在。报错信息{'code': 'rest_no_route','message': '未找到匹配URL和请求方式的路由。','data': {'status': 404}}原因分析register_rest_route( string $namespace,
今天看到群友突然滴滴滴的找我QQ,好像出什么大事情一样。原来他由于误操作导致网站文章被删除。
今天遇到一个网友提示网站访问速度比较慢,然后通知日志看到有他的网站WordPress默认登录地址wp-login.php一直在被爬虫抓取,因为是有被破解后台账户信息,导致的占用数据库资源使得网站资源带宽不足后访问降低导致
今天老左在帮助客户升级WordPress的时候我看他网站也比较简单就直接在后台手工升级的。升级后打开网站有出现"There has been a critical error on your website."的错误提示。
我们在使用WordPress搭建的网站是否有留意查看源代码的时候看到标题中的原本"-",被转义成"&#8211"。其实这样并不影响用户阅读体验和搜索引擎,搜索引擎在收录后也会反向转义的。就是感觉看
WordPress默认是无法上传.webp格式的文件,如果要上传需要对上传文件限制进行解除后才能上传。
GTranslate 是一个流行的翻译插件,在免费和付费版本中提供不同的体验。 使用免费版本,您可以轻松提供任何语言的动态翻译,而付费版本提供可索引、可编辑的翻译版本,就像 Weglot 一样。
时下主流的浏览器都自带了广告屏蔽功能,还有ADSafe、ADB等软件插件,不断更新,屏蔽网站代码!
您是否正在寻找可用于显示数据的 WordPress 表格插件? WordPress 表格插件可让您以表格格式存储和呈现数据,以方便访问者阅读。
wordPress数据库除了本身的表以外,部分插件会增加表来存储数据。如果插件已经删除了,这些插件生成的表还在数据库中,那么怎么删除呢?
WordPress几乎是世界上最安全的开源程序,但其后台登录注册的地址始终是众所周知的,所以不少人觉得隐藏WordPress的登录地址后可能会更加安全。下面浩子就针对这个问题来简单说明一下方法。WordPress隐藏后台登录地址
自 WordPress 5.8 正式版发布 以后,后台的小工具就默认是块编辑器的界面样式,很多老用户还没有来得及学习就一脸茫然了,今天浩子就来教大家如何恢复WordPress经典小工具。
您想用您的语言翻译 WordPress 插件吗?许多 WordPress 插件是完全可翻译的,世界上任何人都可以轻松翻译。在本文中,我们将向您展示如何轻松地将 WordPress 插件翻译成您的语言(无需任何代码)。
WordPress新手不清楚WordPress调试模式怎么开启,今天来教大家认识和开启。什么是WordPress的调试模式
最近不少用户反馈说WordPress后台的外观-自定义点开后直接报错,错误信息如下: