江苏龙网

  1. 首页 > 资讯 > 科技 > >

庆林聊科技|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()函数
本文插图


推荐阅读


上一篇：庆林聊科技|WIFI信号不好时，怎样通过无线路由器，来中转放大WIFI信号？

下一篇：新机发布|【新机】万元手机出现低级质量问题？Surface Duo出现中框断裂