博客添加了分享到新浪微博按钮

update:主题更新,又去掉了。感觉没啥用,技能已 get。
==================

用的是新浪现成提供的最简单的代码。

实现的效果只是分享该页面 URL 和页面标题到新浪微博。

首先是申请新浪的开放网站接入,http://open.weibo.com,起个名,填上网站 URL。

然后在站点的 <meta> 区添加新浪提供的识别代码,以确定这个网站你是有所有权的(不是自己的网站当然没法编辑)。

再之后就是选择现成的 “微组件” -> “分享”,定义一下按钮样式,根据说明添加 xml、js 和 button 代码就行了。

最大的问题反而出现在 wordpress 这里。

由于我只希望在单独的文章页面添加分享按钮,而不希望在首页文章列表页添加按钮。

而不得不花了很长时间去寻找具体将代码添加在哪一行。

首先根据以前添加 GA 代码的经验,放到 Head,感觉不合适。

然后加到 navigation-single.php 里,其实已经成功了,但添加的行不合适,导致首页每篇文章都出现了 button。

根据前两天刚了解的 MVC 架构方式和 php 代码方式,猜测是 index.php 根据是否传入文章 id 的方式来决定是具体呈现一个页面还是循环展示最新的二十页。

所以尝试去读 index 的源码了。

发现 WordPress 的函数嵌套很多(这当然也是规范的一种了),从风格上来说确实很简洁,外行也能感觉到功力深厚。但太深的函数调用,便得使用 wordpress 自带的在线代码修改功能捉襟见肘。最后根据 loop 等字段来猜测是这样的实现方式的。

那么最简单的办法,就是在不进入循环节的代码区块里添加新浪那个 button。

最后找到的地方(中间的多次尝试的辛苦无营养不提)是 navigation-single 的 <nav> 块以前。

 

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注