网上有很多修改右键菜单的教程,看了下很多教程代码要么有很多莫名其妙的部分,要么无法使用,想来是由于转载以及随意删减代码导致的。看了下这个功能觉得还不错,遂将其集成到了自己网站上。同时为了避免自己调试网站无法使用“审查元素”、“查看代码”等功能,特加了个判断,用以判断用户身份。管理员以及其他用户前端显示分别如下:
管理员登录
非管理员/无人员登录
效果大概就是这样,现在来简单说下实现方式。
JavaScript 代码
新建一个名为 qgg-user-rcm.js 的文件,将以下代码丢到该文件中去,以便后面引用。
注意:如果你不需要判断用户身份以确认是否启用,也可以将代码直接复制到网站 JS 文件中。
CSS 代码
CSS 代码配置没什么好说的,直接将下面代码丢到网站 CSS 文件中去即可。
CSS 样式大家可自行调整。。。
前端显示代码
新建一个名为 modify-user-right-click-menu.php 的文件,并将以下代码复制到该文件中以方便后面调用。
注意:与上面 JavaScript 代码一样,如果你不需要判断用户身份以确认是否启用,也可以将代码直接复制到网站前端文件中。
WordPress 判断用户身份
如果你不需要下面的功能,基本上复制上面的代码到网站对应的文件中去即可以使用该功能。就像开篇提到的,为了该功能不影响自己后期对网站的调试,特加了个用户身份判断。按上方要求配置好 qgg-user-rcm.js 文件及 modify-user-right-click-menu.php 文件后,通过以下代码调用这两个文件即可。
注意将代码中的路径替换为你真实存放文件的路径。
另外对于 DUX 及其他后台使用 Option FrameWork 框架的用户,如果你想在后台设置一个方便的开工启用或停用该功能,将以下代码丢到主题 options.php 文件中去:
然后,调用代码改为:
PS:本文功能配合下面文章的功能实现会更棒哦~~~
- WP Content Copy Protection & No Right Click——深度保护您的网站内容
- JavaScript 实现禁止打开控制台(右键/工具栏/F12/Shift+Ctrl+I)