{"id":13372,"date":"2011-05-24T05:32:11","date_gmt":"2011-05-24T05:32:11","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/genesis-js-no-js\/"},"modified":"2017-11-30T19:47:47","modified_gmt":"2017-11-30T19:47:47","slug":"genesis-js-no-js","status":"publish","type":"plugin","link":"https:\/\/sk.wordpress.org\/plugins\/genesis-js-no-js\/","author":7445142,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.2.1","stable_tag":"3.2.1","tested":"4.9.29","requires":"4.6","requires_php":"7.0","requires_plugins":"","header_name":"Genesis JS \/ No JS","header_author":"Gary Jones","header_description":"","assets_banners_color":"cccccc","last_updated":"2017-11-30 19:47:47","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/code.garyjones.co.uk\/donate\/","header_plugin_uri":"https:\/\/github.com\/GaryJones\/genesis-js-no-js","header_author_uri":"https:\/\/gamajo.com","rating":5,"author_block_rating":0,"active_installs":100,"downloads":13193,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"3.2.0":"

Requires PHP 7.0 and WordPress 4.6.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"2"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1778153","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1778153","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":"1778153","resolution":"1544x500","location":"assets"},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1778153","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","2.0.0","2.1.0","3.2.0","3.2.1"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4445,31837],"plugin_category":[43],"plugin_contributors":[78161],"plugin_business_model":[],"class_list":["post-13372","plugin","type-plugin","status-publish","hentry","plugin_tags-genesis","plugin_tags-js-no-js","plugin_category-customization","plugin_contributors-garyj","plugin_committers-garyj"],"banners":{"banner":"https:\/\/ps.w.org\/genesis-js-no-js\/assets\/banner-772x250.jpg?rev=1778153","banner_2x":"https:\/\/ps.w.org\/genesis-js-no-js\/assets\/banner-1544x500.jpg?rev=1778153","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/genesis-js-no-js\/assets\/icon-128x128.png?rev=1778153","icon_2x":"https:\/\/ps.w.org\/genesis-js-no-js\/assets\/icon-256x256.png?rev=1778153","generated":false},"screenshots":[],"raw_content":"\n

Make front end styling easier for child themes on the Genesis Framework<\/a> based on whether JavaScript is enabled or not.<\/p>\n\n

Adds a no-js<\/code> body class to the front end, and a script on genesis_before<\/code> which immediately changes the class to js<\/code> if JavaScript is enabled.\nThis is how WP does things on the back end, to allow different styles for the same elements depending if JavaScript is active or not.<\/p>\n\n

This plugin is only useful if you're using a child theme of the Genesis Framework since it uses the genesis_before<\/code> hook.<\/p>\n\n\n

Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.<\/p>\n\n

Upload<\/h4>\n\n
    \n
  1. Download the latest tagged archive (choose the \"zip\" option).<\/li>\n
  2. Go to the Plugins -> Add New<\/strong> screen and click the Upload<\/strong> tab.<\/li>\n
  3. Upload the zipped archive directly.<\/li>\n
  4. Go to the Plugins screen and click Activate<\/strong>.<\/li>\n<\/ol>\n\n

    Manual<\/h4>\n\n
      \n
    1. Download the latest tagged archive (choose the \"zip\" option).<\/li>\n
    2. Unzip the archive.<\/li>\n
    3. Copy the folder to your \/wp-content\/plugins\/<\/code> directory.<\/li>\n
    4. Go to the Plugins screen and click Activate<\/strong>.<\/li>\n<\/ol>\n\n

      Check out the Codex for more information about installing plugins manually<\/a>.<\/p>\n\n

      Git<\/h4>\n\n

      Using git, browse to your \/wp-content\/plugins\/<\/code> directory and clone this repository:<\/p>\n\n

      git clone git@github.com:GaryJones\/genesis-js-no-js.git\n<\/code><\/pre>\n\n
      Then go to your Plugins screen and click Activate<\/strong>.<\/p>\n\n
      Composer<\/h4>\n\n
      composer require gamajo\/genesis-js-no-js\n<\/code><\/pre>\n\n\n
      \n
      Installation Instructions<\/dt>\n
      Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.<\/p>\n\n
      Upload<\/h4>\n\n
        \n
      1. Download the latest tagged archive (choose the \"zip\" option).<\/li>\n
      2. Go to the Plugins -> Add New<\/strong> screen and click the Upload<\/strong> tab.<\/li>\n
      3. Upload the zipped archive directly.<\/li>\n
      4. Go to the Plugins screen and click Activate<\/strong>.<\/li>\n<\/ol>\n\n
        Manual<\/h4>\n\n
          \n
        1. Download the latest tagged archive (choose the \"zip\" option).<\/li>\n
        2. Unzip the archive.<\/li>\n
        3. Copy the folder to your \/wp-content\/plugins\/<\/code> directory.<\/li>\n
        4. Go to the Plugins screen and click Activate<\/strong>.<\/li>\n<\/ol>\n\n
          Check out the Codex for more information about installing plugins manually<\/a>.<\/p>\n\n
          Git<\/h4>\n\n
          Using git, browse to your \/wp-content\/plugins\/<\/code> directory and clone this repository:<\/p>\n\n
          git clone git@github.com:GaryJones\/genesis-js-no-js.git\n<\/code><\/pre>\n\n
          Then go to your Plugins screen and click Activate<\/strong>.<\/p>\n\n
          Composer<\/h4>\n\n
          composer require gamajo\/genesis-js-no-js\n<\/code><\/pre><\/dd>\n
          What does this plugin actually do?<\/dt>\n
          If you look at the source of a WordPress back end page, you'll see it has a body class of no-js<\/code>. Immediately after the opening body<\/code> tag is a small script which replaces no-js<\/code> with js<\/code> (you can see the amended class with browser developer tools).<\/p>\n\n
          WordPress uses this to apply different styles to the same elements, depending on whether JavaScript is present or not.<\/p>\n\n
          This plugin recreates the same effect, but for the front end of Genesis Framework<\/a> child themes.<\/p><\/dd>\n
          Shouldn't the script be at the end of the page?<\/dt>\n
          Usually, yes, but it's a fairly small script, so does not block rendering of other content for any noticeable length of time.<\/p>\n\n
          Doing it immediately also reduces a flash of incorrectly styled content, as the page does not load with no-js<\/code> styles, then switch to js<\/code> once everything has finished loading.<\/p><\/dd>\n\n<\/dl>\n\n\n
          See CHANGELOG.md<\/a> for all of the changes.<\/p>","raw_excerpt":"Make front end styling easier for child themes on the Genesis Framework based on whether JavaScript is enabled or not.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/13372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=13372"}],"author":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/garyj"}],"wp:attachment":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=13372"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=13372"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=13372"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=13372"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=13372"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=13372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}