庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数


_本文原题:wordpress插件 , 怎样向网站添加数据?试试wp_head()函数
有时候 , 我们会碰到这样一种情况:我们的wordpress网站主题模板已经定型了 , 但是 , 我们后期又想向wordpress网站添加一些新功能 , 这时候 , 我们该怎么办?是继续修改wordpress网站主题模板吗?当然 , 修改主题模板肯定可以 。 但是时间久了 , 对当前的主题模板可能会有些生疏 , 修改起来可能会有点吃力 。 还有没有其它方式向wordpress网站添加新功能?当然是有的了 。 在部分功能应用上 , 我们可以使用wp_head()这个函数 插件的形式来完成一些功能 。 下面一起来看看wp_head()函数是如何来将插件数据插件前台页面的 。
一、给wordpress网站创建插件 。
进入到wordpress网站的插件目录/wp-content/plugins/ , 在这个插件目录下创建一个app目录 , 也就是要创建一个名为app的插件 。 如一图:

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图
然后 , 在这个app插件目录下创建2个文件 , 一个bbb.css文件和index.php文件 , 如下图:
这里的bbb.css文件是这个插件的样式文件 , index.php是这个app插件的主页文件 。 我们这里要实现的功能 , 只是一个演示功能 , 就是要修改前台页面字体的大小和颜色 。
index.php文件代码如下:
<?php/*plugin name: app //这个是必须的 , 否则后台插件列表中就找不到这个插件plugin uri: http://wanlimm.comauthor: 码不亭蹄version: 1.0description: 这是一个使用wp-head()函数的插件*/function my_head(){ //向wordpress网站头部添加一个样式文件echo '<link rel="stylesheet" href="'.WP_PLUGIN_URL.'/app/bbb.css">';}if(!is_admin()){ //如果不是后台 , 就把my_head函数添加到wordpress的动作勾子wp_head勾子里 。 add_action("wp_head","my_head");}
bbb.css文件的代码如下:
body{color:red; font-size:40px;}
把wordpress网站前台页面的文字颜色变成红色 , 字体大小变成40像素 。
二、wordpress网站后台插件列表中启用插件 。
通过第一步的添加后 , 我们就可以在wordpress网站的后台插件列表中看到这个app插件了 , 如下图:

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图
我们点击“启用”按钮 , 启用这个app插件 。 插件只有被启用了 , 它的功能才会被应用到wordpress网站的前台页面当中去 。 当然 , 虽然我们现在启用了 , 我们wordpress网站的前台的文字字体依然没有变化 。 如下图(我们上节课添加的内容) 。

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图
三、在wordpress网站主题前台添加调用代码 。
通过上面两步 , 我们已经准备好了功能 , 就等着我们的wordpress网站前台调用呢 。 这时 , 我们需要使用到wp_head()这个头部函数 , 这个头部函数的功能还是非常强大的 , 它可以把我们向wordpress的wp_head钩子里添加的所有动作函数添加到wordpress网站的前台页面中 。 不过 , 这个wp_head()函数必须添加在wordpress网站前台页面的< head>标签之内才有效 , 如下图:

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图
这时 , 我们看一下wordpress网站的前台页面 , 看看页面字体有没有变化 。 这时 , 字体变大了 , 也变成了红色 。 如下图:

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图分页标题
【庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数】
之所以旁边的“返回首页”是蓝色 , 因为它是链接 , 想要修改它的颜色 , 必须单独为它设置颜色 。 我们再来看一下源代码 , 如下图 , wp_head()函数在wordpress网站的前台的< head>标签中插入了我们创建的插件app的样式文件bbb.css 。

庆林聊科技|wordpress插件,怎样向网站添加数据?试试wp_head()函数
本文插图
当然 , wp_head()函数在插件bbb.css样式文件的同时 , 会向< head>标签插入很多其它的代码 , 有些代码对我们根本没什么用处 , 我们是可以通过一些手段来处理掉了 , 这个在我们后期的文章中会有相关的介绍 。
好了 , 到这里 , 本节就接近尾声 。 本节课的目的 , 主要是介绍“如何通过wp_head()函数向wordpress网站的前台页面的头部添加数据代码” , 这个应用非常广泛 , 很多wordpress插件都要使用到wp_head()这个函数 , 如果不使用这个函数 , 这些插件就无法使用 。
以上就是我的观点 , 如有不同观点 , 欢迎发表评论 。 同时 , 欢迎【点赞、分享、收藏】和【关注】我 。