Title: Genesis JS / No JS Author: Gary Jones Published: 24 Mei 2011 Last modified: 30 November 2017 --- Cari plugin ![](https://ps.w.org/genesis-js-no-js/assets/banner-772x250.jpg?rev=1778153) Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan dengan versi WordPress yang lebih baru. ![](https://ps.w.org/genesis-js-no-js/assets/icon-256x256.png?rev=1778153) # Genesis JS / No JS Oleh [Gary Jones](https://profiles.wordpress.org/garyj/) [Unduh](https://downloads.wordpress.org/plugin/genesis-js-no-js.3.2.1.zip) * [Detail](https://id.wordpress.org/plugins/genesis-js-no-js/#description) * [Ulasan](https://id.wordpress.org/plugins/genesis-js-no-js/#reviews) * [Instalasi](https://id.wordpress.org/plugins/genesis-js-no-js/#installation) * [Pengembangan](https://id.wordpress.org/plugins/genesis-js-no-js/#developers) [Bantuan](https://wordpress.org/support/plugin/genesis-js-no-js/) ## Deskripsi Make front end styling easier for child themes on the [Genesis Framework](http://genesis-theme-framework.com/) 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. ## Instalasi 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](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation). #### 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 ``` ## Tanya Jawab Installation Instructions 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](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation). #### 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 ``` 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 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](http://genesis-theme-framework.com/) 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-js` styles, then switch to `js` once everything has finished loading. ## Ulasan ![](https://secure.gravatar.com/avatar/b31331326848163f891c5aed0f9286851f1f4a7e061dee35ba549813f1da00d3? s=60&d=retro&r=g) ### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-needed-594/)󠁿 [blueprintmarketing](https://profiles.wordpress.org/blueprintmarketing/) 14 Maret 2017 1 balasan Thank you for this ! ![](https://secure.gravatar.com/avatar/222fccfe9ff26b2f987ea1748b2c6e2fd12aedd9c8501fb44665c3770cab70fb? s=60&d=retro&r=g) ### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-1100/)󠁿 [schlagobers](https://profiles.wordpress.org/schlagobers/) 31 Januari 2017 1 balasan Very useful little script for JavaScript feature detection. [ Baca semua 2 ulasan ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/) ## Kontributor & Pengembang “Genesis JS / No JS” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ Gary Jones ](https://profiles.wordpress.org/garyj/) “Genesis JS / No JS” telah diterjemahkan dalam 2 bahasa. Terima kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js/contributors) untuk kontribusi-nya. [Terjemahkan “Genesis JS / No JS” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/genesis-js-no-js/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/genesis-js-no-js/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/genesis-js-no-js/) melalui [RSS](https://plugins.trac.wordpress.org/log/genesis-js-no-js/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan See [CHANGELOG.md](https://github.com/GaryJones/genesis-js-no-js/blob/master/CHANGELOG.md) for all of the changes. ## Meta * Versi **3.2.1** * Diperbarui **9 tahun yang lalu** * Instalasi Aktif **100+** * Versi WordPress ** 4.6 atau yang terbaru ** * Diuji hingga **4.9.34** * Versi PHP ** 7.0 atau yang terbaru ** * Bahasa * [English (UK)](https://en-gb.wordpress.org/plugins/genesis-js-no-js/), [English (US)](https://wordpress.org/plugins/genesis-js-no-js/), dan [Spanish (Chile)](https://cl.wordpress.org/plugins/genesis-js-no-js/). * [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js) * Tag * [genesis](https://id.wordpress.org/plugins/tags/genesis/) * [Tampilan lanjut](https://id.wordpress.org/plugins/genesis-js-no-js/advanced/) ## Rating 5 dari 5 bintang. * [ 2 ulasan 5-bintang ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=5) * [ 0 ulasan 4-bintang ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=4) * [ 0 ulasan 3-bintang ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=3) * [ 0 ulasan 2-bintang ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=2) * [ 0 ulasan 1-bintang ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/) ## Kontributor * [ Gary Jones ](https://profiles.wordpress.org/garyj/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/genesis-js-no-js/) ## Donasi Apakah Anda ingin mendukung pengembangan plugin ini? [ Donasi untuk plugin ini ](http://code.garyjones.co.uk/donate/)