用js在网站调用站内文章列表的方法

穆童博客的读者应该看到了博客内容页的侧栏有很长的一块“热门解答及小技巧”的栏目。这个栏目就是通过js调用来显示的。其实很久之前我就希望能通过js代码在wordpress博客上这样显示一块列表了,可一直没时间。前段时间调整布局也就一起弄了。那么如何实现的呢?其实很简单很简单:

首先要弄出你要显示的是什么内容。比如我博客侧栏需要显示的是文章列表,这个列表我已经用html代码写好了。也可以用查看页面源代码的方式复制出你要显示的html代码。

弄到要显示的html代码之后我们需要将html代码转换成js代码(这是关键),站长网的站长在线工具里面就有这个功能。然后我新建一个空白的js文件,将转换好了的js代码复制到里面并对文件重命名(英文数字随便写)然后上传到wordpress主题目录里面。

上传之后就是在需要的地方显示了。通过将以下这段代码插入到相应位置即可:

<script type=”text/javascript” src=”你的地址”></script>

上面的地址改成你自己的就可以了(注意修改英文标点符号),最终效果请看穆童博客内容页侧栏。

发表评论

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

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>