搜索trendyminds / visor
一个简单的管理覆盖层，用于从网站的首页访问Craft CMS控制面板的相关区域
Requires
- craftcms/cms: ^3.1.20
- dev-master
- 3.0.1
- 3.0.0
- 2.1.1
- 2.1.0
- 2.0.5
- 2.0.4
- 2.0.3
- 2.0.2
- 2.0.1
- 2.0.0
- dev-dependabot/npm_and_yarn/json5-1.0.2
- dev-dependabot/npm_and_yarn/qs-6.5.3
- dev-dependabot/npm_and_yarn/decode-uri-component-0.2.2
- dev-dependabot/npm_and_yarn/minimist-1.2.6
- dev-dependabot/npm_and_yarn/path-parse-1.0.7
- dev-dependabot/npm_and_yarn/browserslist-4.16.6
- dev-dependabot/npm_and_yarn/lodash-4.17.21
- dev-dependabot/npm_and_yarn/elliptic-6.5.4
This package is auto-updated.
Last update: 2024-09-07 06:45:17 UTC
README
什么是Visor？
Visor是一个简单的管理覆盖层，可以从网站的首页访问Craft CMS控制面板的相关区域。
演示
屏幕截图
要求
此插件需要Craft CMS 3.1.20或更高版本。
安装
要安装此插件，请按照以下说明操作。
-
打开您的终端并转到您的Craft项目
cd /path/to/project -
然后让Composer加载插件
composer require trendyminds/visor -
在控制面板中，转到设置→插件，并点击Visor的“安装”按钮。
键盘快捷键
您可以通过点击齿轮图标或使用以下键盘快捷键激活Visor
自定义Visor
覆盖样式
Visor的外部<section>元素有一个Visor--override类。要更改任何默认样式，只需从.Visor.Visor--override开始您的样式。这将使您的样式更具体，而无需使用!important疯狂。
覆盖图标
Visor还使用内联SVG进行所有图形。
- 减少HTTP请求
- 在任何像素密度下看起来都很清晰
- 允许您使用CSS中的
fill重新样式图标
覆盖背景
如果您想用不同的颜色替换紫色，可以通过定位.Visor--override .Visor__modal来更改此设置。
注意事项
从3.0版开始，Visor提供了对全页静态缓存的完全支持。为了提供这项服务，在每个页面请求时都会进行网络请求，以检查用户是否应该看到Visor控件。为了确保这不会影响性能，做了很多事情
- 用于进行检查的JavaScript被插入到页面底部
- 用于进行检查的JavaScript非常小（< 2 KB）
- 如果用户是访客且不应看到Visor的任何内容，则使用早期返回
确保我们提前为访客返回的检查在DefaultController.php中进行了完整记录。如果您看到改进这些检查（或Visor的任何其他部分）性能的机会，欢迎提交拉取请求。
浏览器兼容性
这已在Chrome、Firefox和Safari上进行了测试，但如果您注意到任何异常，请提交一个问题。
贡献
我们欢迎任何愿意改进Visor的人，请将其分支并发送拉取请求。要开始开发Visor
- 确保您的计算机上运行着Node版本10.x
- 将仓库克隆到您的计算机上
- 运行
npm i - 运行
npm start以将CSS和JS编译到主src/resources/目录