首页 / WordPress建站 / 基础教程 / WordPress 使用 iframe 嵌入Github Gist代码
Loading收藏1

在网上看到在Gists地址后边加上pibb就可以生成调用的Html,刚好In笔记需要调用一些Gist的代码,就写了下边的代码。

在主题functions.php加入代码:

1
2
3
4
5
6
7
8
9
/**
 * WordPress 使用 iframe 嵌入Github Gist代码
 * https://www.wpdaxue.com/wp-iframe-handler-gist.html
 */
function wp_iframe_handler_gist( $matches, $attr, $url, $rawattr ) {
	$iframe = '<iframe width="100%" height="300" src="https://gist.github.com/'. esc_attr($matches[1]) .'/'. esc_attr($matches[2]) . '.pibb" frameborder=0 ></iframe>';
	return apply_filters( 'iframe_gist', $iframe, $matches, $attr, $url, $rawattr );
}
wp_embed_register_handler( 'gist_iframe', '#https://gist.github.com/(.*?)/([\d]+)#i', 'wp_iframe_handler_gist' );

使用的时候,只需要单独起一行,然后直接插入对应的地址即可,比如:

https://gist.github.com/ccbikai/11216526

你可能还喜欢

3 条评论

发表评论

我们是靠谱的WordPress建站团队!

专业承接WordPress网站建设及运维、WordPress主题和插件开发、汉化、安装等服务

联系电话:0773-8282430

查看所有服务项目

视频教程: 点击联系我们
定制开发: 点击联系我们
售后支持: 点击联系我们
商务合作: 点击联系我们

固话:0773-8282-430

手机:133-0773-9152

微信扫一扫,联系我们