Genesis Js No Js

WordPress plugin for Genesis child themes. Adds a 'no-js' body class to the front-end, and a small inline script that changes it to `js` if JavaScript is enabled. Allows for styling of elements (like potential hiding) if JavaScript is enabled.
Alternatives To Genesis Js No Js
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Ohmyzsh156,9481318 hours ago1December 07, 2014636mitShell
🙃 A delightful community-driven (with 2,100+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
.tmux18,467
23 days ago35mit
🇫🇷 Oh my tmux! My self-contained, pretty & versatile tmux configuration made with ❤️
Mailspring13,835
a month ago24gpl-3.0C
:love_letter: A beautiful, fast and fully open source mail client for Mac, Windows and Linux.
Selectize.js12,9206001054 days ago7July 12, 201842apache-2.0SCSS
Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Awesome Zsh Plugins12,585
18 hours ago6bsd-3-clauseShell
A collection of ZSH frameworks, plugins, themes and tutorials.
Hexo Theme Next7,801
3 months ago2April 10, 201984otherStylus
Elegant and powerful theme for Hexo.
Bootstrap Fileinput5,2581,1823518 days ago89August 17, 202214otherJavaScript
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
Bespoke4,545533923 years ago6September 24, 20154mitJavaScript
DIY Presentation Micro-Framework
Oh My Bash3,970
a day ago98mitShell
A delightful community-driven framework for managing your bash configuration, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
Awesome Intellij Idea3,073
5 days ago6mit
Alternatives To Genesis Js No Js
Select To Compare


Alternative Project Comparisons
Readme

Genesis JS / No JS

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

Description

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 Firebug / Inspector).

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. It uses the genesis_before hook supplied by Genesis, so it won't work for other themes.

The script is fairly small so does not block rendering of other content for any noticeable length of time.

Putting the script at the top also reduces a flash of incorrectly styled content, as the page does not load with no-js styles, then switch to js once everything has finished loading.

Installation

Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.

Upload

  1. Download the latest tagged archive (choose the "zip" option).
  2. Go to the Plugins -> Add New screen and click the Upload tab.
  3. Upload the zipped archive directly.
  4. Go to the Plugins screen and click Activate.

Manual

  1. Download the latest tagged archive (choose the "zip" option).
  2. Unzip the archive.
  3. Copy the folder to your /wp-content/plugins/ directory.
  4. 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 [email protected]:GaryJones/genesis-js-no-js.git

Then go to your Plugins screen and click Activate.

Composer

composer require gamajo/genesis-js-no-js

Updates

This plugin supports the GitHub Updater plugin, so if you install that, this plugin becomes automatically updateable direct from GitHub.

Credits

Built by Gary Jones
Copyright 2011 Gamajo

Popular Theme Projects
Popular Plugin Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Php
Plugin
Theme
Wordpress
Wordpress Plugin