• 本文中我们介绍通过手动安装插件的方式为WordPress添加BiliBili简码支持

插件介绍

基本原理

使用wordpress的add_shortcode方法添加WordPress简码并提供BiliBili视频解析支持。

插件的核心文件源码如图所示

<?php

/*
Plugin Name: Bilibili Shortcode 简码支持
Plugin URI: https://senge.dev/index.php/bilibili-shortcode
Description: Bilibili视频解析插件，可以使用WordPress简码在文章中嵌入Bilibili视频
Version: 1.0.2
Author: Senge Dev
Author URI: https://senge.dev
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

add_shortcode('bilibili', 'bilibili_shortcode');
function bilibili_shortcode($atts) {
    $bvid = $atts['bvid'];			// 视频的BVID，不允许为空
    return '<div style="position: relative; padding: 40% 45%;"><iframe src="//player.bilibili.com/player.html?bvid='.$bvid.'&page=1&as_wide=1&high_quality=1&danmaku=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></iframe></div>';
}

插件下载

GitHub下载链接

如果你所在的地区无法访问GitHub，请点击下方的按钮进行下载。

安装插件

打开WordPress的后台插件界面，找到安装插件选项

上传从GitHub下载的插件或自己打包的插件

上传后点击安装即可

使用方法

直接解析BiliBili短代码

bvid一定要带参数，否则会报错

[bilibili bvid="BV1tY4y1E7eW"]

演示

以UP主 威廉TEN 的其中一个视频为例，原视频链接：🐓BANGBANGBANG🐓

效果