by Gary Jones 5 (2 reviews)

Genesis JS / No JS

Name: Genesis JS / No JS
Rating: 5.0 (2 reviews)
Author: Gary Jones

Make front end styling easier for child themes on the Genesis Framework based on whether JavaScript is enabled or not.

Genesis JS / No JS ranks #15,367 among WordPress.org plugins with 100+ active installations, is #1,759 of 8,534 in the Customization category, a 5/5 rating from 2 reviews, and was last updated Nov 30, 2017. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 4.9 (Current: 7.1)

v3.2.1 Current Version v3.2.1

Updated 8 years ago Last Update on 30 Nov, 2017

Refreshed 8 hours ago Last Refreshed on

#1,759 of 8,534 in Customization Top 25% by installs No update in over a year

View on WordPress.org

Rank

#15,367

-11 this week

Active Installs

100+

-31%

KW Avg Position

164

— No change

Downloads

13.1K

+2 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (2 reviews)

Next Milestone 200

Total Progress 83%

100+ 200+

2,357

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 17 more installs to reach 200+

Rank Changes

Current #15,367

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

2 reviews

Overall 100%

2 (100%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Genesis JS / No JS. Checked 1 month ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 3.2.1
Last Updated: Nov 30, 2017
Requires WP: 4.6+
Tested Up To: 4.9
PHP Version: 7.0 or higher
Author: Gary Jones

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 2
Support Threads: 0
Resolved: 0%

Keywords

genesis js-no-js

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,752

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Elementor Website Builder - more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder

2M+ installs

#26

Essential Addons for Elementor - Popular Elementor Templates & Widgets

1M+ installs

#29

Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg

One Click Demo Import

1M+ installs

#61

Translate Wordpress with GTranslate

900K+ installs

#71

View all Customization plugins

TL;DR

AI summary of the plugin's readme

This plugin is for people using a child theme built on the Genesis Framework for WordPress. It solves the problem of styling elements differently depending on whether JavaScript is enabled, by adding a body class that reflects JS status.

Adds no-js body class
Switches class to js dynamically
Hooks into genesis_before
Detects JavaScript availability

Frequently Asked Questions

Common questions about Genesis JS / No JS

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

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

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 opening body tag is a small script which replaces no-js with js (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.

Usually, yes, but it's a fairly small script, so does not block rendering of other content for any noticeable length of time.