WordPress添加返回上一页按钮
本文最后更新于 1119 天前,其中的信息可能已经有所发展或是发生改变。

多数情况下,我们浏览网页一般使用浏览器或系统自带的返回,但有些系统的交互逻辑及其不好用,这时在网页添加一个返回上一页按钮可以极大改善浏览体验

首先,在WordPress的后台点击“外观-自定义”来到可视化编辑页面

在左方找到“额外CSS”选项(一般在最后)

然后在里面输入下方代码

.float-button {
position: fixed;
height: 90px;
width: 40px;
bottom: 90px;
right: 50px;
<!-- 可以自己修改相关描述 -->
}

输入完成后保存,然后编辑主题相关界面

如果您不能访问服务器文件,可以在WordPress后台的“外观-主题编辑器”中找到要添加的界面修改

如果您可以访问服务器文件,可以打开路径“<>网站根目录/wp-content/themes/<您的主题名>/”然后打开相应页面修改

只需在相关页面文件插入下面代码并保存即可

<div class="float-button">
<input type="button" name="Submit" value="返回" onclick="javascript:history.back(-1);">
</div>
<!-- 可以自己修改相关描述 -->

参考文章:网页上的“返回上一页”的几种实现代码

div套路之悬浮的button

本文链接:WordPress添加返回上一页按钮
本文章由 yexca 采用 知识共享署名 - 非商业性使用 - 相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇