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

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

首先,在 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
小恐龙
花!
上一篇
下一篇