给博客加了个“Back to Top”箭头

关于 WordPress 功能的实验,之前都是以“正经王八文”的形式进行的。因为自觉想实验的功能都太弱智了,不好意思挂篇什么 test 啊,测试啊之类的在上面。于是就给加了点内容。

山口山的文章实践了优酷视频代码的插入。看起来应该是个五分钟就能结束的尝试,不知道为什么一开始直接 Copy&Paste 过来页面代码无法正常加载,折腾了半天才发现之前自己加载了一个 WP 插件,自动转译了代码。Cut the rope,正经尝试了 WordPress 的图片库、相册、外链和防外链功能。第一篇文章里有 Quote 的内容,花了一些时间加了段落首行缩进但 Quote 内容不缩进的 CSS 代码。

但是这个 Back to top 实在是想不出什么内容去搭配。

网上搜了几套不同的方案,实践下来只有这套成功了。

原理都差不多,设置一个基于页面定位的<div>,href=”#top” 即可。而#top 锚点是默认的,不需要另外写 id=top,所以不需要对文章内容作改动,只要在 foot.php 里加上代码即可,几百字节。

几个方案不成功的原因可能在于各主题一不致,目标结构的混乱,引用位置难以调整
以及代码中应当半角符号的地方有不少变成了全角,以引号尤甚

这套代码应该也可以改成外挂 JS 的,暂时不改了,能用就用。
接下来稍微仔细地研究一下代码的具体内容,把箭头的位置改一下。

#update: 位置修改完成。

发表评论

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