浅写一个 WordPress 键盘与手柄按键插件

/ 0评 / 0

你说的 A 是哪个 A?

因为我希望在文章里展示手柄按键,但是我又非常懒得打「等同于选择键的按键」这种词,于是我选择写一个 WordPress 插件来把这种奇怪的表述转换成图标。而且既然手柄图标都有了,那顺便把键盘按键也搞定应该也不是什么难事。

我知道这样的插件铁定已经有了,而且做得效果也铁定比我好。但是这个东西更多的是拿来练手,避免自己太久不用 PHP 把这货给忘了。同时这也算给 WordPress 的插件开发起一个引子,因为我需要表示的内容肯定不止这一星半点儿。

太长不看,我要下载

你可以到我的 GayHub 上下载:https://github.com/dousha/wp-kbdctl/releases/

或者,如果你实在是懒得起一个魔法,这里还有国内镜像:https://cowtransfer.com/s/26d941cc440949

不过注意到:用法还是在 GayHub 上的。如果你是用国内镜像的话,需要解压 zip 包读一下 README. 最基本的思路就是:有 kbdbtn 两个短码对应键盘和手柄,所有名字(除了手柄的「等价模式」)都是小写。btn 有一个 v 参数选择 xbox, ps 或者 switch, 不过等价模式下不需要 v 参数。

手柄图标

手柄图标想了想没有啥好办法,只能选择借用别人的图标图片了。好在 Xelu 大神为互联网免费提供了一组相当完整的图标,那么我们就直接用就好了。

在 XBox 上,按下 rt 开火,a 重新上弹;在 Switch 上,按下 zr 开火,b 重新上弹;在 PlayStation 上,按下 r2 开火,cross 重新上弹。

换句话说,按下 EquivalenceRightTrigger/EquivalenceRightTrigger/EquivalenceRightTrigger 开火,按下 EquivalenceActionDown/EquivalenceActionDown/EquivalenceActionDown 重新上弹。

键盘图标

键盘图标,得益于计算机的标准化,可以不借助图片进行。HTML 规范里甚至有一个专门的标签来表示按键:<kbd>. 所以我们要做的是简单映射一下键名和图标,然后给 <kbd> 加点样式就可以了。这样我们就可以做到如下的效果:

打开任务管理器:Ctrl + ⇧ Shift + ⎋ Escape

为什么不是 Ctrl + Alt + ⌦ Delete ?这是因为这个按键组合是 Windows 安全键,它的首要作用是确保你输入密码的窗格一定是由 Windows 自己提供的,而不是某个钓鱼程序伪装的。这个键盘组合会触发一个特殊中断,其一定由操作系统底层控制。

发表回复

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

Your comments will be submitted to a human moderator and will only be shown publicly after approval. The moderator reserves the full right to not approve any comment without reason. Please be civil.