CONTENT

初衷只是为了给博客添加一个文章自动同步到新浪微博的功能。于是在微博开放平台申请了网页应用。但是过审需要在网站上部署新浪微博组件,这里就挑选了比较简单的新浪微博关注按钮,直接用小工具-自定义HTML 的功能实现了在主页/文章侧边栏添加一个模块。其实也只是为了过审而暂时添加的模块,不必在意美观。后期可能会修改文章的分享按钮,把分享到新浪微博的按钮换成官方的组件,不过目前还没找到能自定义按钮图标的方法。废话少说,先看东西。

首先在微博开放平台注册并创建应用:微连接-网站接入-网页应用。具体过程不多赘述。然后在 我的应用-部署微连接-关注按钮 然后在下方获取代码如下图:

 

打开你的主题目录下header.php文件。

在<html>之后,<head>之前添加上图,第一部分代码。

<head>之后,</head>之前添加上图,第二部分代码。

如下代码可做参考:

<html <?php language_attributes(); ?>>
<!--添加新浪微博关注组件1-->
<html xmlns:wb="http://open.weibo.com/wb">
<!--添加新浪微博关注组件-->
<head>
<!--添加新浪微博关注组件2-->
<script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<!--添加新浪微博关注组件-->

然后在博客后台-外观-小工具 添加 自定义HTML 组件。位置自行设置。然后将上图第三部分代码复制进去。

由于现用主题的异步加载,页面必须手动刷新才能显示关注图标,不过问题不大,我们本来就是为了过审才添加的组件。

预览图:

评论: | NOTHING

暂无评论...