Npcink Blog
切换菜单

Bmdb - 添加豆瓣书影记录 wordpress 插件

在 wordpress 主题中添加豆瓣书影记录

本页目录3 节

这款插件可以帮助 WordPress 主题添加豆瓣书影记录,让你方便的讲豆瓣上的内容引用到自己的博客上。

插件基本是用牧风的 SDK 改出来的,接口也是牧风的。

WordPress 自带 jQuery 并不支持 $ 关键字,head 设置 meta 也需要通过官方钩子实现,如果你想在自己的 WordPress 的站点上布置读书观影记录,并不能完全按照牧风的教程来做,

对没有接触过编程的人来说,这存在一定难度。拿牧风的 SDK 改了一下,做成了插件,有需要的可以拿来用。如果不想多装插件,可以根据下面的教程集成到自己的主题上。

  • 插件介绍:详情
  • 插件下载:GitHub
  • **技术支持:

**详情

使用

上传到 WordPress -> 启用插件 -> 设置 secret -> 新建页面并填入 [bmdb]movies[/bmdb] 或者 [bmdb]books[/bmdb] -> 发布

Secret 申请:https://bm.weajs.com/

更新记录

2020.2.18 Ver2.0 更新到 mufeng 最新 API(book url error fixed)2019.11.8 Ver1.0 发布

集成到主题

在 WordPress 上布置 bmdb,核心基本与 GitHub 上的 readme 没区别,特别就在于如何在 WordPress 上正确

  1. 设置头部 meta;
  2. 引入资源文件。

第一点,设置头部 meta,在 functions.php 添加代码:

function bmdb_head()
{
echo '<meta name="referrer" content="never">';
}
add_action('wp_head','bmdb_head');

第二点,引入资源,在 functions.php 添加代码:

function bmdb_css_js(){
wp_enqueue_script("jquery");//如果已引入jquery,就去掉这一行代码
wp_enqueue_style( 'bmdb', get_template_directory_uri().'/dist/Bmdb.min.css' );//第二个参数填css的地址
wp_enqueue_script( 'bmdb', get_template_directory_uri().'/dist/Bmdb.min.js' );//第二个参数填js的地址
}
add_action('wp_enqueue_scripts', 'bmdb_css_js');

如果你直接把 GitHub 上下载的 dist 文件夹扔到了主题文件夹里,上面的代码就不用改了。

这两点解决了其他就很简单了,没必要再说了。