Embed Jetpack Custom CSS
Embed Jetpack Custom CSS in the document head to improve performance., (*1)
Contributors: Brady Vercher
Requires: 4.0
Tested up to: 4.1
License: GPL-2.0+, (*2)
Requires Jetpack., (*3)
Embed Jetpack Custom CSS moves CSS added using Jetpack's Custom CSS module to an inline <style>
tag in the document head instead of using the default <link>
reference., (*4)
This eliminates an extra HTTP request and prevents WordPress from being loaded twice for new visitors to improve front end performance., (*5)
Works best with short snippets of CSS., (*6)
There aren't any settings -- just install, activate, and you're good to go., (*7)
Installation
Upload
- Download the latest release from GitHub.
- Go to the Plugins → Add New screen in your WordPress admin panel and click the Upload button at the top next to the "Add Plugins" title.
- Upload the zipped archive.
- Click the Activate Plugin link after installation completes.
Manual
- Download the latest release from GitHub.
- Unzip the archive.
- Copy the folder to
/wp-content/plugins/
.
- Go to the Plugins → Installed Plugins screen in your WordPress admin panel and click the Activate link under the Embed Jetpack Custom CSS item.
Read the Codex for more information about installing plugins manually., (*8)
Git
Clone this repository in /wp-content/plugins/
:, (*9)
git clone git@github.com:cedaro/embed-jetpack-custom-css.git
, (*10)
Then go to the Plugins → Installed Plugins screen in your WordPress admin panel and click the Activate link under the Embed Jetpack Custom CSS item., (*11)