Beschrijving
Deze plugin is niet getest met de laatste 3 grotere versies van WordPress. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.
Genesis JS / No JS
Beschrijving
Make front end styling easier for child themes on the Genesis Framework based on whether JavaScript is enabled or not.
Adds a no-js body class to the front end, and a script on genesis_before which immediately changes the class to js if JavaScript is enabled.
This is how WP does things on the back end, to allow different styles for the same elements depending if JavaScript is active or not.
This plugin is only useful if you’re using a child theme of the Genesis Framework since it uses the genesis_before hook.
Installatie
Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.
Upload
- Download the latest tagged archive (choose the “zip” option).
- Go to the Plugins -> Add New screen and click the Upload tab.
- Upload the zipped archive directly.
- Go to the Plugins screen and click Activate.
Manual
- Download the latest tagged archive (choose the “zip” option).
- Unzip the archive.
- Copy the folder to your
/wp-content/plugins/directory. - Go to the Plugins screen and click Activate.
Check out the Codex for more information about installing plugins manually.
Git
Using git, browse to your /wp-content/plugins/ directory and clone this repository:
git clone git@github.com:GaryJones/genesis-js-no-js.git Then go to your Plugins screen and click Activate.
Composer
composer require gamajo/genesis-js-no-js FAQ
- Installation Instructions
Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.
Upload
- Download the latest tagged archive (choose the “zip” option).
- Go to the Plugins -> Add New screen and click the Upload tab.
- Upload the zipped archive directly.
- Go to the Plugins screen and click Activate.
Manual
- Download the latest tagged archive (choose the “zip” option).
- Unzip the archive.
- Copy the folder to your
/wp-content/plugins/directory. - Go to the Plugins screen and click Activate.
Check out the Codex for more information about installing plugins manually.
Git
Using git, browse to your
/wp-content/plugins/directory and clone this repository:git clone git@github.com:GaryJones/genesis-js-no-js.gitThen go to your Plugins screen and click Activate.
Composer
composer require gamajo/genesis-js-no-js- What does this plugin actually do?
If you look at the source of a WordPress back end page, you’ll see it has a body class of
no-js. Immediately after the openingbodytag is a small script which replacesno-jswithjs(you can see the amended class with browser developer tools).WordPress uses this to apply different styles to the same elements, depending on whether JavaScript is present or not.
This plugin recreates the same effect, but for the front end of Genesis Framework child themes.
- Shouldn’t the script be at the end of the page?
Usually, yes, but it’s a fairly small script, so does not block rendering of other content for any noticeable length of time.
Doing it immediately also reduces a flash of incorrectly styled content, as the page does not load with
no-jsstyles, then switch tojsonce everything has finished loading.
Beoordelingen
Bijdragers & ontwikkelaars
“Genesis JS / No JS” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Genesis JS / No JS” is vertaald in 2 localen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Genesis JS / No JS” in je eigen taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
See CHANGELOG.md for all of the changes.
