GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → GaryJones → genesis-js-no-js

GaryJones / genesis-js-no-js

Licence: GPL-2.0 license
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.

Programming Languages

PHP
23972 projects - #3 most used programming language

Labels

wordpresswordpress-plugingenesis-frameworkgenesis

Projects that are alternatives of or similar to genesis-js-no-js

genesis-sample-task-runner
Gulp workflow for Auto prefixing, Sass compiling, CSS minification, automatic browser reloading and more
Stars: ✭ 23 (+9.52%)
Mutual labels:  genesis-framework, genesis
wp-dispensary
🌿 WP Dispensary - online menu management for dispensaries
Stars: ✭ 60 (+185.71%)
Mutual labels:  wordpress-plugin
acf-swatch
ACF Color Swatch Field
Stars: ✭ 67 (+219.05%)
Mutual labels:  wordpress-plugin
book-review-library
A book cataloguing and review system designed with bookophiles and librarians in mind.
Stars: ✭ 13 (-38.1%)
Mutual labels:  wordpress-plugin
wp-better-emails
Adds a customizable good looking HTML template to all WP default plain/text emails and lets you set a custom sender name and email address.
Stars: ✭ 41 (+95.24%)
Mutual labels:  wordpress-plugin
host-webfonts-locally
OMGF automagically caches the Google Fonts used by your theme/plugins locally. No configuration (or brains) required!
Stars: ✭ 13 (-38.1%)
Mutual labels:  wordpress-plugin
sunny
Automatically purge Cloudflare cache, including cache everything rules.
Stars: ✭ 35 (+66.67%)
Mutual labels:  wordpress-plugin
wp-rest-api-filter-items
A WordPress plugin that filters WP REST API items to your requirement.
Stars: ✭ 61 (+190.48%)
Mutual labels:  wordpress-plugin
advanced-responsive-video-embedder
Probably the the best WP plugin for embedding videos.
Stars: ✭ 32 (+52.38%)
Mutual labels:  wordpress-plugin
woocommerce-dadata
WooCommerce DaData
Stars: ✭ 22 (+4.76%)
Mutual labels:  wordpress-plugin
wp-useronline
Enable you to display how many users are online on your WordPress blog with detailed statistics.
Stars: ✭ 37 (+76.19%)
Mutual labels:  wordpress-plugin
WooCommerce-Multiple-Free-Gift
WooCommerce giveaway made easy.
Stars: ✭ 24 (+14.29%)
Mutual labels:  wordpress-plugin
spoken-word
Spoken Word
Stars: ✭ 46 (+119.05%)
Mutual labels:  wordpress-plugin
sign-in-with-apple
A WordPress plugin for Sign In with Apple
Stars: ✭ 47 (+123.81%)
Mutual labels:  wordpress-plugin
WP-Stash
Bridge between WordPress and StashPHP, providing a PSR6-compliant caching system for WordPress
Stars: ✭ 31 (+47.62%)
Mutual labels:  wordpress-plugin
wordpress-ostatus
An OStatus plugin for WordPress
Stars: ✭ 21 (+0%)
Mutual labels:  wordpress-plugin
wp-video-embed-privacy
Wordpress plugin for making ebedding videos GDPR compliant
Stars: ✭ 33 (+57.14%)
Mutual labels:  wordpress-plugin
wp-block-description-list
A wordpress gutenberg block plugin for description lists.
Stars: ✭ 17 (-19.05%)
Mutual labels:  wordpress-plugin
wp-tyk-dev-portal
A WordPress plugin that adds a developer portal for a Tyk API Gateway
Stars: ✭ 12 (-42.86%)
Mutual labels:  wordpress-plugin
perfecty-push-wp
WordPress plugin for self-hosted Web Push Notifications ⚡️
Stars: ✭ 32 (+52.38%)
Mutual labels:  wordpress-plugin
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].