gamajo / genesis-js-no-js
WordPress 插件,允许在 JavaScript 启用或未启用的情况下为 Genesis 子主题元素使用不同的样式。
3.2.1
2017-11-30 19:45 UTC
Requires
- php: ^7.0
- composer/installers: ~1.4
- roave/security-advisories: dev-master
Requires (Dev)
- php: ^7.1
- brain/monkey: ^2.1
- dealerdirect/phpcodesniffer-composer-installer: ^0.4.3
- infection/infection: 0.6.*
- object-calisthenics/phpcs-calisthenics-rules: ^3
- phpunit/phpunit: ^6.4
- squizlabs/php_codesniffer: 3.1
- wimg/php-compatibility: dev-master
- wp-coding-standards/wpcs: dev-develop
README
根据 JavaScript 是否启用,使基于 Genesis 框架的子主题前端样式更容易。
描述
如果您查看 WordPress 后端页面的源代码,您会看到它有一个 no-js
的 body 类。在 body
标签打开后立即有一个小脚本,将 no-js
替换为 js
(您可以使用 Firebug / Inspector 看到修改后的类)。
WordPress 使用此功能根据是否存在 JavaScript 应用不同的样式到相同的元素。
此插件创建了相同的效果,但用于 Genesis 框架的子主题前端。它使用 Genesis 提供的 genesis_before
钩子,因此它不适用于其他主题。
脚本相当小,因此不会在可感知的时间内阻塞其他内容的渲染。
将脚本放在顶部还可以减少内容样式错误闪烁,因为页面不是以 no-js
样式加载,而是在所有内容加载完成后切换到 js
。
安装
一旦安装并激活此插件,它将自动工作。没有任何选项和设置。
上传
- 下载最新的标记存档(选择“zip”选项)。
- 转到 插件 -> 添加新插件 界面并点击 上传 选项卡。
- 直接上传压缩存档。
- 转到插件界面并点击 激活。
手动
- 下载最新的标记存档(选择“zip”选项)。
- 解压存档。
- 将文件夹复制到您的
/wp-content/plugins/
目录。 - 转到插件界面并点击 激活。
查看 Codex 了解有关 手动安装插件 的更多信息。
Git
使用 git,浏览到您的 /wp-content/plugins/
目录并克隆此存储库
git clone git@github.com:GaryJones/genesis-js-no-js.git
然后转到您的插件界面并点击 激活。
Composer
composer require gamajo/genesis-js-no-js
更新
此插件支持 GitHub Updater 插件,因此如果您安装它,此插件将可以从 GitHub 自动更新。
致谢
由 Gary Jones 构建
版权 2011 Gamajo