时光轴WordPress存档页面

效果

效果可以参考该站的归档页面.

归档页面

先制作归档页面模板, 一般是把主题的 page.php 复制一份再在其最顶部加上如下代码即可

然后在适当的地方加上如下代码

添加CSS

伸缩效果

这段代码可以和平时的 js 一样加载在页面的 /body 前即可, 不过记得加上 script 标签, 即

因为这个代码只是在存档页面加载, 所以可以考虑适当的位置(比如在前面自定义存档页面模板中的那段关于输出存档文章的 php 代码后面添加), 以免重复加载. 具体可参考我的存档页面的源代码. 另外, 必须加载 jQuery, 这段代码可以考虑加载到 /body 前.

我这里使用的是百度公共库, 您也可以使用 Google, Bing, Sina 等的公共库.

时光轴WordPress存档页面》上有1条评论

发表评论

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